@arthurzakharov/ui-kit 1.0.97 → 1.0.98
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._Layout_1ky9v_1{--layout-max-width: 1100px;--layout-margin: 0;--layout-padding: 0;--layout-content-border: 0;--layout-main-width: 100%;--layout-header-padding: var(--rm-ui-padding-lg) var(--rm-ui-padding-lg) var(--rm-ui-padding-md);--layout-footer-padding: var(--rm-ui-padding-xxl);--layout-transition-speed: var(--rm-ui-amimation-speed-secondary);--layout-transition-type: var( --rm-ui-amimation-cubic-primary);max-width:var(--layout-max-width);margin:var(--layout-margin);padding:var(--layout-padding);transition:padding var(--layout-transition-type) var(--layout-transition-speed),margin var(--layout-transition-type) var(--layout-transition-speed),max-width var(--layout-transition-type) var(--layout-transition-speed)}._LayoutWithoutSidebar_1ky9v_20,._LayoutWithSidebarOnBigScreens_1ky9v_21{--layout-content-padding: 0;--layout-content-gap: 0;--layout-main-padding: var(--rm-ui-padding-lg);--layout-aside-display: none;--layout-aside-width: 100%}._LayoutWithSidebarOnAllScreens_1ky9v_29{--layout-content-padding: var(--rm-ui-padding-lg) var(--rm-ui-padding-lg) var(--rm-ui-padding-xxxl);--layout-content-gap: var(--rm-ui-padding-xxxl);--layout-main-padding: 0;--layout-aside-display: block;--layout-aside-width: 100%}._LayoutContent_1ky9v_39{border-radius:var(--layout-content-border);padding:var(--layout-content-padding);background-color:var(--rm-ui-content-bg);box-shadow:none;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--layout-content-gap);transition:gap var(--layout-transition-type) var(--layout-transition-speed),border-radius var(--layout-transition-type) var(--layout-transition-speed),padding var(--layout-transition-type) var(--layout-transition-speed)}._LayoutAside_1ky9v_58{display:var(--layout-aside-display);flex-basis:var(--layout-aside-width);transition:flex-basis var(--layout-transition-type) var(--layout-transition-speed)}._LayoutMain_1ky9v_66{padding:var(--layout-main-padding);flex-basis:var(--layout-main-width);display:block;transition:flex-basis var(--layout-transition-type) var(--layout-transition-speed)}._LayoutHeader_1ky9v_75{padding:var(--layout-header-padding);transition:padding var(--layout-transition-type) var(--layout-transition-speed)}._LayoutFooter_1ky9v_82{padding:var(--layout-footer-padding);transition:padding var(--layout-transition-type) var(--layout-transition-speed)}@media screen and (min-width:768px){._Layout_1ky9v_1{--layout-padding: 0 var(--rm-ui-padding-sm);--layout-content-border: var(--rm-ui-border-radius-sm);--layout-content-padding: var(--rm-ui-padding-lg);--layout-main-padding: 0;--layout-header-padding: var(--rm-ui-padding-sm) 0;--layout-footer-padding: var(--rm-ui-padding-md) var(--rm-ui-padding-md) var(--rm-ui-padding-sm)}._LayoutWithSidebarOnBigScreens_1ky9v_21,._LayoutWithSidebarOnAllScreens_1ky9v_29{--layout-content-gap: var(--rm-ui-padding-lg);--layout-aside-display: block;--layout-aside-width: 275px;--layout-main-width: calc(100% - var(--layout-aside-width) - var(--layout-content-gap))}._LayoutContent_1ky9v_39{padding:var(--layout-content-padding);display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--layout-content-gap);box-shadow:4px 4px 24px #0000000a}}@media screen and (min-width:1024px){._Layout_1ky9v_1{--layout-padding: 0 var(--rm-ui-padding-md);--layout-content-padding: var(--rm-ui-padding-xl);--layout-header-padding: var(--rm-ui-padding-md) 0;--layout-footer-padding: var(--rm-ui-padding-xl) var(--rm-ui-padding-xl) var(--rm-ui-padding-md)}._LayoutWithSidebarOnBigScreens_1ky9v_21,._LayoutWithSidebarOnAllScreens_1ky9v_29{--layout-content-gap: var(--rm-ui-padding-xl);--layout-aside-width: 300px}}@media screen and (min-width:1200px){._Layout_1ky9v_1{--layout-margin: 0 auto;--layout-padding: 0;--layout-content-padding: var(--rm-ui-padding-xxl);--layout-header-padding: var(--rm-ui-padding-lg) 0;--layout-footer-padding: var(--rm-ui-padding-xxl) var(--rm-ui-padding-xxl) var(--rm-ui-padding-md)}._LayoutWithSidebarOnBigScreens_1ky9v_21,._LayoutWithSidebarOnAllScreens_1ky9v_29{--layout-content-gap: 80px;--layout-aside-width: 350px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-header-logo-height: 30px;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary);--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-payment-sidebar-bg: #f8fcff;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-step-idle-color: #82868f;--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #ffffff;--rm-ui-content-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .4s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.
|
|
1
|
+
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-header-logo-height: 30px;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary);--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-payment-sidebar-bg: #f8fcff;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-step-idle-color: #82868f;--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #ffffff;--rm-ui-content-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .4s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.65, 0, .35, 1);--rm-ui-amimation-cubic-tertiary: cubic-bezier(.68, -.6, .32, 1.6);--rm-ui-warranty-bg: #f9fcff}
|
|
@@ -1,34 +1,36 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import '../../assets/layout-
|
|
1
|
+
import { jsxs as i, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import u from "clsx";
|
|
3
|
+
import '../../assets/layout-BpnAW97K.css';const L = "_Layout_1ky9v_1", d = "_LayoutWithoutSidebar_1ky9v_20", c = "_LayoutWithSidebarOnBigScreens_1ky9v_21", _ = "_LayoutWithSidebarOnAllScreens_1ky9v_29", l = "_LayoutContent_1ky9v_39", S = "_LayoutAside_1ky9v_58", h = "_LayoutMain_1ky9v_66", v = "_LayoutHeader_1ky9v_75", b = "_LayoutFooter_1ky9v_82", t = {
|
|
4
4
|
Layout: L,
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
LayoutWithoutSidebar: d,
|
|
6
|
+
LayoutWithSidebarOnBigScreens: c,
|
|
7
|
+
LayoutWithSidebarOnAllScreens: _,
|
|
8
|
+
LayoutContent: l,
|
|
9
|
+
LayoutAside: S,
|
|
10
10
|
LayoutMain: h,
|
|
11
|
-
LayoutHeader:
|
|
12
|
-
LayoutFooter:
|
|
13
|
-
},
|
|
14
|
-
const { sidebarAlwaysVisible:
|
|
15
|
-
return /* @__PURE__ */
|
|
11
|
+
LayoutHeader: v,
|
|
12
|
+
LayoutFooter: b
|
|
13
|
+
}, k = (n) => {
|
|
14
|
+
const { sidebarAlwaysVisible: e = !1, header: y, main: s, aside: a, footer: r } = n;
|
|
15
|
+
return /* @__PURE__ */ i(
|
|
16
16
|
"div",
|
|
17
17
|
{
|
|
18
|
-
className:
|
|
19
|
-
[
|
|
18
|
+
className: u(t.Layout, {
|
|
19
|
+
[t.LayoutWithSidebarOnBigScreens]: a && !e,
|
|
20
|
+
[t.LayoutWithSidebarOnAllScreens]: a && e,
|
|
21
|
+
[t.LayoutWithoutSidebar]: !a
|
|
20
22
|
}),
|
|
21
23
|
children: [
|
|
22
|
-
/* @__PURE__ */
|
|
23
|
-
/* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
|
|
24
|
+
/* @__PURE__ */ o("div", { className: t.LayoutHeader, children: y }),
|
|
25
|
+
/* @__PURE__ */ i("div", { className: t.LayoutContent, children: [
|
|
26
|
+
/* @__PURE__ */ o("div", { className: t.LayoutMain, children: s }),
|
|
27
|
+
a ? /* @__PURE__ */ o("div", { className: t.LayoutAside, children: a }) : null
|
|
26
28
|
] }),
|
|
27
|
-
/* @__PURE__ */
|
|
29
|
+
/* @__PURE__ */ o("div", { className: t.LayoutFooter, children: r })
|
|
28
30
|
]
|
|
29
31
|
}
|
|
30
32
|
);
|
|
31
33
|
};
|
|
32
34
|
export {
|
|
33
|
-
|
|
35
|
+
k as Layout
|
|
34
36
|
};
|
package/dist/main.js
CHANGED
|
@@ -20,7 +20,7 @@ import { Sidebar as q } from "./components/sidebar/sidebar.component.js";
|
|
|
20
20
|
import { Text as w } from "./components/text/text.component.js";
|
|
21
21
|
import { UserPanel as G } from "./components/user-panel/user-panel.component.js";
|
|
22
22
|
import { Warranty as K } from "./components/warranty/warranty.component.js";
|
|
23
|
-
import './assets/main-
|
|
23
|
+
import './assets/main-CWygu6Nn.css';export {
|
|
24
24
|
e as Animation,
|
|
25
25
|
m as Certifications,
|
|
26
26
|
x as Control,
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Layout_nkcdn_1{--layout-max-width: 1100px;--layout-margin: 0;--layout-padding: 0;--layout-content-border: 0;--layout-content-padding: var(--rm-ui-padding-lg);--layout-header-padding: var(--rm-ui-padding-lg) var(--rm-ui-padding-lg) var(--rm-ui-padding-md);--layout-footer-pading: var(--rm-ui-padding-xxl);--layout-transition-speed: var(--rm-ui-amimation-cubic-secondary);max-width:var(--layout-max-width);margin:var(--layout-margin);padding:var(--layout-padding);transition:padding ease-in-out var(--layout-transition-speed),margin ease-in-out var(--layout-transition-speed),max-width ease-in-out var(--layout-transition-speed)}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19:not(._LayoutSidebarAlwaysVisible_nkcdn_19){--layout-main-width: 100%}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19:not(._LayoutSidebarAlwaysVisible_nkcdn_19) ._LayoutAside_nkcdn_23{display:none}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19._LayoutSidebarAlwaysVisible_nkcdn_19{--layout-main-width: 100%}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19._LayoutSidebarAlwaysVisible_nkcdn_19 ._LayoutAside_nkcdn_23{display:block;padding-bottom:var(--rm-ui-padding-xxl)}._Layout_nkcdn_1._LayoutWithoutSidebar_nkcdn_36{--layout-content-gap: 0;--layout-main-width: 100%}._Layout_nkcdn_1._LayoutWithoutSidebar_nkcdn_36 ._LayoutContent_nkcdn_41,._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19:not(._LayoutSidebarAlwaysVisible_nkcdn_19) ._LayoutContent_nkcdn_41{display:block;padding:var(--layout-content-padding)}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19._LayoutSidebarAlwaysVisible_nkcdn_19 ._LayoutContent_nkcdn_41{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xxxl)}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19._LayoutSidebarAlwaysVisible_nkcdn_19 ._LayoutContent_nkcdn_41 ._LayoutMain_nkcdn_56{padding:var(--layout-content-padding)}._LayoutContent_nkcdn_41{border-radius:var(--layout-content-border);background-color:var(--rm-ui-content-bg);box-shadow:none;transition:gap ease-in-out var(--layout-transition-speed),border-radius ease-in-out var(--layout-transition-speed),padding ease-in-out var(--layout-transition-speed)}._LayoutMain_nkcdn_56{flex-basis:var(--layout-main-width);display:block;transition:flex-basis ease-in-out var(--layout-transition-speed)}._LayoutHeader_nkcdn_76{padding:var(--layout-header-padding);transition:padding ease-in-out var(--layout-transition-speed)}._LayoutFooter_nkcdn_81{padding:var(--layout-footer-pading);transition:padding ease-in-out var(--layout-transition-speed)}@media screen and (min-width:768px){._Layout_nkcdn_1{--layout-padding: 0 var(--rm-ui-padding-sm);--layout-content-border: var(--rm-ui-border-radius-sm);--layout-content-padding: var(--rm-ui-padding-lg);--layout-header-padding: var(--rm-ui-padding-sm) 0;--layout-footer-pading: var(--rm-ui-padding-md) var(--rm-ui-padding-md) var(--rm-ui-padding-sm)}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19{--layout-content-gap: var(--rm-ui-padding-lg);--layout-aside-width: 275px;--layout-main-width: calc(100% - var(--layout-aside-width) - var(--layout-content-gap))}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19:not(._LayoutSidebarAlwaysVisible_nkcdn_19) ._LayoutAside_nkcdn_23,._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19._LayoutSidebarAlwaysVisible_nkcdn_19 ._LayoutAside_nkcdn_23{padding-bottom:initial;display:block;flex-basis:var(--layout-aside-width);transition:flex-basis ease-in-out var(--layout-transition-speed)}._Layout_nkcdn_1._LayoutWithoutSidebar_nkcdn_36 ._LayoutContent_nkcdn_41,._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19:not(._LayoutSidebarAlwaysVisible_nkcdn_19) ._LayoutContent_nkcdn_41,._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19._LayoutSidebarAlwaysVisible_nkcdn_19 ._LayoutContent_nkcdn_41{padding:var(--layout-content-padding);display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--layout-content-gap);box-shadow:4px 4px 24px #0000000a}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19._LayoutSidebarAlwaysVisible_nkcdn_19 ._LayoutContent_nkcdn_41 ._LayoutMain_nkcdn_56{padding:initial}}@media screen and (min-width:1024px){._Layout_nkcdn_1{--layout-padding: 0 var(--rm-ui-padding-md);--layout-content-padding: var(--rm-ui-padding-xl);--layout-header-padding: var(--rm-ui-padding-md) 0;--layout-footer-pading: var(--rm-ui-padding-xl) var(--rm-ui-padding-xl) var(--rm-ui-padding-md)}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19{--layout-content-gap: var(--rm-ui-padding-xl);--layout-aside-width: 300px}}@media screen and (min-width:1200px){._Layout_nkcdn_1{--layout-margin: 0 auto;--layout-padding: 0;--layout-content-padding: var(--rm-ui-padding-xxl);--layout-header-padding: var(--rm-ui-padding-lg) 0;--layout-footer-pading: var(--rm-ui-padding-xxl) var(--rm-ui-padding-xxl) var(--rm-ui-padding-md)}._Layout_nkcdn_1._LayoutWithSidebar_nkcdn_19{--layout-content-gap: 80px;--layout-aside-width: 350px}}
|