triafly-ui-kit 1.0.9 → 1.0.10

package/dist/components/Ui/Alert/Alert.js

@@ -1,15 +1,14 @@
-import { jsx as m, Fragment as n, jsxs as s } from "react/jsx-runtime";
-import '../../../assets/Alert.css';/* empty css                      */
-const c = ({
+import { jsx as n, Fragment as s, jsxs as m } from "react/jsx-runtime";
+import '../../../assets/Alert.css';const o = ({
   text: r,
-  icon: t,
-  status: e,
+  icon: e,
+  status: t,
   isMultiline: i,
   isOpen: l
-}) => l ? /* @__PURE__ */ s("div", { className: `alert ${e} ${i ? "multiline" : ""}`, children: [
-  t,
+}) => l ? /* @__PURE__ */ m("div", { className: `alert ${t} ${i ? "multiline" : ""}`, children: [
+  e,
   r
-] }) : /* @__PURE__ */ m(n, {});
+] }) : /* @__PURE__ */ n(s, {});
 export {
-  c as Alert
+  o as Alert
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",

package/dist/assets/DemoElements.css

@@ -1 +0,0 @@
-@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.demo{width:500px}.demo-box{padding:12px;background-color:var(--color-bg-neutral-light-default);margin:0 0 24px}h1{font-family:Roboto Slab,sans-serif;font-size:36px;margin:0}h2{font-family:Roboto Slab,sans-serif;font-size:32px;margin:0 0 12px}

package/dist/assets/DemoForm.css

@@ -1 +0,0 @@
-:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}form.form-demo{width:400px;padding:24px 20px;background-color:var(--color-bg-neutral-basic-default)}form.form-demo.columns-2{width:710px}form.form-demo.columns-2 .container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,auto);gap:20px 12px;grid-template-areas:"surname name" "patronymic email" "city ." "checkboxes checkboxes" "theme theme" "switch1 switch2"}form.form-demo.columns-2 .container .text-input:first-of-type{grid-area:surname}form.form-demo.columns-2 .container .text-input:nth-of-type(2){grid-area:name}form.form-demo.columns-2 .container .text-input:nth-of-type(3){grid-area:patronymic}form.form-demo.columns-2 .container .text-input:nth-of-type(4){grid-area:email}form.form-demo.columns-2 .container .text-input:nth-of-type(5){grid-area:city}form.form-demo.columns-2 .container .form-group:nth-of-type(6){grid-area:checkboxes}form.form-demo.columns-2 .container .form-group:nth-of-type(7){grid-area:theme}form.form-demo.columns-2 .container .switch-container:nth-of-type(8){grid-area:switch1}form.form-demo.columns-2 .container .switch-container:nth-of-type(9){grid-area:switch2}form.form-demo.columns-2 .container .form-group{grid-column:span 2;display:flex;flex-wrap:wrap}form.form-demo.columns-2 .container .form-group .title{width:100%;flex-shrink:0}form.form-demo.columns-2 .container .form-group .checkbox-container,form.form-demo.columns-2 .container .form-group .radio{margin:0 12px 0 0}form.form-demo.columns-2 .container .switch-container{border:1px solid var(--color-border-primary-default);border-radius:8px;padding:10px 8px}form.form-demo.columns-2 .container .button-container{grid-column:span 2;display:flex;justify-content:flex-start}form.form-demo.columns-2 .container>*{margin:0!important}form.form-demo>.title{display:block;font-size:22px;font-weight:600;margin:0 0 28px}form.form-demo .container{margin:0 0 28px}form.form-demo .container .text-input,form.form-demo .container .dropdown-input{margin:0 0 20px}form.form-demo .form-group:not(:last-child){margin:0 0 20px}form.form-demo .form-group.horizontal{display:flex}form.form-demo .form-group.button-container button:first-child{margin:0 12px 0 0}form.form-demo .form-group .title{display:block;margin:0 0 12px}

package/dist/assets/DemoLogin.css

