krl-alfred 1.77.30 → 1.77.32
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/Agreement/Agreement.js +1 -1
- package/dist/components/Agreement/stories/Agreement.stories.js +2 -1
- package/dist/components/Checkbox/Checkbox.js +7 -2
- package/dist/components/Checkbox/Checkbox.styled.js +1 -1
- package/dist/components/Checkbox/props.js +1 -0
- package/dist/components/Checkbox/stories/Checkbox.stories.js +2 -0
- package/dist/components/Divider/Divider.js +3 -3
- package/dist/components/Divider/props.js +1 -0
- package/dist/components/Divider/stories/Divider.stories.js +2 -0
- package/dist/components/Icon/Icon.js +2 -2
- package/dist/components/Icon/Icon.styled.js +5 -1
- package/dist/components/Icon/props.js +2 -1
- package/dist/components/RadioButton/layouts/basic/Basic.js +7 -2
- package/dist/components/RadioButton/layouts/basic/Basic.styled.js +1 -1
- package/dist/components/RadioButton/layouts/boxed/Boxed.js +7 -2
- package/dist/components/RadioButton/layouts/boxed/Boxed.styled.js +1 -1
- package/dist/components/RadioButton/props.js +5 -2
- package/dist/components/RadioButton/stories/RadioButton.stories.js +1 -0
- package/dist/style/style.min.css +1 -1
- package/dist/style/style.min.css.map +1 -1
- package/package.json +1 -1
|
@@ -36,6 +36,6 @@ var Agreement = function (_a) {
|
|
|
36
36
|
onChange(event);
|
|
37
37
|
};
|
|
38
38
|
var toggleExpand = function () { return setIsExpanded(function (prevState) { return !prevState; }); };
|
|
39
|
-
return ((0, jsx_runtime_1.jsxs)(Agreement_styled_1.AgreementStyled, __assign({ "$hasError": hasError
|
|
39
|
+
return ((0, jsx_runtime_1.jsxs)(Agreement_styled_1.AgreementStyled, __assign({ "$hasError": hasError }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "agreement" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "top" }, { children: [(0, jsx_runtime_1.jsx)(Checkbox_1.default, { id: id, label: title, name: name, valid: !hasError, size: "medium", checked: checked, disabled: disabled, onChange: onCheckBoxChange, value: value }), (0, jsx_runtime_1.jsx)("div", __assign({ className: "icon", onClick: toggleExpand }, { children: isExpanded ? (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "AgreementArrowUp" }) : (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "AgreementArrowDown" }) }))] })), isExpanded && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "content" }, { children: content ? (0, jsx_runtime_1.jsx)("div", { className: "text", dangerouslySetInnerHTML: { __html: content } }) : (0, jsx_runtime_1.jsx)(Loader_1.default, { variant: "primary", width: "24px", height: "24px" }) })))] })), hasError && errorMessage && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "error" }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ErrorIcon" }), (0, jsx_runtime_1.jsx)("p", { children: errorMessage })] })))] })));
|
|
40
40
|
};
|
|
41
41
|
exports.default = Agreement;
|
|
@@ -14,8 +14,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
15
|
var props_1 = require("./props");
|
|
16
16
|
var Checkbox_styled_1 = require("./Checkbox.styled");
|
|
17
|
+
var react_1 = require("react");
|
|
17
18
|
var Checkbox = function (_a) {
|
|
18
|
-
var _b = _a.value, value = _b === void 0 ? props_1.CheckboxDefault.value : _b, _c = _a.checked, checked = _c === void 0 ? props_1.CheckboxDefault.checked : _c, _d = _a.onChange, onChange = _d === void 0 ? props_1.CheckboxDefault.onChange : _d, _e = _a.name, name = _e === void 0 ? props_1.CheckboxDefault.name : _e, _f = _a.id, id = _f === void 0 ? props_1.CheckboxDefault.id : _f, _g = _a.label, label = _g === void 0 ? props_1.CheckboxDefault.label : _g, _h = _a.disabled, disabled = _h === void 0 ? props_1.CheckboxDefault.disabled : _h, _j = _a.size, size = _j === void 0 ? props_1.CheckboxDefault.size : _j, _k = _a.description, description = _k === void 0 ? props_1.CheckboxDefault.description : _k, _l = _a.valid, valid = _l === void 0 ? props_1.CheckboxDefault.valid : _l, _m = _a.labelOffset, labelOffset = _m === void 0 ? props_1.CheckboxDefault.labelOffset : _m;
|
|
19
|
-
|
|
19
|
+
var _b = _a.value, value = _b === void 0 ? props_1.CheckboxDefault.value : _b, _c = _a.checked, checked = _c === void 0 ? props_1.CheckboxDefault.checked : _c, _d = _a.onChange, onChange = _d === void 0 ? props_1.CheckboxDefault.onChange : _d, _e = _a.name, name = _e === void 0 ? props_1.CheckboxDefault.name : _e, _f = _a.id, id = _f === void 0 ? props_1.CheckboxDefault.id : _f, _g = _a.label, label = _g === void 0 ? props_1.CheckboxDefault.label : _g, _h = _a.disabled, disabled = _h === void 0 ? props_1.CheckboxDefault.disabled : _h, _j = _a.size, size = _j === void 0 ? props_1.CheckboxDefault.size : _j, _k = _a.description, description = _k === void 0 ? props_1.CheckboxDefault.description : _k, _l = _a.valid, valid = _l === void 0 ? props_1.CheckboxDefault.valid : _l, _m = _a.labelOffset, labelOffset = _m === void 0 ? props_1.CheckboxDefault.labelOffset : _m, _o = _a.color, color = _o === void 0 ? props_1.CheckboxDefault.color : _o;
|
|
20
|
+
var _p = (0, react_1.useState)(color), inputColor = _p[0], setInputColor = _p[1];
|
|
21
|
+
(0, react_1.useEffect)(function () {
|
|
22
|
+
setInputColor(window.getComputedStyle(document.body).getPropertyValue('--primary'));
|
|
23
|
+
});
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)(Checkbox_styled_1.CheckboxStyled, __assign({ htmlFor: id, disabled: disabled, checked: checked, "$size": size, "$valid": valid, "$labelOffset": labelOffset, "$color": inputColor }, { children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: onChange }), (0, jsx_runtime_1.jsx)("label", { htmlFor: id, className: "indicator" }), (label || description) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "labelsWrapper" }, { children: [label && ((0, jsx_runtime_1.jsx)("label", __assign({ className: "label", htmlFor: id }, { children: label }))), description && ((0, jsx_runtime_1.jsx)("label", __assign({ className: "description", htmlFor: id }, { children: description })))] })))] })));
|
|
20
25
|
};
|
|
21
26
|
exports.default = Checkbox;
|
|
@@ -12,7 +12,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
12
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
13
|
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
14
14
|
var svgToBase64_1 = __importDefault(require("./../../utils/svgToBase64"));
|
|
15
|
-
exports.CheckboxStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex:1;\n position:relative;\n align-items:center;\n justify-content:flex-start;\n display: grid;\n grid-template-columns: auto 1fr;\n input[type=\"checkbox\"]{\n height: 0;\n width: 0;\n opacity: 0; \n z-index: -1;\n position: absolute;\n &:checked ~ .indicator{\n background-image:url('", "');\n }\n }\n .indicator{\n background-image:url('", "');\n background-size:100% 100%;\n display:block;\n position:relative;\n margin: 0 ", " 0 0;\n width: ", ";\n height: ", ";\n &:disabled {\n cursor: not-allowed;\n }\n }\n div.labelsWrapper{\n position: relative;\n display: grid;\n row-gap: 8px;\n cursor: ", ";\n margin: 0;\n color:", ";\n * {\n ", ";\n }\n label.label{\n display:block;\n margin:0;\n cursor: inherit;\n font: ", ";\n }\n label.description{\n display:block;\n margin:0;\n cursor: inherit;\n font:var(--body-regular-13-16);\n }\n }\n"], ["\n flex:1;\n position:relative;\n align-items:center;\n justify-content:flex-start;\n display: grid;\n grid-template-columns: auto 1fr;\n input[type=\"checkbox\"]{\n height: 0;\n width: 0;\n opacity: 0; \n z-index: -1;\n position: absolute;\n &:checked ~ .indicator{\n background-image:url('", "');\n }\n }\n .indicator{\n background-image:url('", "');\n background-size:100% 100%;\n display:block;\n position:relative;\n margin: 0 ", " 0 0;\n width: ", ";\n height: ", ";\n &:disabled {\n cursor: not-allowed;\n }\n }\n div.labelsWrapper{\n position: relative;\n display: grid;\n row-gap: 8px;\n cursor: ", ";\n margin: 0;\n color:", ";\n * {\n ", ";\n }\n label.label{\n display:block;\n margin:0;\n cursor: inherit;\n font: ", ";\n }\n label.description{\n display:block;\n margin:0;\n cursor: inherit;\n font:var(--body-regular-13-16);\n }\n }\n"])), (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "
|
|
15
|
+
exports.CheckboxStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex:1;\n position:relative;\n align-items:center;\n justify-content:flex-start;\n display: grid;\n grid-template-columns: auto 1fr;\n input[type=\"checkbox\"]{\n height: 0;\n width: 0;\n opacity: 0; \n z-index: -1;\n position: absolute;\n &:checked ~ .indicator{\n background-image:url('", "');\n }\n }\n .indicator{\n background-image:url('", "');\n background-size:100% 100%;\n display:block;\n position:relative;\n margin: 0 ", " 0 0;\n width: ", ";\n height: ", ";\n &:disabled {\n cursor: not-allowed;\n }\n }\n div.labelsWrapper{\n position: relative;\n display: grid;\n row-gap: 8px;\n cursor: ", ";\n margin: 0;\n color:", ";\n * {\n ", ";\n }\n label.label{\n display:block;\n margin:0;\n cursor: inherit;\n font: ", ";\n }\n label.description{\n display:block;\n margin:0;\n cursor: inherit;\n font:var(--body-regular-13-16);\n }\n }\n"], ["\n flex:1;\n position:relative;\n align-items:center;\n justify-content:flex-start;\n display: grid;\n grid-template-columns: auto 1fr;\n input[type=\"checkbox\"]{\n height: 0;\n width: 0;\n opacity: 0; \n z-index: -1;\n position: absolute;\n &:checked ~ .indicator{\n background-image:url('", "');\n }\n }\n .indicator{\n background-image:url('", "');\n background-size:100% 100%;\n display:block;\n position:relative;\n margin: 0 ", " 0 0;\n width: ", ";\n height: ", ";\n &:disabled {\n cursor: not-allowed;\n }\n }\n div.labelsWrapper{\n position: relative;\n display: grid;\n row-gap: 8px;\n cursor: ", ";\n margin: 0;\n color:", ";\n * {\n ", ";\n }\n label.label{\n display:block;\n margin:0;\n cursor: inherit;\n font: ", ";\n }\n label.description{\n display:block;\n margin:0;\n cursor: inherit;\n font:var(--body-regular-13-16);\n }\n }\n"])), function (props) { return (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "".concat(props.$color), name: "CheckboxElementChecked" })); }, function (props) { return props.disabled ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#C2C3CE", name: "CheckboxElementDisabled" })) : (props.$valid ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "${props => props.color}", name: "CheckboxElementUncheck" })) : (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#FF1F1F", name: "CheckboxElementInvalid" }))); }, function (props) { return props.$labelOffset; }, function (props) {
|
|
16
16
|
switch (props.$size) {
|
|
17
17
|
case 'small':
|
|
18
18
|
return "16px";
|
|
@@ -15,6 +15,7 @@ exports.default = {
|
|
|
15
15
|
label: { control: "text" },
|
|
16
16
|
description: { control: "text" },
|
|
17
17
|
checked: { control: "boolean" },
|
|
18
|
+
color: { control: 'color' },
|
|
18
19
|
},
|
|
19
20
|
};
|
|
20
21
|
exports.Default = {
|
|
@@ -23,5 +24,6 @@ exports.Default = {
|
|
|
23
24
|
description: "Description",
|
|
24
25
|
valid: true,
|
|
25
26
|
id: "check_1",
|
|
27
|
+
onChange: function (e) { return console.log("event", e); },
|
|
26
28
|
},
|
|
27
29
|
};
|
|
@@ -19,14 +19,14 @@ var props_1 = require("./props");
|
|
|
19
19
|
var Divider_styled_1 = require("./Divider.styled");
|
|
20
20
|
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
21
21
|
var Divider = function (_a) {
|
|
22
|
-
var _b = _a.type, type = _b === void 0 ? props_1.DividerDefault.type : _b, _c = _a.text, text = _c === void 0 ? props_1.DividerDefault.text : _c, _d = _a.hasText, hasText = _d === void 0 ? props_1.DividerDefault.hasText : _d;
|
|
22
|
+
var _b = _a.type, type = _b === void 0 ? props_1.DividerDefault.type : _b, _c = _a.text, text = _c === void 0 ? props_1.DividerDefault.text : _c, _d = _a.hasText, hasText = _d === void 0 ? props_1.DividerDefault.hasText : _d, _e = _a.color, color = _e === void 0 ? props_1.DividerDefault.color : _e;
|
|
23
23
|
switch (type) {
|
|
24
24
|
case 'horizontal':
|
|
25
25
|
return ((0, jsx_runtime_1.jsx)(Divider_styled_1.DividerStyled, { children: (0, jsx_runtime_1.jsxs)(Divider_styled_1.Horizontal, __assign({ "$hasText": hasText }, { children: [(0, jsx_runtime_1.jsx)("div", {}), hasText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: text }), (0, jsx_runtime_1.jsx)("div", {})] }))] })) }));
|
|
26
26
|
case 'waveArrowUp':
|
|
27
|
-
return ((0, jsx_runtime_1.jsx)(Divider_styled_1.DividerStyled, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "WaveArrowUp", width: "97px", height: "53px", color:
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)(Divider_styled_1.DividerStyled, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "WaveArrowUp", width: "97px", height: "53px", color: color }) }));
|
|
28
28
|
case 'waveArrowDown':
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)(Divider_styled_1.DividerStyled, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "WaveArrowDown", width: "97px", height: "53px", color:
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(Divider_styled_1.DividerStyled, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "WaveArrowDown", width: "97px", height: "53px", color: color }) }));
|
|
30
30
|
default:
|
|
31
31
|
return ((0, jsx_runtime_1.jsx)(Divider_styled_1.DividerStyled, { children: "default" }));
|
|
32
32
|
}
|
|
@@ -12,11 +12,13 @@ exports.default = {
|
|
|
12
12
|
tags: ['autodocs'],
|
|
13
13
|
argTypes: {
|
|
14
14
|
type: { control: 'select', options: props_1.types },
|
|
15
|
+
color: { control: 'color' },
|
|
15
16
|
}
|
|
16
17
|
};
|
|
17
18
|
exports.Default = {
|
|
18
19
|
args: {
|
|
19
20
|
type: props_1.types[0],
|
|
20
21
|
text: "veya",
|
|
22
|
+
color: "#9763F6"
|
|
21
23
|
},
|
|
22
24
|
};
|
|
@@ -27,7 +27,7 @@ var props_1 = require("./props");
|
|
|
27
27
|
var index_1 = require("./index");
|
|
28
28
|
var Icon_styled_1 = require("./Icon.styled");
|
|
29
29
|
var Icon = function (_a) {
|
|
30
|
-
var _b = _a.hasWrapper, hasWrapper = _b === void 0 ? props_1.IconDefault.hasWrapper : _b, _c = _a.color, color = _c === void 0 ? props_1.IconDefault.color : _c, _d = _a.name, name = _d === void 0 ? props_1.IconDefault.name : _d, width = _a.width, height = _a.height, strokeWidth = _a.strokeWidth, other = __rest(_a, ["hasWrapper", "color", "name", "width", "height", "strokeWidth"]);
|
|
31
|
-
return hasWrapper ? ((0, jsx_runtime_1.jsx)(Icon_styled_1.IconWrapper, __assign({ "$width": width, "$height": height, "$strokeWidth": strokeWidth, "$color": color }, { children: index_1.iconList[name]({}) || (0, jsx_runtime_1.jsx)("div", {}) }))) : (index_1.iconList[name]({ width: width, height: height, color: color }) || (0, jsx_runtime_1.jsx)("div", {}));
|
|
30
|
+
var _b = _a.hasWrapper, hasWrapper = _b === void 0 ? props_1.IconDefault.hasWrapper : _b, _c = _a.color, color = _c === void 0 ? props_1.IconDefault.color : _c, _d = _a.name, name = _d === void 0 ? props_1.IconDefault.name : _d, _e = _a.linear, linear = _e === void 0 ? props_1.IconDefault.linear : _e, width = _a.width, height = _a.height, strokeWidth = _a.strokeWidth, other = __rest(_a, ["hasWrapper", "color", "name", "linear", "width", "height", "strokeWidth"]);
|
|
31
|
+
return hasWrapper ? ((0, jsx_runtime_1.jsx)(Icon_styled_1.IconWrapper, __assign({ "$linear": linear, "$width": width, "$height": height, "$strokeWidth": strokeWidth, "$color": color }, { children: index_1.iconList[name]({}) || (0, jsx_runtime_1.jsx)("div", {}) }))) : (index_1.iconList[name]({ width: width, height: height, color: color }) || (0, jsx_runtime_1.jsx)("div", {}));
|
|
32
32
|
};
|
|
33
33
|
exports.default = Icon;
|
|
@@ -10,5 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.IconWrapper = exports.IconStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
exports.IconStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) ) ;\n gap: 50px 20px;\n .item{\n text-align: center;\n .title{\n display: block;\n margin-top: 10px;\n font:var(--body-regular-14-17);\n }\n }\n"], ["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) ) ;\n gap: 50px 20px;\n .item{\n text-align: center;\n .title{\n display: block;\n margin-top: 10px;\n font:var(--body-regular-14-17);\n }\n }\n"])));
|
|
13
|
-
exports.IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-block;\n vertical-align: middle;\n svg{\n display: block;\n width: ", ";\n height: ", ";\n path,circle,rect{\n color: ", ";\n &[stroke-width]{\n stroke-width: ", ";\n }\n }\n }\n"], ["\n display: inline-block;\n vertical-align: middle;\n svg{\n display: block;\n width: ", ";\n height: ", ";\n path,circle,rect{\n color: ", ";\n &[stroke-width]{\n stroke-width: ", ";\n }\n }\n }\n"])), function (props) { return props.$width; }, function (props) { return props.$height; }, function (props) { return props.$color; }, function (props) { return props.$strokeWidth; })
|
|
13
|
+
exports.IconWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-block;\n vertical-align: middle;\n svg{\n display: block;\n width: ", ";\n height: ", ";\n path,circle,rect{\n color: ", ";\n &[stroke-width]{\n stroke-width: ", ";\n }\n }\n stop{\n ", "\n }\n }\n"], ["\n display: inline-block;\n vertical-align: middle;\n svg{\n display: block;\n width: ", ";\n height: ", ";\n path,circle,rect{\n color: ", ";\n &[stroke-width]{\n stroke-width: ", ";\n }\n }\n stop{\n ", "\n }\n }\n"])), function (props) { return props.$width; }, function (props) { return props.$height; }, function (props) { return props.$color; }, function (props) { return props.$strokeWidth; }, function (props) {
|
|
14
|
+
return props.$linear.map(function (value, key) {
|
|
15
|
+
return "\n &:nth-child(".concat(key + 1, "){\n stop-color: ").concat(value, ";\n }\n ");
|
|
16
|
+
});
|
|
17
|
+
});
|
|
14
18
|
var templateObject_1, templateObject_2;
|
|
@@ -12,10 +12,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
|
+
var react_1 = require("react");
|
|
15
16
|
var props_1 = require("./../../props");
|
|
16
17
|
var Basic_styled_1 = require("./Basic.styled");
|
|
17
18
|
var Basic = function (_a) {
|
|
18
|
-
var value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, name = _a.name, _b = _a.id, id = _b === void 0 ? props_1.BasicDefault.id : _b, label = _a.label, disabled = _a.disabled, _c = _a.size, size = _c === void 0 ? props_1.BasicDefault.size : _c, description = _a.description, _d = _a.valid, valid = _d === void 0 ? props_1.BasicDefault.valid : _d, _e = _a.labelOffset, labelOffset = _e === void 0 ? props_1.BasicDefault.labelOffset : _e, _f = _a.hasNoneClick, hasNoneClick = _f === void 0 ? props_1.BasicDefault.hasNoneClick : _f, isWrapText = _a.isWrapText, readOnly = _a.readOnly;
|
|
19
|
-
|
|
19
|
+
var value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, name = _a.name, _b = _a.id, id = _b === void 0 ? props_1.BasicDefault.id : _b, label = _a.label, disabled = _a.disabled, _c = _a.size, size = _c === void 0 ? props_1.BasicDefault.size : _c, description = _a.description, _d = _a.valid, valid = _d === void 0 ? props_1.BasicDefault.valid : _d, _e = _a.labelOffset, labelOffset = _e === void 0 ? props_1.BasicDefault.labelOffset : _e, _f = _a.hasNoneClick, hasNoneClick = _f === void 0 ? props_1.BasicDefault.hasNoneClick : _f, _g = _a.color, color = _g === void 0 ? props_1.BasicDefault.color : _g, isWrapText = _a.isWrapText, readOnly = _a.readOnly;
|
|
20
|
+
var _h = (0, react_1.useState)(color), inputColor = _h[0], setInputColor = _h[1];
|
|
21
|
+
(0, react_1.useEffect)(function () {
|
|
22
|
+
setInputColor(window.getComputedStyle(document.body).getPropertyValue('--primary'));
|
|
23
|
+
});
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)(Basic_styled_1.BasicStyled, __assign({ htmlFor: id, "$disabled": disabled, "$checked": checked, "$size": size, "$valid": valid, "$labelOffset": labelOffset, "$hasNoneClick": hasNoneClick, "$isWrapText": isWrapText, "$readOnly": readOnly, "$color": inputColor }, { children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "radio", name: name, value: value, disabled: disabled, checked: checked, onChange: onChange, onClick: onClick }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" }), (label || description) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "labelsWrapper" }, { children: [label && ((0, jsx_runtime_1.jsx)("label", __assign({ className: "label", htmlFor: id }, { children: label }))), description && ((0, jsx_runtime_1.jsx)("label", __assign({ className: "description", htmlFor: id }, { children: description })))] })))] })));
|
|
20
25
|
};
|
|
21
26
|
exports.default = Basic;
|
|
@@ -12,7 +12,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
12
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
13
|
var Icon_1 = __importDefault(require("../../../Icon/Icon"));
|
|
14
14
|
var svgToBase64_1 = __importDefault(require("./../../../../utils/svgToBase64"));
|
|
15
|
-
exports.BasicStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n ", "\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ .indicator {\n background-image:
|
|
15
|
+
exports.BasicStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n ", "\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ .indicator {\n background-image:url('", "');\n }\n }\n\n div.indicator {\n flex: 0 0 auto;\n background-image: url('", "');\n background-size: 100% 100%;\n display: block;\n position: relative;\n margin: 0 ", " 0 0;\n width: ", ";\n height: ", ";\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n div.labelsWrapper {\n position: relative;\n display: grid;\n row-gap: 8px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n ", "\n label.label {\n display: block;\n cursor: inherit;\n font: ", ";\n }\n\n label.description {\n display: block;\n margin: 0;\n cursor: inherit;\n font: var(--body-regular-13-16);\n }\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n ", "\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ .indicator {\n background-image:url('", "');\n }\n }\n\n div.indicator {\n flex: 0 0 auto;\n background-image: url('", "');\n background-size: 100% 100%;\n display: block;\n position: relative;\n margin: 0 ", " 0 0;\n width: ", ";\n height: ", ";\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n div.labelsWrapper {\n position: relative;\n display: grid;\n row-gap: 8px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n ", "\n label.label {\n display: block;\n cursor: inherit;\n font: ", ";\n }\n\n label.description {\n display: block;\n margin: 0;\n cursor: inherit;\n font: var(--body-regular-13-16);\n }\n }\n"])), function (props) { return props.$hasNoneClick && "\n user-select:none;\n pointer-events:none;\n "; }, function (props) { return (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "".concat(props.$color), name: "RadioButtonElementChecked" })); }, function (props) { return props.$disabled ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#C2C3CE", name: "RadioButtonElementDisabled" })) : (props.$valid ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#9763F6", name: "RadioButtonElementUnchecked" })) : (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "#FF1F1F", name: "RadioButtonElementInvalid" }))); }, function (props) { return props.$labelOffset; }, function (props) {
|
|
16
16
|
switch (props.$size) {
|
|
17
17
|
case 'xsmall':
|
|
18
18
|
return "16px";
|
|
@@ -15,11 +15,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var react_1 = require("react");
|
|
18
19
|
var props_1 = require("./../../props");
|
|
19
20
|
var Boxed_styled_1 = require("./Boxed.styled");
|
|
20
21
|
var Badges_1 = __importDefault(require("../../../Badges"));
|
|
21
22
|
var Boxed = function (_a) {
|
|
22
|
-
var value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, name = _a.name, label = _a.label, disabled = _a.disabled, description = _a.description, image = _a.image, hasBadge = _a.hasBadge, badgeText = _a.badgeText, badgeVariant = _a.badgeVariant, labelSm = _a.labelSm, readOnly = _a.readOnly, _b = _a.id, id = _b === void 0 ? props_1.BoxedDefault.id : _b, _c = _a.size, size = _c === void 0 ? props_1.BoxedDefault.size : _c, _d = _a.valid, valid = _d === void 0 ? props_1.BoxedDefault.valid : _d, _e = _a.labelOffset, labelOffset = _e === void 0 ? props_1.BoxedDefault.labelOffset : _e;
|
|
23
|
-
|
|
23
|
+
var value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, name = _a.name, label = _a.label, disabled = _a.disabled, description = _a.description, image = _a.image, hasBadge = _a.hasBadge, badgeText = _a.badgeText, badgeVariant = _a.badgeVariant, labelSm = _a.labelSm, readOnly = _a.readOnly, _b = _a.id, id = _b === void 0 ? props_1.BoxedDefault.id : _b, _c = _a.size, size = _c === void 0 ? props_1.BoxedDefault.size : _c, _d = _a.valid, valid = _d === void 0 ? props_1.BoxedDefault.valid : _d, _e = _a.labelOffset, labelOffset = _e === void 0 ? props_1.BoxedDefault.labelOffset : _e, _f = _a.color, color = _f === void 0 ? props_1.BoxedDefault.color : _f;
|
|
24
|
+
var _g = (0, react_1.useState)(color), inputColor = _g[0], setInputColor = _g[1];
|
|
25
|
+
(0, react_1.useEffect)(function () {
|
|
26
|
+
setInputColor(window.getComputedStyle(document.body).getPropertyValue('--primary'));
|
|
27
|
+
});
|
|
28
|
+
return ((0, jsx_runtime_1.jsxs)(Boxed_styled_1.BoxedStyled, __assign({ htmlFor: id, "$disabled": disabled, "$checked": checked, "$size": size, "$valid": valid, "$labelOffset": labelOffset, "$readOnly": readOnly, "$color": inputColor }, { children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "radio", name: name, value: value, disabled: disabled, checked: checked, onChange: onChange, onClick: onClick, readOnly: readOnly }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" }), (label || description || image) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "labelsWrapper" }, { children: [label && ((0, jsx_runtime_1.jsxs)("label", __assign({ className: "label", htmlFor: id }, { children: [label, labelSm && (0, jsx_runtime_1.jsx)("span", __assign({ className: "labelSm" }, { children: labelSm }))] }))), description && ((0, jsx_runtime_1.jsx)("label", __assign({ className: "description", htmlFor: id }, { children: description }))), image && ((0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: id }, { children: image })))] }))), hasBadge && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "boxedBadgesWrapper" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { title: badgeText, layout: "belt", variant: badgeVariant, hasResponsive: true }) })))] })));
|
|
24
29
|
};
|
|
25
30
|
exports.default = Boxed;
|
|
@@ -13,7 +13,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
13
13
|
var Icon_1 = __importDefault(require("../../../Icon/Icon"));
|
|
14
14
|
var svgToBase64_1 = __importDefault(require("./../../../../utils/svgToBase64"));
|
|
15
15
|
var devices_1 = require("../../../../constants/devices");
|
|
16
|
-
exports.BoxedStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid var(--dark-opacity-10);\n position: relative;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 128px;\n cursor: ", ";\n @media only screen and ", " {\n height: 69px;\n }\n\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ .indicator {\n background-image:
|
|
16
|
+
exports.BoxedStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid var(--dark-opacity-10);\n position: relative;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 128px;\n cursor: ", ";\n @media only screen and ", " {\n height: 69px;\n }\n\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ .indicator {\n background-image:url('", "');\n }\n\n &:checked ", " {\n ~ div.labelsWrapper {\n &:before {\n content: \"\";\n position: absolute;\n inset: -1px;\n border-radius: 8px;\n user-select: none;\n pointer-events: none;\n }\n }\n }\n \n &:checked {\n ~ div.labelsWrapper {\n &:before {\n border: 2px solid var(--primary) !important;\n }\n }\n }\n ", "\n }\n\n div.indicator {\n background-image: url('", "');\n background-size: 100% 100%;\n display: block;\n position: absolute;\n left: 12px;\n top: 12px;\n margin: ", ";\n width: ", ";\n height: ", ";\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n div.labelsWrapper {\n row-gap: 4px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n padding: 0;\n display: grid;\n text-align: center;\n\n @media only screen and ", " {\n //display: flex;\n //align-items: center;\n //justify-content: center;\n row-gap: 4px;\n }\n label.label {\n display: block;\n margin: 0 0 4px 0;\n vertical-align: middle;\n cursor: pointer;\n font:var(--title-bold-16-19);\n .labelSm{\n font:var(--body-regular-14-17);\n margin-left: 0.25rem;\n }\n @media only screen and ", " {\n margin: 0;\n }\n }\n\n label.description {\n display: block;\n vertical-align: middle;\n margin: 0;\n cursor: pointer;\n font:var(--body-regular-14-17);\n @media only screen and ", " {\n margin: 0 0 0 4px;\n }\n }\n }\n .boxedBadgesWrapper{\n position: absolute;\n right: -9px;\n top: -8px;\n transform: rotate(90deg);\n @media only screen and ", " {\n right: -6px;\n top: -6px;\n }\n }\n"], ["\n border: 1px solid var(--dark-opacity-10);\n position: relative;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 128px;\n cursor: ", ";\n @media only screen and ", " {\n height: 69px;\n }\n\n input[type=\"radio\"] {\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n\n &:checked ~ .indicator {\n background-image:url('", "');\n }\n\n &:checked ", " {\n ~ div.labelsWrapper {\n &:before {\n content: \"\";\n position: absolute;\n inset: -1px;\n border-radius: 8px;\n user-select: none;\n pointer-events: none;\n }\n }\n }\n \n &:checked {\n ~ div.labelsWrapper {\n &:before {\n border: 2px solid var(--primary) !important;\n }\n }\n }\n ", "\n }\n\n div.indicator {\n background-image: url('", "');\n background-size: 100% 100%;\n display: block;\n position: absolute;\n left: 12px;\n top: 12px;\n margin: ", ";\n width: ", ";\n height: ", ";\n\n &:disabled {\n cursor: not-allowed;\n }\n }\n\n div.labelsWrapper {\n row-gap: 4px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n padding: 0;\n display: grid;\n text-align: center;\n\n @media only screen and ", " {\n //display: flex;\n //align-items: center;\n //justify-content: center;\n row-gap: 4px;\n }\n label.label {\n display: block;\n margin: 0 0 4px 0;\n vertical-align: middle;\n cursor: pointer;\n font:var(--title-bold-16-19);\n .labelSm{\n font:var(--body-regular-14-17);\n margin-left: 0.25rem;\n }\n @media only screen and ", " {\n margin: 0;\n }\n }\n\n label.description {\n display: block;\n vertical-align: middle;\n margin: 0;\n cursor: pointer;\n font:var(--body-regular-14-17);\n @media only screen and ", " {\n margin: 0 0 0 4px;\n }\n }\n }\n .boxedBadgesWrapper{\n position: absolute;\n right: -9px;\n top: -8px;\n transform: rotate(90deg);\n @media only screen and ", " {\n right: -6px;\n top: -6px;\n }\n }\n"])), function (props) { return (props.$disabled ? "not-allowed" : "pointer"); }, devices_1.devices.lg, function (props) { return (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "".concat(props.$color), name: "RadioButtonElementChecked" })); }, function (props) { return !props.$readOnly && " , &:hover"; }, function (props) { return !props.$readOnly && " \n &:hover {\n ~ div.labelsWrapper {\n &:before {\n border: 1px solid var(--primary-hover);\n }\n }\n }\n "; }, function (props) { return props.$disabled ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: "RadioButtonElementDisabled" })) : (props.$valid ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: "RadioButtonElementUnchecked" })) : (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, name: "RadioButtonElementInvalid" }))); }, function (props) { return (props.$size === "small" ? "0 8px 0 0" : "0 16px 0 0"); }, function (props) {
|
|
17
17
|
switch (props.$size) {
|
|
18
18
|
case 'small':
|
|
19
19
|
return "16px";
|
|
@@ -11,18 +11,21 @@ var RadioButtonDefault = {
|
|
|
11
11
|
isWrapText: true,
|
|
12
12
|
labelOffset: '0.5rem',
|
|
13
13
|
hasNoneClick: false,
|
|
14
|
-
readOnly: false
|
|
14
|
+
readOnly: false,
|
|
15
|
+
color: null,
|
|
15
16
|
};
|
|
16
17
|
exports.BoxedDefault = {
|
|
17
18
|
id: "styledChecbox_".concat(Math.floor(Math.random() * (99999999999 - 11111111111) + 11111111111)),
|
|
18
19
|
size: "small",
|
|
19
20
|
valid: true,
|
|
20
21
|
labelOffset: "0.5rem",
|
|
22
|
+
color: null,
|
|
21
23
|
};
|
|
22
24
|
exports.BasicDefault = {
|
|
23
25
|
id: "styledChecbox_".concat(Math.floor(Math.random() * (99999999999 - 11111111111) + 11111111111)),
|
|
24
26
|
size: "small",
|
|
25
27
|
valid: true,
|
|
26
28
|
labelOffset: "0.5rem",
|
|
27
|
-
hasNoneClick: false
|
|
29
|
+
hasNoneClick: false,
|
|
30
|
+
color: null,
|
|
28
31
|
};
|
package/dist/style/style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import'simplebar-react/dist/simplebar.min.css';:root{--primary: #9763F6;--primary-press: #462D74;--primary-hover: #7149BB;--primary-shades-dark: #9C6DEF;--primary-shades-soft: #CBB1FB;--primary-opacity-5: #FAF7FF;--primary-opacity-10: #F5EFFE;--primary-opacity-50: #CBB1FB;--primary-opacity-75: #B18AF8;--dark: #0A103D;--dark-opacity-3: #F9F8F9;--dark-opacity-5: #F3F3F5;--dark-opacity-10: #E7E7EC;--dark-opacity-25: #C2C3CE;--dark-opacity-50: #84879E;--dark-opacity-75: #474D6D;--grey-10: #E8E8EB;--grey-20: #D1D2D6;--grey-30: #BABBC2;--grey-40: #A3A5AD;--grey-50: #8C8E99;--green: #0FDF7B;--red: #FF1F1F;--yellow: #FFCE1F;--box-shadow-color: #EAE9F0;--icon-shadow-color: var(--dark-opacity-10);--search-shadow-color: var(--dark-opacity-5);--dark-shadow-color: var(--dark-opacity-25);--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--display-black-96-116: 900 96px/116px var(--font-family-sans-serif) ;--display-black-72-87: 900 72px/87px var(--font-family-sans-serif) ;--display-black-64-77: 900 64px/77px var(--font-family-sans-serif) ;--display-black-56-68: 900 56px/68px var(--font-family-sans-serif) ;--display-extra-bold-96-116: 800 96px/116px var(--font-family-sans-serif) ;--display-extra-bold-72-87: 800 72px/87px var(--font-family-sans-serif) ;--display-extra-bold-64-77: 800 64px/77px var(--font-family-sans-serif) ;--display-extra-bold-56-68: 800 56px/68px var(--font-family-sans-serif) ;--display-bold-96-116: 700 96px/116px var(--font-family-sans-serif) ;--display-bold-72-87: 700 72px/87px var(--font-family-sans-serif) ;--display-bold-64-77: 700 64px/77px var(--font-family-sans-serif) ;--display-bold-56-68: 700 56px/68px var(--font-family-sans-serif) ;--display-semi-bold-96-116: 600 96px/116px var(--font-family-sans-serif) ;--display-semi-bold-72-87: 600 72px/87px var(--font-family-sans-serif) ;--display-semi-bold-64-77: 600 64px/77px var(--font-family-sans-serif) ;--display-semi-bold-56-68: 600 56px/68px var(--font-family-sans-serif) ;--display-medium-96-116: 500 96px/116px var(--font-family-sans-serif) ;--display-medium-72-87: 500 72px/87px var(--font-family-sans-serif) ;--display-medium-64-77: 500 64px/77px var(--font-family-sans-serif) ;--display-medium-56-68: 500 56px/68px var(--font-family-sans-serif) ;--display-regular-96-116: 400 96px/116px var(--font-family-sans-serif) ;--display-regular-72-87: 400 72px/87px var(--font-family-sans-serif) ;--display-regular-64-77: 400 64px/77px var(--font-family-sans-serif) ;--display-regular-56-68: 400 56px/68px var(--font-family-sans-serif) ;--display-light-96-116: 300 96px/116px var(--font-family-sans-serif) ;--display-light-72-87: 300 72px/87px var(--font-family-sans-serif) ;--display-light-64-77: 300 64px/77px var(--font-family-sans-serif) ;--display-light-56-68: 300 56px/68px var(--font-family-sans-serif) ;--headline-black-48-58: 900 48px/58px var(--font-family-sans-serif) ;--headline-black-40-48: 900 40px/48px var(--font-family-sans-serif) ;--headline-black-32-39: 900 32px/39px var(--font-family-sans-serif) ;--headline-black-24-29: 900 24px/29px var(--font-family-sans-serif) ;--headline-black-20-24: 900 20px/24px var(--font-family-sans-serif) ;--headline-black-18-22: 900 18px/22px var(--font-family-sans-serif) ;--headline-extra-bold-48-58: 800 48px/58px var(--font-family-sans-serif) ;--headline-extra-bold-40-48: 800 40px/48px var(--font-family-sans-serif) ;--headline-extra-bold-32-39: 800 32px/39px var(--font-family-sans-serif) ;--headline-extra-bold-24-29: 800 24px/29px var(--font-family-sans-serif) ;--headline-extra-bold-20-24: 800 20px/24px var(--font-family-sans-serif) ;--headline-extra-bold-18-22: 800 18px/22px var(--font-family-sans-serif) ;--headline-bold-48-58: 700 48px/58px var(--font-family-sans-serif) ;--headline-bold-40-48: 700 40px/48px var(--font-family-sans-serif) ;--headline-bold-32-39: 700 32px/39px var(--font-family-sans-serif) ;--headline-bold-24-29: 700 24px/29px var(--font-family-sans-serif) ;--headline-bold-20-24: 700 20px/24px var(--font-family-sans-serif) ;--headline-bold-18-22: 700 18px/22px var(--font-family-sans-serif) ;--headline-semi-bold-48-58: 600 48px/58px var(--font-family-sans-serif) ;--headline-semi-bold-40-48: 600 40px/48px var(--font-family-sans-serif) ;--headline-semi-bold-32-39: 600 32px/39px var(--font-family-sans-serif) ;--headline-semi-bold-24-29: 600 24px/29px var(--font-family-sans-serif) ;--headline-semi-bold-20-24: 600 20px/24px var(--font-family-sans-serif) ;--headline-semi-bold-18-22: 600 18px/22px var(--font-family-sans-serif) ;--headline-medium-48-58: 500 48px/58px var(--font-family-sans-serif) ;--headline-medium-40-48: 500 40px/48px var(--font-family-sans-serif) ;--headline-medium-32-39: 500 32px/39px var(--font-family-sans-serif) ;--headline-medium-24-29: 500 24px/29px var(--font-family-sans-serif) ;--headline-medium-20-24: 500 20px/24px var(--font-family-sans-serif) ;--headline-medium-18-22: 500 18px/22px var(--font-family-sans-serif) ;--headline-regular-48-58: 400 48px/58px var(--font-family-sans-serif) ;--headline-regular-40-48: 400 40px/48px var(--font-family-sans-serif) ;--headline-regular-32-39: 400 32px/39px var(--font-family-sans-serif) ;--headline-regular-24-29: 400 24px/29px var(--font-family-sans-serif) ;--headline-regular-20-24: 400 20px/24px var(--font-family-sans-serif) ;--headline-regular-18-22: 400 18px/22px var(--font-family-sans-serif) ;--headline-light-48-58: 300 48px/58px var(--font-family-sans-serif) ;--headline-light-40-48: 300 40px/48px var(--font-family-sans-serif) ;--headline-light-32-39: 300 32px/39px var(--font-family-sans-serif) ;--headline-light-24-29: 300 24px/29px var(--font-family-sans-serif) ;--headline-light-20-24: 300 20px/24px var(--font-family-sans-serif) ;--headline-light-18-22: 300 18px/22px var(--font-family-sans-serif) ;--title-black-16-19: 900 16px/19px var(--font-family-sans-serif) ;--title-extra-bold-16-19: 800 16px/19px var(--font-family-sans-serif) ;--title-bold-16-19: 700 16px/19px var(--font-family-sans-serif) ;--title-semi-bold-16-19: 600 16px/19px var(--font-family-sans-serif) ;--title-medium-16-19: 500 16px/19px var(--font-family-sans-serif) ;--title-regular-16-19: 400 16px/19px var(--font-family-sans-serif) ;--title-light-16-19: 300 16px/19px var(--font-family-sans-serif) ;--body-black-14-17: 900 14px/17px var(--font-family-sans-serif) ;--body-black-13-16: 900 13px/16px var(--font-family-sans-serif) ;--body-extra-bold-14-17: 800 14px/17px var(--font-family-sans-serif) ;--body-extra-bold-13-16: 800 13px/16px var(--font-family-sans-serif) ;--body-bold-14-17: 700 14px/17px var(--font-family-sans-serif) ;--body-bold-13-16: 700 13px/16px var(--font-family-sans-serif) ;--body-semi-bold-14-17: 600 14px/17px var(--font-family-sans-serif) ;--body-semi-bold-13-16: 600 13px/16px var(--font-family-sans-serif) ;--body-medium-14-17: 500 14px/17px var(--font-family-sans-serif) ;--body-medium-13-16: 500 13px/16px var(--font-family-sans-serif) ;--body-regular-14-17: 400 14px/17px var(--font-family-sans-serif) ;--body-regular-13-16: 400 13px/16px var(--font-family-sans-serif) ;--body-light-14-17: 300 14px/17px var(--font-family-sans-serif) ;--body-light-13-16: 300 13px/16px var(--font-family-sans-serif) ;--caption-black-12-15: 900 12px/15px var(--font-family-sans-serif) ;--caption-black-11-13: 900 11px/13px var(--font-family-sans-serif) ;--caption-black-10-12: 900 10px/12px var(--font-family-sans-serif) ;--caption-extra-bold-12-15: 800 12px/15px var(--font-family-sans-serif) ;--caption-extra-bold-11-13: 800 11px/13px var(--font-family-sans-serif) ;--caption-extra-bold-10-12: 800 10px/12px var(--font-family-sans-serif) ;--caption-bold-12-15: 700 12px/15px var(--font-family-sans-serif) ;--caption-bold-11-13: 700 11px/13px var(--font-family-sans-serif) ;--caption-bold-10-12: 700 10px/12px var(--font-family-sans-serif) ;--caption-semi-bold-12-15: 600 12px/15px var(--font-family-sans-serif) ;--caption-semi-bold-11-13: 600 11px/13px var(--font-family-sans-serif) ;--caption-semi-bold-10-12: 600 10px/12px var(--font-family-sans-serif) ;--caption-medium-12-15: 500 12px/15px var(--font-family-sans-serif) ;--caption-medium-11-13: 500 11px/13px var(--font-family-sans-serif) ;--caption-medium-10-12: 500 10px/12px var(--font-family-sans-serif) ;--caption-regular-12-15: 400 12px/15px var(--font-family-sans-serif) ;--caption-regular-11-13: 400 11px/13px var(--font-family-sans-serif) ;--caption-regular-10-12: 400 10px/12px var(--font-family-sans-serif) ;--caption-light-12-15: 300 12px/15px var(--font-family-sans-serif) ;--caption-light-11-13: 300 11px/13px var(--font-family-sans-serif) ;--caption-light-10-12: 300 10px/12px var(--font-family-sans-serif) ;--font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif}.display-black-96-116{font:900 96px/116px var(--font-family-sans-serif)}.display-black-72-87{font:900 72px/87px var(--font-family-sans-serif)}.display-black-64-77{font:900 64px/77px var(--font-family-sans-serif)}.display-black-56-68{font:900 56px/68px var(--font-family-sans-serif)}.display-extra-bold-96-116{font:800 96px/116px var(--font-family-sans-serif)}.display-extra-bold-72-87{font:800 72px/87px var(--font-family-sans-serif)}.display-extra-bold-64-77{font:800 64px/77px var(--font-family-sans-serif)}.display-extra-bold-56-68{font:800 56px/68px var(--font-family-sans-serif)}.display-bold-96-116{font:700 96px/116px var(--font-family-sans-serif)}.display-bold-72-87{font:700 72px/87px var(--font-family-sans-serif)}.display-bold-64-77{font:700 64px/77px var(--font-family-sans-serif)}.display-bold-56-68{font:700 56px/68px var(--font-family-sans-serif)}.display-semi-bold-96-116{font:600 96px/116px var(--font-family-sans-serif)}.display-semi-bold-72-87{font:600 72px/87px var(--font-family-sans-serif)}.display-semi-bold-64-77{font:600 64px/77px var(--font-family-sans-serif)}.display-semi-bold-56-68{font:600 56px/68px var(--font-family-sans-serif)}.display-medium-96-116{font:500 96px/116px var(--font-family-sans-serif)}.display-medium-72-87{font:500 72px/87px var(--font-family-sans-serif)}.display-medium-64-77{font:500 64px/77px var(--font-family-sans-serif)}.display-medium-56-68{font:500 56px/68px var(--font-family-sans-serif)}.display-regular-96-116{font:400 96px/116px var(--font-family-sans-serif)}.display-regular-72-87{font:400 72px/87px var(--font-family-sans-serif)}.display-regular-64-77{font:400 64px/77px var(--font-family-sans-serif)}.display-regular-56-68{font:400 56px/68px var(--font-family-sans-serif)}.display-light-96-116{font:300 96px/116px var(--font-family-sans-serif)}.display-light-72-87{font:300 72px/87px var(--font-family-sans-serif)}.display-light-64-77{font:300 64px/77px var(--font-family-sans-serif)}.display-light-56-68{font:300 56px/68px var(--font-family-sans-serif)}.headline-black-48-58{font:900 48px/58px var(--font-family-sans-serif)}.headline-black-40-48{font:900 40px/48px var(--font-family-sans-serif)}.headline-black-32-39{font:900 32px/39px var(--font-family-sans-serif)}.headline-black-24-29{font:900 24px/29px var(--font-family-sans-serif)}.headline-black-20-24{font:900 20px/24px var(--font-family-sans-serif)}.headline-black-18-22{font:900 18px/22px var(--font-family-sans-serif)}.headline-extra-bold-48-58{font:800 48px/58px var(--font-family-sans-serif)}.headline-extra-bold-40-48{font:800 40px/48px var(--font-family-sans-serif)}.headline-extra-bold-32-39{font:800 32px/39px var(--font-family-sans-serif)}.headline-extra-bold-24-29{font:800 24px/29px var(--font-family-sans-serif)}.headline-extra-bold-20-24{font:800 20px/24px var(--font-family-sans-serif)}.headline-extra-bold-18-22{font:800 18px/22px var(--font-family-sans-serif)}.headline-bold-48-58{font:700 48px/58px var(--font-family-sans-serif)}.headline-bold-40-48{font:700 40px/48px var(--font-family-sans-serif)}.headline-bold-32-39{font:700 32px/39px var(--font-family-sans-serif)}.headline-bold-24-29{font:700 24px/29px var(--font-family-sans-serif)}.headline-bold-20-24{font:700 20px/24px var(--font-family-sans-serif)}.headline-bold-18-22{font:700 18px/22px var(--font-family-sans-serif)}.headline-semi-bold-48-58{font:600 48px/58px var(--font-family-sans-serif)}.headline-semi-bold-40-48{font:600 40px/48px var(--font-family-sans-serif)}.headline-semi-bold-32-39{font:600 32px/39px var(--font-family-sans-serif)}.headline-semi-bold-24-29{font:600 24px/29px var(--font-family-sans-serif)}.headline-semi-bold-20-24{font:600 20px/24px var(--font-family-sans-serif)}.headline-semi-bold-18-22{font:600 18px/22px var(--font-family-sans-serif)}.headline-medium-48-58{font:500 48px/58px var(--font-family-sans-serif)}.headline-medium-40-48{font:500 40px/48px var(--font-family-sans-serif)}.headline-medium-32-39{font:500 32px/39px var(--font-family-sans-serif)}.headline-medium-24-29{font:500 24px/29px var(--font-family-sans-serif)}.headline-medium-20-24{font:500 20px/24px var(--font-family-sans-serif)}.headline-medium-18-22{font:500 18px/22px var(--font-family-sans-serif)}.headline-regular-48-58{font:400 48px/58px var(--font-family-sans-serif)}.headline-regular-40-48{font:400 40px/48px var(--font-family-sans-serif)}.headline-regular-32-39{font:400 32px/39px var(--font-family-sans-serif)}.headline-regular-24-29{font:400 24px/29px var(--font-family-sans-serif)}.headline-regular-20-24{font:400 20px/24px var(--font-family-sans-serif)}.headline-regular-18-22{font:400 18px/22px var(--font-family-sans-serif)}.headline-light-48-58{font:300 48px/58px var(--font-family-sans-serif)}.headline-light-40-48{font:300 40px/48px var(--font-family-sans-serif)}.headline-light-32-39{font:300 32px/39px var(--font-family-sans-serif)}.headline-light-24-29{font:300 24px/29px var(--font-family-sans-serif)}.headline-light-20-24{font:300 20px/24px var(--font-family-sans-serif)}.headline-light-18-22{font:300 18px/22px var(--font-family-sans-serif)}.title-black-16-19{font:900 16px/19px var(--font-family-sans-serif)}.title-extra-bold-16-19{font:800 16px/19px var(--font-family-sans-serif)}.title-bold-16-19{font:700 16px/19px var(--font-family-sans-serif)}.title-semi-bold-16-19{font:600 16px/19px var(--font-family-sans-serif)}.title-medium-16-19{font:500 16px/19px var(--font-family-sans-serif)}.title-regular-16-19{font:400 16px/19px var(--font-family-sans-serif)}.title-light-16-19{font:300 16px/19px var(--font-family-sans-serif)}.body-black-14-17{font:900 14px/17px var(--font-family-sans-serif)}.body-black-13-16{font:900 13px/16px var(--font-family-sans-serif)}.body-extra-bold-14-17{font:800 14px/17px var(--font-family-sans-serif)}.body-extra-bold-13-16{font:800 13px/16px var(--font-family-sans-serif)}.body-bold-14-17{font:700 14px/17px var(--font-family-sans-serif)}.body-bold-13-16{font:700 13px/16px var(--font-family-sans-serif)}.body-semi-bold-14-17{font:600 14px/17px var(--font-family-sans-serif)}.body-semi-bold-13-16{font:600 13px/16px var(--font-family-sans-serif)}.body-medium-14-17{font:500 14px/17px var(--font-family-sans-serif)}.body-medium-13-16{font:500 13px/16px var(--font-family-sans-serif)}.body-regular-14-17{font:400 14px/17px var(--font-family-sans-serif)}.body-regular-13-16{font:400 13px/16px var(--font-family-sans-serif)}.body-light-14-17{font:300 14px/17px var(--font-family-sans-serif)}.body-light-13-16{font:300 13px/16px var(--font-family-sans-serif)}.caption-black-12-15{font:900 12px/15px var(--font-family-sans-serif)}.caption-black-11-13{font:900 11px/13px var(--font-family-sans-serif)}.caption-black-10-12{font:900 10px/12px var(--font-family-sans-serif)}.caption-extra-bold-12-15{font:800 12px/15px var(--font-family-sans-serif)}.caption-extra-bold-11-13{font:800 11px/13px var(--font-family-sans-serif)}.caption-extra-bold-10-12{font:800 10px/12px var(--font-family-sans-serif)}.caption-bold-12-15{font:700 12px/15px var(--font-family-sans-serif)}.caption-bold-11-13{font:700 11px/13px var(--font-family-sans-serif)}.caption-bold-10-12{font:700 10px/12px var(--font-family-sans-serif)}.caption-semi-bold-12-15{font:600 12px/15px var(--font-family-sans-serif)}.caption-semi-bold-11-13{font:600 11px/13px var(--font-family-sans-serif)}.caption-semi-bold-10-12{font:600 10px/12px var(--font-family-sans-serif)}.caption-medium-12-15{font:500 12px/15px var(--font-family-sans-serif)}.caption-medium-11-13{font:500 11px/13px var(--font-family-sans-serif)}.caption-medium-10-12{font:500 10px/12px var(--font-family-sans-serif)}.caption-regular-12-15{font:400 12px/15px var(--font-family-sans-serif)}.caption-regular-11-13{font:400 11px/13px var(--font-family-sans-serif)}.caption-regular-10-12{font:400 10px/12px var(--font-family-sans-serif)}.caption-light-12-15{font:300 12px/15px var(--font-family-sans-serif)}.caption-light-11-13{font:300 11px/13px var(--font-family-sans-serif)}.caption-light-10-12{font:300 10px/12px var(--font-family-sans-serif)}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:var(--font-family-sans-serif);color:var(--dark)}[data-simplebar] .simplebar-scrollbar:before{background-color:var(--dark-opacity-10)}[data-simplebar] .simplebar-track.simplebar-vertical{width:11px !important}/*# sourceMappingURL=style.min.css.map */
|
|
1
|
+
@import'simplebar-react/dist/simplebar.min.css';:root{--primary: #9763F6;--primary-press: #462D74;--primary-hover: #7149BB;--primary-shades-dark: #9C6DEF;--primary-shades-soft: #CBB1FB;--primary-opacity-5: #FAF7FF;--primary-opacity-10: #F5EFFE;--primary-opacity-50: #CBB1FB;--primary-opacity-75: #B18AF8;--dark: #0A103D;--dark-opacity-3: #F9F8F9;--dark-opacity-5: #F3F3F5;--dark-opacity-10: #E7E7EC;--dark-opacity-25: #C2C3CE;--dark-opacity-50: #84879E;--dark-opacity-75: #474D6D;--grey-10: #E8E8EB;--grey-20: #D1D2D6;--grey-30: #BABBC2;--grey-40: #A3A5AD;--grey-50: #8C8E99;--green: #0FDF7B;--red: #FF1F1F;--yellow: #FFCE1F;--linear: #9961FF;--linear-to: #7730FA;--box-shadow-color: #EAE9F0;--icon-shadow-color: var(--dark-opacity-10);--search-shadow-color: var(--dark-opacity-5);--dark-shadow-color: var(--dark-opacity-25);--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--display-black-96-116: 900 96px/116px var(--font-family-sans-serif) ;--display-black-72-87: 900 72px/87px var(--font-family-sans-serif) ;--display-black-64-77: 900 64px/77px var(--font-family-sans-serif) ;--display-black-56-68: 900 56px/68px var(--font-family-sans-serif) ;--display-extra-bold-96-116: 800 96px/116px var(--font-family-sans-serif) ;--display-extra-bold-72-87: 800 72px/87px var(--font-family-sans-serif) ;--display-extra-bold-64-77: 800 64px/77px var(--font-family-sans-serif) ;--display-extra-bold-56-68: 800 56px/68px var(--font-family-sans-serif) ;--display-bold-96-116: 700 96px/116px var(--font-family-sans-serif) ;--display-bold-72-87: 700 72px/87px var(--font-family-sans-serif) ;--display-bold-64-77: 700 64px/77px var(--font-family-sans-serif) ;--display-bold-56-68: 700 56px/68px var(--font-family-sans-serif) ;--display-semi-bold-96-116: 600 96px/116px var(--font-family-sans-serif) ;--display-semi-bold-72-87: 600 72px/87px var(--font-family-sans-serif) ;--display-semi-bold-64-77: 600 64px/77px var(--font-family-sans-serif) ;--display-semi-bold-56-68: 600 56px/68px var(--font-family-sans-serif) ;--display-medium-96-116: 500 96px/116px var(--font-family-sans-serif) ;--display-medium-72-87: 500 72px/87px var(--font-family-sans-serif) ;--display-medium-64-77: 500 64px/77px var(--font-family-sans-serif) ;--display-medium-56-68: 500 56px/68px var(--font-family-sans-serif) ;--display-regular-96-116: 400 96px/116px var(--font-family-sans-serif) ;--display-regular-72-87: 400 72px/87px var(--font-family-sans-serif) ;--display-regular-64-77: 400 64px/77px var(--font-family-sans-serif) ;--display-regular-56-68: 400 56px/68px var(--font-family-sans-serif) ;--display-light-96-116: 300 96px/116px var(--font-family-sans-serif) ;--display-light-72-87: 300 72px/87px var(--font-family-sans-serif) ;--display-light-64-77: 300 64px/77px var(--font-family-sans-serif) ;--display-light-56-68: 300 56px/68px var(--font-family-sans-serif) ;--headline-black-48-58: 900 48px/58px var(--font-family-sans-serif) ;--headline-black-40-48: 900 40px/48px var(--font-family-sans-serif) ;--headline-black-32-39: 900 32px/39px var(--font-family-sans-serif) ;--headline-black-24-29: 900 24px/29px var(--font-family-sans-serif) ;--headline-black-20-24: 900 20px/24px var(--font-family-sans-serif) ;--headline-black-18-22: 900 18px/22px var(--font-family-sans-serif) ;--headline-extra-bold-48-58: 800 48px/58px var(--font-family-sans-serif) ;--headline-extra-bold-40-48: 800 40px/48px var(--font-family-sans-serif) ;--headline-extra-bold-32-39: 800 32px/39px var(--font-family-sans-serif) ;--headline-extra-bold-24-29: 800 24px/29px var(--font-family-sans-serif) ;--headline-extra-bold-20-24: 800 20px/24px var(--font-family-sans-serif) ;--headline-extra-bold-18-22: 800 18px/22px var(--font-family-sans-serif) ;--headline-bold-48-58: 700 48px/58px var(--font-family-sans-serif) ;--headline-bold-40-48: 700 40px/48px var(--font-family-sans-serif) ;--headline-bold-32-39: 700 32px/39px var(--font-family-sans-serif) ;--headline-bold-24-29: 700 24px/29px var(--font-family-sans-serif) ;--headline-bold-20-24: 700 20px/24px var(--font-family-sans-serif) ;--headline-bold-18-22: 700 18px/22px var(--font-family-sans-serif) ;--headline-semi-bold-48-58: 600 48px/58px var(--font-family-sans-serif) ;--headline-semi-bold-40-48: 600 40px/48px var(--font-family-sans-serif) ;--headline-semi-bold-32-39: 600 32px/39px var(--font-family-sans-serif) ;--headline-semi-bold-24-29: 600 24px/29px var(--font-family-sans-serif) ;--headline-semi-bold-20-24: 600 20px/24px var(--font-family-sans-serif) ;--headline-semi-bold-18-22: 600 18px/22px var(--font-family-sans-serif) ;--headline-medium-48-58: 500 48px/58px var(--font-family-sans-serif) ;--headline-medium-40-48: 500 40px/48px var(--font-family-sans-serif) ;--headline-medium-32-39: 500 32px/39px var(--font-family-sans-serif) ;--headline-medium-24-29: 500 24px/29px var(--font-family-sans-serif) ;--headline-medium-20-24: 500 20px/24px var(--font-family-sans-serif) ;--headline-medium-18-22: 500 18px/22px var(--font-family-sans-serif) ;--headline-regular-48-58: 400 48px/58px var(--font-family-sans-serif) ;--headline-regular-40-48: 400 40px/48px var(--font-family-sans-serif) ;--headline-regular-32-39: 400 32px/39px var(--font-family-sans-serif) ;--headline-regular-24-29: 400 24px/29px var(--font-family-sans-serif) ;--headline-regular-20-24: 400 20px/24px var(--font-family-sans-serif) ;--headline-regular-18-22: 400 18px/22px var(--font-family-sans-serif) ;--headline-light-48-58: 300 48px/58px var(--font-family-sans-serif) ;--headline-light-40-48: 300 40px/48px var(--font-family-sans-serif) ;--headline-light-32-39: 300 32px/39px var(--font-family-sans-serif) ;--headline-light-24-29: 300 24px/29px var(--font-family-sans-serif) ;--headline-light-20-24: 300 20px/24px var(--font-family-sans-serif) ;--headline-light-18-22: 300 18px/22px var(--font-family-sans-serif) ;--title-black-16-19: 900 16px/19px var(--font-family-sans-serif) ;--title-extra-bold-16-19: 800 16px/19px var(--font-family-sans-serif) ;--title-bold-16-19: 700 16px/19px var(--font-family-sans-serif) ;--title-semi-bold-16-19: 600 16px/19px var(--font-family-sans-serif) ;--title-medium-16-19: 500 16px/19px var(--font-family-sans-serif) ;--title-regular-16-19: 400 16px/19px var(--font-family-sans-serif) ;--title-light-16-19: 300 16px/19px var(--font-family-sans-serif) ;--body-black-14-17: 900 14px/17px var(--font-family-sans-serif) ;--body-black-13-16: 900 13px/16px var(--font-family-sans-serif) ;--body-extra-bold-14-17: 800 14px/17px var(--font-family-sans-serif) ;--body-extra-bold-13-16: 800 13px/16px var(--font-family-sans-serif) ;--body-bold-14-17: 700 14px/17px var(--font-family-sans-serif) ;--body-bold-13-16: 700 13px/16px var(--font-family-sans-serif) ;--body-semi-bold-14-17: 600 14px/17px var(--font-family-sans-serif) ;--body-semi-bold-13-16: 600 13px/16px var(--font-family-sans-serif) ;--body-medium-14-17: 500 14px/17px var(--font-family-sans-serif) ;--body-medium-13-16: 500 13px/16px var(--font-family-sans-serif) ;--body-regular-14-17: 400 14px/17px var(--font-family-sans-serif) ;--body-regular-13-16: 400 13px/16px var(--font-family-sans-serif) ;--body-light-14-17: 300 14px/17px var(--font-family-sans-serif) ;--body-light-13-16: 300 13px/16px var(--font-family-sans-serif) ;--caption-black-12-15: 900 12px/15px var(--font-family-sans-serif) ;--caption-black-11-13: 900 11px/13px var(--font-family-sans-serif) ;--caption-black-10-12: 900 10px/12px var(--font-family-sans-serif) ;--caption-extra-bold-12-15: 800 12px/15px var(--font-family-sans-serif) ;--caption-extra-bold-11-13: 800 11px/13px var(--font-family-sans-serif) ;--caption-extra-bold-10-12: 800 10px/12px var(--font-family-sans-serif) ;--caption-bold-12-15: 700 12px/15px var(--font-family-sans-serif) ;--caption-bold-11-13: 700 11px/13px var(--font-family-sans-serif) ;--caption-bold-10-12: 700 10px/12px var(--font-family-sans-serif) ;--caption-semi-bold-12-15: 600 12px/15px var(--font-family-sans-serif) ;--caption-semi-bold-11-13: 600 11px/13px var(--font-family-sans-serif) ;--caption-semi-bold-10-12: 600 10px/12px var(--font-family-sans-serif) ;--caption-medium-12-15: 500 12px/15px var(--font-family-sans-serif) ;--caption-medium-11-13: 500 11px/13px var(--font-family-sans-serif) ;--caption-medium-10-12: 500 10px/12px var(--font-family-sans-serif) ;--caption-regular-12-15: 400 12px/15px var(--font-family-sans-serif) ;--caption-regular-11-13: 400 11px/13px var(--font-family-sans-serif) ;--caption-regular-10-12: 400 10px/12px var(--font-family-sans-serif) ;--caption-light-12-15: 300 12px/15px var(--font-family-sans-serif) ;--caption-light-11-13: 300 11px/13px var(--font-family-sans-serif) ;--caption-light-10-12: 300 10px/12px var(--font-family-sans-serif) ;--font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif}.display-black-96-116{font:900 96px/116px var(--font-family-sans-serif)}.display-black-72-87{font:900 72px/87px var(--font-family-sans-serif)}.display-black-64-77{font:900 64px/77px var(--font-family-sans-serif)}.display-black-56-68{font:900 56px/68px var(--font-family-sans-serif)}.display-extra-bold-96-116{font:800 96px/116px var(--font-family-sans-serif)}.display-extra-bold-72-87{font:800 72px/87px var(--font-family-sans-serif)}.display-extra-bold-64-77{font:800 64px/77px var(--font-family-sans-serif)}.display-extra-bold-56-68{font:800 56px/68px var(--font-family-sans-serif)}.display-bold-96-116{font:700 96px/116px var(--font-family-sans-serif)}.display-bold-72-87{font:700 72px/87px var(--font-family-sans-serif)}.display-bold-64-77{font:700 64px/77px var(--font-family-sans-serif)}.display-bold-56-68{font:700 56px/68px var(--font-family-sans-serif)}.display-semi-bold-96-116{font:600 96px/116px var(--font-family-sans-serif)}.display-semi-bold-72-87{font:600 72px/87px var(--font-family-sans-serif)}.display-semi-bold-64-77{font:600 64px/77px var(--font-family-sans-serif)}.display-semi-bold-56-68{font:600 56px/68px var(--font-family-sans-serif)}.display-medium-96-116{font:500 96px/116px var(--font-family-sans-serif)}.display-medium-72-87{font:500 72px/87px var(--font-family-sans-serif)}.display-medium-64-77{font:500 64px/77px var(--font-family-sans-serif)}.display-medium-56-68{font:500 56px/68px var(--font-family-sans-serif)}.display-regular-96-116{font:400 96px/116px var(--font-family-sans-serif)}.display-regular-72-87{font:400 72px/87px var(--font-family-sans-serif)}.display-regular-64-77{font:400 64px/77px var(--font-family-sans-serif)}.display-regular-56-68{font:400 56px/68px var(--font-family-sans-serif)}.display-light-96-116{font:300 96px/116px var(--font-family-sans-serif)}.display-light-72-87{font:300 72px/87px var(--font-family-sans-serif)}.display-light-64-77{font:300 64px/77px var(--font-family-sans-serif)}.display-light-56-68{font:300 56px/68px var(--font-family-sans-serif)}.headline-black-48-58{font:900 48px/58px var(--font-family-sans-serif)}.headline-black-40-48{font:900 40px/48px var(--font-family-sans-serif)}.headline-black-32-39{font:900 32px/39px var(--font-family-sans-serif)}.headline-black-24-29{font:900 24px/29px var(--font-family-sans-serif)}.headline-black-20-24{font:900 20px/24px var(--font-family-sans-serif)}.headline-black-18-22{font:900 18px/22px var(--font-family-sans-serif)}.headline-extra-bold-48-58{font:800 48px/58px var(--font-family-sans-serif)}.headline-extra-bold-40-48{font:800 40px/48px var(--font-family-sans-serif)}.headline-extra-bold-32-39{font:800 32px/39px var(--font-family-sans-serif)}.headline-extra-bold-24-29{font:800 24px/29px var(--font-family-sans-serif)}.headline-extra-bold-20-24{font:800 20px/24px var(--font-family-sans-serif)}.headline-extra-bold-18-22{font:800 18px/22px var(--font-family-sans-serif)}.headline-bold-48-58{font:700 48px/58px var(--font-family-sans-serif)}.headline-bold-40-48{font:700 40px/48px var(--font-family-sans-serif)}.headline-bold-32-39{font:700 32px/39px var(--font-family-sans-serif)}.headline-bold-24-29{font:700 24px/29px var(--font-family-sans-serif)}.headline-bold-20-24{font:700 20px/24px var(--font-family-sans-serif)}.headline-bold-18-22{font:700 18px/22px var(--font-family-sans-serif)}.headline-semi-bold-48-58{font:600 48px/58px var(--font-family-sans-serif)}.headline-semi-bold-40-48{font:600 40px/48px var(--font-family-sans-serif)}.headline-semi-bold-32-39{font:600 32px/39px var(--font-family-sans-serif)}.headline-semi-bold-24-29{font:600 24px/29px var(--font-family-sans-serif)}.headline-semi-bold-20-24{font:600 20px/24px var(--font-family-sans-serif)}.headline-semi-bold-18-22{font:600 18px/22px var(--font-family-sans-serif)}.headline-medium-48-58{font:500 48px/58px var(--font-family-sans-serif)}.headline-medium-40-48{font:500 40px/48px var(--font-family-sans-serif)}.headline-medium-32-39{font:500 32px/39px var(--font-family-sans-serif)}.headline-medium-24-29{font:500 24px/29px var(--font-family-sans-serif)}.headline-medium-20-24{font:500 20px/24px var(--font-family-sans-serif)}.headline-medium-18-22{font:500 18px/22px var(--font-family-sans-serif)}.headline-regular-48-58{font:400 48px/58px var(--font-family-sans-serif)}.headline-regular-40-48{font:400 40px/48px var(--font-family-sans-serif)}.headline-regular-32-39{font:400 32px/39px var(--font-family-sans-serif)}.headline-regular-24-29{font:400 24px/29px var(--font-family-sans-serif)}.headline-regular-20-24{font:400 20px/24px var(--font-family-sans-serif)}.headline-regular-18-22{font:400 18px/22px var(--font-family-sans-serif)}.headline-light-48-58{font:300 48px/58px var(--font-family-sans-serif)}.headline-light-40-48{font:300 40px/48px var(--font-family-sans-serif)}.headline-light-32-39{font:300 32px/39px var(--font-family-sans-serif)}.headline-light-24-29{font:300 24px/29px var(--font-family-sans-serif)}.headline-light-20-24{font:300 20px/24px var(--font-family-sans-serif)}.headline-light-18-22{font:300 18px/22px var(--font-family-sans-serif)}.title-black-16-19{font:900 16px/19px var(--font-family-sans-serif)}.title-extra-bold-16-19{font:800 16px/19px var(--font-family-sans-serif)}.title-bold-16-19{font:700 16px/19px var(--font-family-sans-serif)}.title-semi-bold-16-19{font:600 16px/19px var(--font-family-sans-serif)}.title-medium-16-19{font:500 16px/19px var(--font-family-sans-serif)}.title-regular-16-19{font:400 16px/19px var(--font-family-sans-serif)}.title-light-16-19{font:300 16px/19px var(--font-family-sans-serif)}.body-black-14-17{font:900 14px/17px var(--font-family-sans-serif)}.body-black-13-16{font:900 13px/16px var(--font-family-sans-serif)}.body-extra-bold-14-17{font:800 14px/17px var(--font-family-sans-serif)}.body-extra-bold-13-16{font:800 13px/16px var(--font-family-sans-serif)}.body-bold-14-17{font:700 14px/17px var(--font-family-sans-serif)}.body-bold-13-16{font:700 13px/16px var(--font-family-sans-serif)}.body-semi-bold-14-17{font:600 14px/17px var(--font-family-sans-serif)}.body-semi-bold-13-16{font:600 13px/16px var(--font-family-sans-serif)}.body-medium-14-17{font:500 14px/17px var(--font-family-sans-serif)}.body-medium-13-16{font:500 13px/16px var(--font-family-sans-serif)}.body-regular-14-17{font:400 14px/17px var(--font-family-sans-serif)}.body-regular-13-16{font:400 13px/16px var(--font-family-sans-serif)}.body-light-14-17{font:300 14px/17px var(--font-family-sans-serif)}.body-light-13-16{font:300 13px/16px var(--font-family-sans-serif)}.caption-black-12-15{font:900 12px/15px var(--font-family-sans-serif)}.caption-black-11-13{font:900 11px/13px var(--font-family-sans-serif)}.caption-black-10-12{font:900 10px/12px var(--font-family-sans-serif)}.caption-extra-bold-12-15{font:800 12px/15px var(--font-family-sans-serif)}.caption-extra-bold-11-13{font:800 11px/13px var(--font-family-sans-serif)}.caption-extra-bold-10-12{font:800 10px/12px var(--font-family-sans-serif)}.caption-bold-12-15{font:700 12px/15px var(--font-family-sans-serif)}.caption-bold-11-13{font:700 11px/13px var(--font-family-sans-serif)}.caption-bold-10-12{font:700 10px/12px var(--font-family-sans-serif)}.caption-semi-bold-12-15{font:600 12px/15px var(--font-family-sans-serif)}.caption-semi-bold-11-13{font:600 11px/13px var(--font-family-sans-serif)}.caption-semi-bold-10-12{font:600 10px/12px var(--font-family-sans-serif)}.caption-medium-12-15{font:500 12px/15px var(--font-family-sans-serif)}.caption-medium-11-13{font:500 11px/13px var(--font-family-sans-serif)}.caption-medium-10-12{font:500 10px/12px var(--font-family-sans-serif)}.caption-regular-12-15{font:400 12px/15px var(--font-family-sans-serif)}.caption-regular-11-13{font:400 11px/13px var(--font-family-sans-serif)}.caption-regular-10-12{font:400 10px/12px var(--font-family-sans-serif)}.caption-light-12-15{font:300 12px/15px var(--font-family-sans-serif)}.caption-light-11-13{font:300 11px/13px var(--font-family-sans-serif)}.caption-light-10-12{font:300 10px/12px var(--font-family-sans-serif)}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:var(--font-family-sans-serif);color:var(--dark)}[data-simplebar] .simplebar-scrollbar:before{background-color:var(--dark-opacity-10)}[data-simplebar] .simplebar-track.simplebar-vertical{width:11px !important}/*# sourceMappingURL=style.min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/assets/styles/style.scss","../../src/assets/styles/_root.scss","../../src/assets/styles/_typography.scss","../../src/assets/styles/_font.scss"],"names":[],"mappings":"AAIQ,gDCJR,MAEI,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/assets/styles/style.scss","../../src/assets/styles/_root.scss","../../src/assets/styles/_typography.scss","../../src/assets/styles/_font.scss"],"names":[],"mappings":"AAIQ,gDCJR,MAEI,owBAGA,yIAGA,gnPAEF,kKCNA,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,2BACE,kDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,qBACE,kDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,0BACE,kDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,uBACE,kDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,wBACE,kDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,wBACE,iDADF,kBACE,iDADF,uBACE,iDADF,oBACE,iDADF,qBACE,iDADF,mBACE,iDADF,kBACE,iDADF,kBACE,iDADF,uBACE,iDADF,uBACE,iDADF,iBACE,iDADF,iBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,mBACE,iDADF,oBACE,iDADF,oBACE,iDADF,kBACE,iDADF,kBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDCJJ,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJH/iBF,KACI,0CACA,kBAKI,6CACI,wCAGR,qDACI","file":"style.min.css"}
|