@@ -1 +0,0 @@
-:root{--3afly-fonts-body: "Manrope", sans-serif;--3afly-fonts-heading: "Roboto Slab", sans-serif;--light-brand-50: #c2d0ff;--dark-brand-50: #c2d0ff;--base-dark: #121212;--base-light: #ffffff;--dark-blue-20: #153398;--dark-blue-50: #0e2266;--dark-blue-100: #5076ff;--dark-blue-200: #7c98ff;--dark-blue-300: #a7bbff;--light-blue-20: #eef2ff;--light-blue-50: #c2d0ff;--light-blue-100: #2454ff;--light-blue-200: #1a3ab2;--light-blue-300: #0e2266;--dark-neutral-0: #121212;--dark-neutral-20: #292929;--dark-neutral-50: #333333;--dark-neutral-100: #4d4d4d;--dark-neutral-200: #6e6e6e;--dark-neutral-300: #ffffff;--light-neutral-0: #ffffff;--light-neutral-20: #f6f7f8;--light-neutral-50: #f1f2f4;--light-neutral-100: #d2d5da;--light-neutral-200: #a5a8ac;--light-neutral-300: #121212;--dark-green-50: #044329;--dark-green-100: #12a26c;--dark-green-200: #cef8e0;--dark-orange-50: #662500;--dark-orange-100: #e16d00;--dark-orange-200: #ffeccc;--dark-red-50: #7b0000;--dark-red-100: #f65843;--dark-red-200: #ffebe7;--light-green-50: #cef8e0;--light-green-100: #15a46e;--light-green-200: #06603b;--light-orange-50: #ffeccc;--light-orange-100: #e46f00;--light-orange-200: #9e3900;--light-red-50: #ffebe7;--light-red-100: #f75c46;--light-red-200: #9e0000;--color-fader: #12121220;--default-font-color: var(--base-dark);--color-bg-brand-default: var(--light-blue-100);--color-bg-brand-hover: var(--light-blue-200);--color-bg-brand-selected: var(--light-blue-300);--color-bg-brand-lightest-default: var(--light-blue-20);--color-bg-brand-light-default: var(--light-blue-50);--color-bg-error-default: var(--light-red-100);--color-bg-error-hover: var(--light-red-200);--color-bg-innerisland-default: var(--light-neutral-20);--color-bg-island-default: var(--base-light);--color-bg-island-disabled: var(--light-neutral-50);--color-bg-island-inversed: var(--base-dark);--color-bg-island-selected: var(--light-neutral-50);--color-bg-page-primary-default: var(--light-neutral-50);--color-bg-page-secondary-default: var(--light-neutral-0);--color-bg-neutral-basic-default: var(--light-neutral-0);--color-bg-neutral-basic-inversed: var(--light-neutral-300);--color-bg-neutral-lightest-default: var(--light-neutral-20);--color-bg-neutral-medium-default: var(--light-neutral-100);--color-border-brand-default: var(--light-blue-100);--color-border-error-default: var(--light-red-100);--color-border-primary-default: var(--light-neutral-100);--color-border-primary-hover: var(--base-dark);--color-border-secondary-default: var(--light-neutral-200);--color-border-secondary-hover: var(--base-dark);--color-border-success-default: var(--light-green-100);--color-chart-critical: var(--light-red-100);--color-chart-low: var(--light-green-100);--color-chart-medium: var(--light-orange-100);--effect-shadow-drop: #12121214;--effect-shadow-L: #12121208;--effect-shadow-XL: #12121215;--color-icon-brand-default: var(--light-blue-100);--color-icon-brand-hover: var(--light-blue-200);--color-icon-error-default: var(--light-red-100);--color-icon-error-hover: var(--light-red-200);--color-icon-primary-default: var(--base-dark);--color-icon-primary-inversed: var(--base-light);--color-icon-secondary-default: var(--light-neutral-200);--color-icon-secondary-hover: var(--base-dark);--color-icon-success-default: var(--light-green-100);--color-sidemenu-bg-default: var(--base-light);--color-sidemenu-bg-hover: var(--light-neutral-50);--color-sidemenu-bg-selected: var(--light-blue-100);--color-sidemenu-icon-default: var(--base-dark);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--light-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-dark);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-dark);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-light);--color-sidemenu-text-default: var(--base-dark);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--light-red-50);--color-status-error-foreground: var(--light-red-100);--color-status-success-background: var(--light-green-50);--color-status-success-foreground: var(--light-green-100);--color-status-warning-background: var(--light-orange-50);--color-status-warning-foreground: var(--light-orange-100);--color-text-brand-default: var(--light-blue-100);--color-text-brand-hover: var(--light-blue-200);--color-text-error-default: var(--light-red-100);--color-text-primary-default: var(--base-dark);--color-text-primary-inversed: var(--light-neutral-0);--color-text-secondary-default: var(--light-neutral-200);--color-text-success-default: var(--light-green-100);--color-text-tertiary-default: var(--light-neutral-100);--color-button-brandlight-filled-hover: var(--light-brand-50)}html[data-theme=dark]{--default-font-color: var(--base-light);--color-bg-brand-default: var(--dark-blue-100);--color-bg-brand-hover: var(--dark-blue-200);--color-bg-brand-selected: var(--dark-blue-300);--color-bg-brand-light-default: var(--dark-blue-50);--color-bg-error-default: var(--dark-red-100);--color-bg-error-hover: var(--dark-red-50);--color-bg-innerisland-default: var(--dark-neutral-20);--color-bg-island-default: var(--base-dark);--color-bg-island-disabled: var(--dark-neutral-50);--color-bg-island-inversed: var(--base-light);--color-bg-island-selected: var(--dark-neutral-50);--color-bg-page-default: var(--dark-neutral-50);--color-bg-page-secondary-default: var(--dark-neutral-0);--color-bg-neutral-basic-default: var(--dark-neutral-20);--color-bg-neutral-basic-inversed: var(--dark-neutral-300);--color-bg-neutral-lightest-default: var(--dark-neutral-20);--color-bg-neutral-medium-default: var(--dark-neutral-100);--color-border-brand-default: var(--dark-blue-100);--color-border-error-default: var(--dark-red-100);--color-border-primary-default: var(--dark-neutral-100);--color-border-primary-hover: var(--base-light);--color-border-secondary-default: var(--dark-neutral-200);--color-border-secondary-hover: var(--base-light);--color-border-success-default: var(--dark-green-100);--color-chart-critical: var(--dark-red-100);--color-chart-low: var(--dark-green-100);--color-chart-medium: var(--dark-orange-100);--effect-shadow-drop: #12121299;--color-icon-brand-default: var(--dark-blue-100);--color-icon-brand-hover: var(--dark-blue-200);--color-icon-error-default: var(--dark-red-100);--color-icon-error-hover: var(--dark-red-200);--color-icon-primary-default: var(--base-light);--color-icon-primary-inversed: var(--base-dark);--color-icon-secondary-default: var(--dark-neutral-200);--color-icon-secondary-hover: var(--base-light);--color-icon-success-default: var(--dark-green-100);--color-sidemenu-bg-default: var(--base-dark);--color-sidemenu-bg-hover: var(--dark-neutral-50);--color-sidemenu-bg-selected: var(--dark-blue-100);--color-sidemenu-icon-default: var(--base-light);--color-sidemenu-icon-selected: var(--light-color-static);--color-sidemenu-plus_button_bg-selected-hover: var(--dark-blue-200);--color-sidemenu-plus_button_bg-unselected-hover: var(--base-light);--color-sidemenu-plus_button_icon-selected-default: var(--light-color-static);--color-sidemenu-plus_button_icon-selected-hover: var(--light-color-static);--color-sidemenu-plus_button_icon-unselected-default: var(--base-light);--color-sidemenu-plus_button_icon-unselected-hover: var(--base-dark);--color-sidemenu-text-default: var(--base-light);--color-sidemenu-text-selected: var(--light-color-static);--dark-color-static: var(--base-dark);--dark-color-static-brand: var(--dark-blue-100);--light-color-static: var(--base-light);--light-color-static-brand: var(--light-blue-100);--color-status-error-background: var(--dark-red-50);--color-status-error-foreground: var(--dark-red-100);--color-status-success-background: var(--dark-green-50);--color-status-success-foreground: var(--dark-green-100);--color-status-warning-background: var(--dark-orange-50);--color-status-warning-foreground: var(--dark-orange-100);--color-text-brand-default: var(--dark-blue-100);--color-text-brand-hover: var(--dark-blue-200);--color-text-error-default: var(--dark-red-100);--color-text-primary-default: var(--base-light);--color-text-primary-inversed: var(--dark-neutral-0);--color-text-secondary-default: var(--dark-neutral-200);--color-text-success-default: var(--dark-green-100);--color-text-tertiary-default: var(--dark-neutral-100);--color-button-brandlight-filled-hover: var(--dark-brand-50)}@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.authorization-page{padding:12px 12px 79px;display:flex;flex-direction:column;align-items:center}.authorization-page .welcome-title{width:100%;height:170px;padding:16px 20px;margin:0 0 28px;background-image:url(src/assets/images/authorization.png);background-repeat:no-repeat;background-size:cover;border-radius:0 20px;background-color:var(--dark-blue-20)}.authorization-page .welcome-title button{margin:0 0 20px;font-weight:600}.authorization-page .welcome-title button.theme-icon--light:before,.authorization-page .welcome-title button.theme-icon--dark:before{content:"";background-repeat:no-repeat;background-position:center;display:block;width:16px;height:16px;margin:0 8px 0 -8px}.authorization-page .welcome-title button.theme-icon--light:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlN1biI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik03LjI1IDJWMUM3LjI1IDAuODAxMDg4IDcuMzI5MDIgMC42MTAzMjIgNy40Njk2NyAwLjQ2OTY3QzcuNjEwMzIgMC4zMjkwMTggNy44MDEwOSAwLjI1IDggMC4yNUM4LjE5ODkxIDAuMjUgOC4zODk2OCAwLjMyOTAxOCA4LjUzMDMzIDAuNDY5NjdDOC42NzA5OCAwLjYxMDMyMiA4Ljc1IDAuODAxMDg4IDguNzUgMVYyQzguNzUgMi4xOTg5MSA4LjY3MDk4IDIuMzg5NjggOC41MzAzMyAyLjUzMDMzQzguMzg5NjggMi42NzA5OCA4LjE5ODkxIDIuNzUgOCAyLjc1QzcuODAxMDkgMi43NSA3LjYxMDMyIDIuNjcwOTggNy40Njk2NyAyLjUzMDMzQzcuMzI5MDIgMi4zODk2OCA3LjI1IDIuMTk4OTEgNy4yNSAyWk0xMi4yNSA4QzEyLjI1IDguODQwNTcgMTIuMDAwNyA5LjY2MjI2IDExLjUzMzcgMTAuMzYxMkMxMS4wNjY3IDExLjA2MDEgMTAuNDAzIDExLjYwNDggOS42MjY0IDExLjkyNjVDOC44NDk4MiAxMi4yNDgyIDcuOTk1MjkgMTIuMzMyMyA3LjE3MDg3IDEyLjE2ODNDNi4zNDY0NSAxMi4wMDQ0IDUuNTg5MTcgMTEuNTk5NiA0Ljk5NDggMTEuMDA1MkM0LjQwMDQyIDEwLjQxMDggMy45OTU2NSA5LjY1MzU1IDMuODMxNjYgOC44MjkxM0MzLjY2NzY4IDguMDA0NzEgMy43NTE4NCA3LjE1MDE4IDQuMDczNTEgNi4zNzM2QzQuMzk1MTggNS41OTcwMSA0LjkzOTkyIDQuOTMzMjUgNS42Mzg4MyA0LjQ2NjI1QzYuMzM3NzQgMy45OTkyNiA3LjE1OTQzIDMuNzUgOCAzLjc1QzkuMTI2ODEgMy43NTExNiAxMC4yMDcxIDQuMTk5MyAxMS4wMDM5IDQuOTk2MDhDMTEuODAwNyA1Ljc5Mjg1IDEyLjI0ODggNi44NzMxOSAxMi4yNSA4Wk0xMC43NSA4QzEwLjc1IDcuNDU2MSAxMC41ODg3IDYuOTI0NDIgMTAuMjg2NSA2LjQ3MjE4QzkuOTg0MzcgNi4wMTk5NSA5LjU1NDg4IDUuNjY3NDcgOS4wNTIzOCA1LjQ1OTMzQzguNTQ5ODggNS4yNTExOSA3Ljk5Njk1IDUuMTk2NzMgNy40NjM1IDUuMzAyODRDNi45MzAwNSA1LjQwODk1IDYuNDQwMDUgNS42NzA4NiA2LjA1NTQ2IDYuMDU1NDZDNS42NzA4NiA2LjQ0MDA1IDUuNDA4OTUgNi45MzAwNSA1LjMwMjg0IDcuNDYzNUM1LjE5NjczIDcuOTk2OTUgNS4yNTExOSA4LjU0OTg4IDUuNDU5MzMgOS4wNTIzOEM1LjY2NzQ3IDkuNTU0ODggNi4wMTk5NSA5Ljk4NDM3IDYuNDcyMTggMTAuMjg2NUM2LjkyNDQyIDEwLjU4ODcgNy40NTYxIDEwLjc1IDggMTAuNzVDOC43MjkwOSAxMC43NDkyIDkuNDI4MDggMTAuNDU5MiA5Ljk0MzYzIDkuOTQzNjNDMTAuNDU5MiA5LjQyODA4IDEwLjc0OTIgOC43MjkwOSAxMC43NSA4Wk0zLjIxOTM3IDQuMjgwNjJDMy4yODkxNCA0LjM1MDM5IDMuMzcxOTYgNC40MDU3MyAzLjQ2MzExIDQuNDQzNDlDMy41NTQyNyA0LjQ4MTI0IDMuNjUxOTYgNC41MDA2OCAzLjc1MDYyIDQuNTAwNjhDMy44NDkyOSA0LjUwMDY4IDMuOTQ2OTggNC40ODEyNCA0LjAzODE0IDQuNDQzNDlDNC4xMjkyOSA0LjQwNTczIDQuMjEyMTEgNC4zNTAzOSA0LjI4MTg4IDQuMjgwNjJDNC4zNTE2NCA0LjIxMDg2IDQuNDA2OTggNC4xMjgwNCA0LjQ0NDc0IDQuMDM2ODlDNC40ODI0OSAzLjk0NTczIDQuNTAxOTMgMy44NDgwNCA0LjUwMTkzIDMuNzQ5MzhDNC41MDE5MyAzLjY1MDcxIDQuNDgyNDkgMy41NTMwMiA0LjQ0NDc0IDMuNDYxODZDNC40MDY5OCAzLjM3MDcxIDQuMzUxNjQgMy4yODc4OSA0LjI4MTg4IDMuMjE4MTNMMy41MzE4NyAyLjQ2ODEzQzMuMzkwOTggMi4zMjcyMyAzLjE5OTg4IDIuMjQ4MDcgMy4wMDA2MiAyLjI0ODA3QzIuODAxMzcgMi4yNDgwNyAyLjYxMDI3IDIuMzI3MjMgMi40NjkzNyAyLjQ2ODEzQzIuMzI4NDggMi42MDkwMiAyLjI0OTMyIDIuODAwMTIgMi4yNDkzMiAyLjk5OTM4QzIuMjQ5MzIgMy4xOTg2MyAyLjMyODQ4IDMuMzg5NzMgMi40NjkzNyAzLjUzMDYzTDMuMjE5MzcgNC4yODA2MlpNMy4yMTkzNyAxMS43MTgxTDIuNDY5MzcgMTIuNDY4MUMyLjM5OTYxIDEyLjUzNzkgMi4zNDQyNyAxMi42MjA3IDIuMzA2NTEgMTIuNzExOUMyLjI2ODc2IDEyLjgwMyAyLjI0OTMyIDEyLjkwMDcgMi4yNDkzMiAxMi45OTk0QzIuMjQ5MzIgMTMuMDk4IDIuMjY4NzYgMTMuMTk1NyAyLjMwNjUxIDEzLjI4NjlDMi4zNDQyNyAxMy4zNzggMi4zOTk2MSAxMy40NjA5IDIuNDY5MzcgMTMuNTMwNkMyLjYxMDI3IDEzLjY3MTUgMi44MDEzNyAxMy43NTA3IDMuMDAwNjIgMTMuNzUwN0MzLjA5OTI5IDEzLjc1MDcgMy4xOTY5OCAxMy43MzEyIDMuMjg4MTQgMTMuNjkzNUMzLjM3OTI5IDEzLjY1NTcgMy40NjIxMSAxMy42MDA0IDMuNTMxODcgMTMuNTMwNkw0LjI4MTg4IDEyLjc4MDZDNC40MjI3NyAxMi42Mzk3IDQuNTAxOTMgMTIuNDQ4NiA0LjUwMTkzIDEyLjI0OTRDNC41MDE5MyAxMi4wNTAxIDQuNDIyNzcgMTEuODU5IDQuMjgxODggMTEuNzE4MUM0LjE0MDk4IDExLjU3NzIgMy45NDk4OCAxMS40OTgxIDMuNzUwNjIgMTEuNDk4MUMzLjU1MTM3IDExLjQ5ODEgMy4zNjAyNyAxMS41NzcyIDMuMjE5MzcgMTEuNzE4MVpNMTIuMjUgNC41QzEyLjM0ODUgNC41MDAwOCAxMi40NDYxIDQuNDgwNzQgMTIuNTM3MSA0LjQ0MzFDMTIuNjI4MiA0LjQwNTQ2IDEyLjcxMDkgNC4zNTAyNSAxMi43ODA2IDQuMjgwNjJMMTMuNTMwNiAzLjUzMDYzQzEzLjYwMDQgMy40NjA4NiAxMy42NTU3IDMuMzc4MDQgMTMuNjkzNSAzLjI4Njg5QzEzLjczMTIgMy4xOTU3MyAxMy43NTA3IDMuMDk4MDQgMTMuNzUwNyAyLjk5OTM4QzEzLjc1MDcgMi45MDA3MSAxMy43MzEyIDIuODAzMDIgMTMuNjkzNSAyLjcxMTg2QzEzLjY1NTcgMi42MjA3MSAxMy42MDA0IDIuNTM3ODkgMTMuNTMwNiAyLjQ2ODEzQzEzLjQ2MDkgMi4zOTgzNiAxMy4zNzggMi4zNDMwMiAxMy4yODY5IDIuMzA1MjZDMTMuMTk1NyAyLjI2NzUxIDEzLjA5OCAyLjI0ODA3IDEyLjk5OTQgMi4yNDgwN0MxMi45MDA3IDIuMjQ4MDcgMTIuODAzIDIuMjY3NTEgMTIuNzExOSAyLjMwNTI2QzEyLjYyMDcgMi4zNDMwMiAxMi41Mzc5IDIuMzk4MzYgMTIuNDY4MSAyLjQ2ODEzTDExLjcxODEgMy4yMTgxM0MxMS42MTI2IDMuMzIzMDIgMTEuNTQwNyAzLjQ1Njk0IDExLjUxMTUgMy42MDI4M0MxMS40ODIzIDMuNzQ4NzMgMTEuNDk3MSAzLjkwMDAxIDExLjU1NDIgNC4wMzc0NEMxMS42MTEyIDQuMTc0ODYgMTEuNzA3OCA0LjI5MjIzIDExLjgzMTcgNC4zNzQ1OUMxMS45NTU2IDQuNDU2OTYgMTIuMTAxMiA0LjUwMDYyIDEyLjI1IDQuNVpNMTIuNzgwNiAxMS43MTk0QzEyLjYzOTcgMTEuNTc4NSAxMi40NDg2IDExLjQ5OTMgMTIuMjQ5NCAxMS40OTkzQzEyLjA1MDEgMTEuNDk5MyAxMS44NTkgMTEuNTc4NSAxMS43MTgxIDExLjcxOTRDMTEuNTc3MiAxMS44NjAzIDExLjQ5ODEgMTIuMDUxNCAxMS40OTgxIDEyLjI1MDZDMTEuNDk4MSAxMi40NDk5IDExLjU3NzIgMTIuNjQxIDExLjcxODEgMTIuNzgxOUwxMi40NjgxIDEzLjUzMTlDMTIuNjA5IDEzLjY3MjggMTIuODAwMSAxMy43NTE5IDEyLjk5OTQgMTMuNzUxOUMxMy4xOTg2IDEzLjc1MTkgMTMuMzg5NyAxMy42NzI4IDEzLjUzMDYgMTMuNTMxOUMxMy42NzE1IDEzLjM5MSAxMy43NTA3IDEzLjE5OTkgMTMuNzUwNyAxMy4wMDA2QzEzLjc1MDcgMTIuODAxNCAxMy42NzE1IDEyLjYxMDMgMTMuNTMwNiAxMi40Njk0TDEyLjc4MDYgMTEuNzE5NFpNMi43NSA4QzIuNzUgNy44MDEwOSAyLjY3MDk4IDcuNjEwMzIgMi41MzAzMyA3LjQ2OTY3QzIuMzg5NjggNy4zMjkwMiAyLjE5ODkxIDcuMjUgMiA3LjI1SDFDMC44MDEwODggNy4yNSAwLjYxMDMyMiA3LjMyOTAyIDAuNDY5NjcgNy40Njk2N0MwLjMyOTAxOCA3LjYxMDMyIDAuMjUgNy44MDEwOSAwLjI1IDhDMC4yNSA4LjE5ODkxIDAuMzI5MDE4IDguMzg5NjggMC40Njk2NyA4LjUzMDMzQzAuNjEwMzIyIDguNjcwOTggMC44MDEwODggOC43NSAxIDguNzVIMkMyLjE5ODkxIDguNzUgMi4zODk2OCA4LjY3MDk4IDIuNTMwMzMgOC41MzAzM0MyLjY3MDk4IDguMzg5NjggMi43NSA4LjE5ODkxIDIuNzUgOFpNOCAxMy4yNUM3LjgwMTA5IDEzLjI1IDcuNjEwMzIgMTMuMzI5IDcuNDY5NjcgMTMuNDY5N0M3LjMyOTAyIDEzLjYxMDMgNy4yNSAxMy44MDExIDcuMjUgMTRWMTVDNy4yNSAxNS4xOTg5IDcuMzI5MDIgMTUuMzg5NyA3LjQ2OTY3IDE1LjUzMDNDNy42MTAzMiAxNS42NzEgNy44MDEwOSAxNS43NSA4IDE1Ljc1QzguMTk4OTEgMTUuNzUgOC4zODk2OCAxNS42NzEgOC41MzAzMyAxNS41MzAzQzguNjcwOTggMTUuMzg5NyA4Ljc1IDE1LjE5ODkgOC43NSAxNVYxNEM4Ljc1IDEzLjgwMTEgOC42NzA5OCAxMy42MTAzIDguNTMwMzMgMTMuNDY5N0M4LjM4OTY4IDEzLjMyOSA4LjE5ODkxIDEzLjI1IDggMTMuMjVaTTE1IDcuMjVIMTRDMTMuODAxMSA3LjI1IDEzLjYxMDMgNy4zMjkwMiAxMy40Njk3IDcuNDY5NjdDMTMuMzI5IDcuNjEwMzIgMTMuMjUgNy44MDEwOSAxMy4yNSA4QzEzLjI1IDguMTk4OTEgMTMuMzI5IDguMzg5NjggMTMuNDY5NyA4LjUzMDMzQzEzLjYxMDMgOC42NzA5OCAxMy44MDExIDguNzUgMTQgOC43NUgxNUMxNS4xOTg5IDguNzUgMTUuMzg5NyA4LjY3MDk4IDE1LjUzMDMgOC41MzAzM0MxNS42NzEgOC4zODk2OCAxNS43NSA4LjE5ODkxIDE1Ljc1IDhDMTUuNzUgNy44MDEwOSAxNS42NzEgNy42MTAzMiAxNS41MzAzIDcuNDY5NjdDMTUuMzg5NyA3LjMyOTAyIDE1LjE5ODkgNy4yNSAxNSA3LjI1WiIgZmlsbD0iIzEyMTIxMiIvPgo8L2c+Cjwvc3ZnPgo=)}.authorization-page .welcome-title h1{font-size:24px;font-weight:800;color:var(--light-color-static)}.authorization-page form.form-login{width:100%;max-width:400px;display:flex;flex-direction:column}.authorization-page form.form-login .title{font-size:22px;font-weight:600;margin:0 0 8px}.authorization-page form.form-login .subtitle{color:var(--color-text-secondary-default);margin:0 0 40px;font-weight:600}.authorization-page form.form-login .alert{margin:-12px 0 24px}.authorization-page form.form-login .text-input{margin:0 0 24px}.authorization-page form.form-login .btn{margin:0 0 28px}.authorization-page form.form-login .reminder-note{display:flex;flex-direction:column;align-items:center}.authorization-page form.form-login .reminder-note span{font-size:14px;font-weight:600;margin:0 0 8px}.authorization-page .decorative-element{display:none;width:114px;height:114px;position:absolute;right:20px}.authorization-page .decorative-element:before,.authorization-page .decorative-element:after{content:"";display:block;background-color:var(--color-text-brand-default)}@media screen and (min-width: 834px){.authorization-page{padding:20px;position:relative}.authorization-page .welcome-title{height:400px;padding:40px;margin:0 0 100px;border-radius:0 50px;background-size:106%;background-position-y:32%;background-position-x:right}.authorization-page .welcome-title button{margin:0 0 40px}.authorization-page .welcome-title h1{font-size:56px;font-weight:800}.authorization-page form.form-login .alert{margin:0 0 24px}.authorization-page .decorative-element{width:114px;height:114px;position:absolute;right:20px}.authorization-page .decorative-element:before,.authorization-page .decorative-element:after{content:"";display:block;background-color:var(--color-text-brand-default)}.authorization-page .decorative-element#bottom{display:block;bottom:20px;transform:rotate(270deg)}.authorization-page .decorative-element#bottom:before{width:14px;height:100px;border-radius:7px 7px 0 0}.authorization-page .decorative-element#bottom:after{width:100px;height:14px;border-radius:0 7px 7px 0;margin:0 0 0 14px}}@media screen and (min-width: 1280px){.authorization-page{flex-direction:row;align-items:center}.authorization-page .welcome-title{margin:0;width:800px;height:calc(100vh - 40px);background-size:cover}.authorization-page form.form-login{margin:0 auto}.authorization-page .decorative-element#top{display:block;top:20px;transform:rotate(180deg)}.authorization-page .decorative-element#top:before{width:14px;height:100px;border-radius:7px 7px 0 0}.authorization-page .decorative-element#top:after{width:100px;height:14px;border-radius:0 7px 7px 0;margin:0 0 0 14px}}