ui-beyable 1.0.1 → 1.0.2

package/README.md

@@ -1 +1,67 @@
-# beyableUI
+<!-- <style>
+   .architecture{
+    padding: 10px 0;
+    display: flex;
+    justify-content: center;
+    align-items:center;
+    
+   }
+   .architecture img{
+    width:150px;
+    height:160px;
+    padding:3px 2px;
+   }
+   .logo{
+    width:30%
+   }
+</style> -->
+
+# <p align="center"><a href="https://beyable.com"><img class="logo" src="./public/beyable_logo.svg" title="BEYABLE" alt="Beyable logo"></a></center></p>
+
+# <center> DESIGN SYSTEME</center>
+
+## <center>🧐 Description</center>
+
+This repository provides a library of React component who are currently using on the Saas plateforme BEYABLE.
+
+You can have a look to the Beyable company **[www.beyable.com](https://www.beyable.com/)** for more details
+
+Storybook **[beyableui.netlify.app](https://beyableui.netlify.app/)**
+
+
+## <center>⚙️ Getting started</center>
+
+first clone the repository and open it:
+
+```bash
+npm i 
+```
+And then i you want to test in local in other project:
+```bash
+npm link 
+```
+You can also migrate module to npm:
+```bash
+npm publish
+```
+
+## <center> 🤔 Architecture?</center>
+<div class="architecture">
+<img src="./public/architectureBeyableDS.png" style="display:flex;justify-content:center;" alt="architecture pic">
+
+- **assets**: every image and fonts that are using by components.
+- **components**: all components modules , .tsx components and .ts interfaces files are implemented, also css modules is now available.
+- **stories**: all stories order in two sections, component and display for the graphic chart.
+- **style**: all global style files from Yattune front. 
+
+</div>
+
+## <center>⭐ Components library</center>
+
+This library aims to provide all current component, is right in react typescript. 
+
+
+
+## <center>📝💻 License</center>
+
+MIT © [Beyable](https://www.beyable.com)

package/lib/cjs/components/Button/Btn.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IBYbtn } from './type';
+declare const Btn: ({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => JSX.Element;
+export { Btn };
+declare const BYbtn: React.MemoExoticComponent<({ children, type, htmlTag, onClickFunction, onClick, href, target, message, color, style, rounded, disabled, className, strong, light, size, fontSize, fullWidth, fullHeight, icon, iconPosition, arrow, dataFor, dataTip }: IBYbtn) => JSX.Element>;
+export default BYbtn;

package/lib/cjs/components/Collapse/Collapse.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IBYcollapse } from './type';
+declare function Collapse({ label, children, defaultOpen }: IBYcollapse): JSX.Element;
+export default Collapse;

package/lib/cjs/components/Modal/Modal.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IBYmodal } from './types';
+import './modal.css';
+declare function Modal({ children, isOpen, onClose, noClose, width, height, minHeight }: IBYmodal): JSX.Element;
+export default Modal;

package/lib/cjs/index.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";.collapse-module_header__3XouW{align-items:center;display:flex}.collapse-module_header_btn__WqgSX{border-radius:5px;cursor:pointer;flex:0 0 auto;font-size:16px;font-weight:500;padding:6px 10px 6px 24px;position:relative;transition:all .2s}.collapse-module_header_btn__WqgSX:focus,.collapse-module_header_btn__WqgSX:hover{background-color:var(--main-border-color)}.collapse-module_header__3XouW:after{border-top:1px solid var(--main-border-color);content:"";flex:1 1 auto;margin-left:4px}.collapse-module_arrow__m09w4{height:14px;left:0;margin-top:-7px;position:absolute;top:50%;transition:all .1s;width:20px}.collapse-module_arrow__m09w4 .collapse-module_fas__KttZB{display:block}.collapse-module_wrapper_open__-Pauk .collapse-module_arrow__m09w4{transform:rotate(180deg)}.collapse-module_body__n-AEV{margin-bottom:16px;margin-top:8px;transition:all .2s}.collapse-module_wrapper_close__pPihr .collapse-module_body__n-AEV{height:0;margin-top:0;overflow:hidden}.globalStyle_BYUI__D2PWk .globalStyle_html__SUIQL,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}.globalStyle_BYUI__D2PWk ol,ul{list-style:none}.globalStyle_BYUI__D2PWk{--black:#151e39;--grey-0:#424b5c;--grey-1:#5d606f;--grey-2:#6e7284;--grey-3:#8a8ea5;--grey-4:#acafc0;--grey-5:#caccd8;--primary-color:#006fff;--primary-color-light:#edf4fd;--primary-color-dark:#0056c6;--blue:#4257f0;--red:#ea4545;--red-light:#ffe6e6;--green:#43b55e;--yellow:#ffd41f;--turquoise:#006fff;--turquoise-light:#edf4fd;--turquoise-dark:#0056c6;--color-success:#43b55e;--color-alert:#f04f5b;--color-warning:#f7a100;--input-bg:#f8f9fb;--input-border-color:#c5cddd;--input-border:solid 1px var(--input-border-color);--input-border-hover:solid 1px #acafc0;--input-border-focus:solid 1px #006fff;--input-border-error:solid 1px var(--red);--input-radius:5px;--main-bg-color:#f7f8fa;--main-border-color:#e9eaf0;--main-h-padding:22px;--main-padding:22px}.globalStyle_byui_c_grey_0__5uq-m{color:var(--grey-0)}.globalStyle_byui_c_grey_1__-mCrk{color:var(--grey-1)}.globalStyle_byui_c_grey_2__wOW3D{color:var(--grey-2)}.globalStyle_byui_c_grey_3__b0zW0{color:var(--grey-3)}.globalStyle_byui_c_grey_4__ueRnG{color:var(--grey-4)}.globalStyle_byui_c_primary__OOTUk{color:var(--primary-color)}.globalStyle_byui_c_primary_light__GOcJ6{color:var(--primary-color-light)}.globalStyle_byui_c_primary_dark__1j5cN{color:var(--primary-color-dark)}.globalStyle_byui_c_red__IGTFB{color:var(--red)}.globalStyle_byui_c_green__Ku7eL{color:var(--green)}.globalStyle_byui_c_blue__oSftR{color:var(--blue)}.globalStyle_byui_s_9__g2Ocl{font-size:9px!important}.globalStyle_byui_s_10__s8B6U{font-size:10px!important}.globalStyle_byui_s_11__xP-Rm{font-size:11px!important}.globalStyle_byui_s_12__GJa7g{font-size:12px!important}.globalStyle_byui_s_13__9XyyR{font-size:13px!important}.globalStyle_byui_s_14__3vmix{font-size:14px!important}.globalStyle_byui_s_15__5W83-{font-size:15px!important}.globalStyle_byui_s_16__J03ew{font-size:16px!important}.globalStyle_byui_s_17__LhGSp{font-size:17px!important}.globalStyle_byui_s_18__GKQ3R{font-size:18px!important}.globalStyle_byui_s_20__Ze8EO{font-size:20px!important}.globalStyle_byui_s_22__HtEn7{font-size:22px}.globalStyle_byui_fw_bold__zIIu3{font-weight:600}.globalStyle_byui_fw_medium__UAOpr{font-weight:500}.globalStyle_byui_fw_normal__dg1Tl{font-weight:400}.globalStyle_byui_al_right__Sn5-I{text-align:right}.globalStyle_byui_al_center__-NqJp{text-align:center}.globalStyle_byui_ml_3__fWXnR{margin-left:3px!important}.globalStyle_byui_ml_5__XE6nH{margin-left:5px!important}.globalStyle_byui_ml_8__Nr4Q7{margin-left:8px!important}.globalStyle_byui_ml_10__LUUNt{margin-left:10px!important}.globalStyle_byui_ml_15__0QW-i{margin-left:15px!important}.globalStyle_byui_ml_20__rv-Gi{margin-left:20px!important}.globalStyle_byui_ml_30__wbsrF{margin-left:30px!important}.globalStyle_byui_mr_3__p165a{margin-right:3px!important}.globalStyle_byui_mr_5__Wj93b{margin-right:5px!important}.globalStyle_byui_mr_8__Ylign{margin-right:8px!important}.globalStyle_byui_mr_10__TO-bq{margin-right:10px!important}.globalStyle_byui_mr_15__lOY0n{margin-right:15px!important}.globalStyle_byui_mr_20__pLDII{margin-right:20px!important}.globalStyle_byui_mr_30__IiGcF{margin-right:30px!important}.globalStyle_byui_mt_3__XMz3K{margin-top:3px!important}.globalStyle_byui_mt_5__dpVa7{margin-top:5px!important}.globalStyle_byui_mt_8__X98qD{margin-top:8px!important}.globalStyle_byui_mt_10__rDs6A{margin-top:10px!important}.globalStyle_byui_mt_15__PpCQc{margin-top:15px!important}.globalStyle_byui_mt_20__TTWpo{margin-top:20px!important}.globalStyle_byui_mt_25__f4NVz{margin-top:25px!important}.globalStyle_byui_mt_30__H6D7P{margin-top:30px!important}.globalStyle_byui_mt_40__1zjSm{margin-top:40px!important}.globalStyle_byui_mb_3__CoIL-{margin-bottom:3px!important}.globalStyle_byui_mb_5__4x-WV{margin-bottom:5px!important}.globalStyle_byui_mb_8__jxmTW{margin-bottom:8px!important}.globalStyle_byui_mb_10__ErCG3{margin-bottom:10px!important}.globalStyle_byui_mb_15__3-7n9{margin-bottom:15px!important}.globalStyle_byui_mb_20__hJBy1{margin-bottom:20px!important}.globalStyle_byui_mb_30__CkeMG{margin-bottom:30px!important}.globalStyle_byui_mb_40__nGC-N{margin-bottom:40px!important}.globalStyle_byui_wheel__6a6Q0{animation:globalStyle_wheel_rotation__ciAOf 1s linear infinite;border:2px solid rgba(76,82,105,.1);border-left-color:rgba(76,82,105,.7);border-radius:50%;box-sizing:border-box;display:inline-block;height:24px;transform:translateZ(0);width:24px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_size_12__UdkJ0{height:12px;width:12px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_size_14__UyA23{height:14px;width:14px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_size_16__AYX8J{height:16px;width:16px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_size_24__Ej4ow{height:24px;width:24px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_size_32__wMztg{height:32px;width:32px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_white__fU-vZ{border-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.3) hsla(0,0%,100%,.3) #fff}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_full__0TWIE{display:block;margin:8px auto}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_full__0TWIE.globalStyle_byui_l__mE7Q8{margin-bottom:32px;margin-top:32px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_full__0TWIE.globalStyle_byui_xl__tJ-AH{margin-bottom:54px;margin-top:54px}@keyframes globalStyle_wheel_rotation__ciAOf{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.globalStyle_byui_mask__6xvYN{align-items:center;animation:globalStyle_mask_fadein__ew4aY .4s ease-in-out;background:hsla(0,0%,100%,.6);border-radius:5px;bottom:0;display:flex;justify-content:center;left:0;min-height:60px;position:absolute;right:0;top:0;z-index:10}.globalStyle_byui_mask__6xvYN.globalStyle_byui_has_progress__Eei8R{animation:globalStyle_mask_progress__bhCy9 .6s linear infinite;background-color:transparent;background-image:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.06) 6px,rgba(76,82,105,.06) 0,rgba(76,82,105,.06) 12px)}@keyframes globalStyle_mask_fadein__ew4aY{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes globalStyle_mask_progress__bhCy9{0%{background-position:0 0}to{background-position:17px 0}}.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 input[type=email],.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 input[type=number],.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 input[type=password],.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 input[type=tel],.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 input[type=text],.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 textarea{background:transparent!important;border:none!important;border-radius:var(--input-radius);box-shadow:none!important;color:inherit;flex:1 1 auto;font-size:inherit;line-height:inherit;min-width:0;outline:none;padding:8px 10px;width:100%}.params_format_param_list__4bGqo{display:flex;flex-wrap:wrap;margin:14px 0;padding:0 15px;position:relative}.params_format_param_group__1eEHC{border-bottom:1px solid var(--main-border-color);border-top:1px solid var(--main-border-color);flex:1 1 100%;margin-left:-15px;margin-right:-15px;padding:6px 0;transition:padding .3s ease-in-out}.params_format_param_group__1eEHC.params_folded__G0r1T{padding:0}.params_format_param_group__1eEHC:first-child{border-top:none}.params_format_param_group__1eEHC+.params_format_param_group__1eEHC{margin-top:-1px}.params_format_param__1jqGn+.params_format_param_group__1eEHC,.params_format_param_break__51mW8+.params_format_param_group__1eEHC{margin-top:14px}.params_format_param_group_name__ubD2N{color:var(--grey-0);font-size:16px;font-weight:500;line-height:18px;padding:17px 22px}.params_format_param_group__1eEHC.params_clickable__kj-7v .params_format_param_group_name__ubD2N{cursor:pointer;transition:background .2s}.params_format_param_group__1eEHC .params_format_param_list__4bGqo{margin-top:0;transition:all .3s ease-in-out}.params_format_param_group__1eEHC.params_folded__G0r1T .params_format_param_list__4bGqo{height:0;margin:0;overflow:hidden}.params_format_param_group_arrow__Bz-os{color:#cbcdd5;font-size:14px;margin-left:16px;margin-right:-2px;transition:all .2s}.params_format_param_group_name__ubD2N:hover .params_format_param_group_arrow__Bz-os{color:inherit}.params_format_param_group__1eEHC.params_folded__G0r1T .params_format_param_group_fold_arrow__en8L5{transform:rotate(180deg)}.params_format_param_group_name__ubD2N .params_cb_label__1Zi0o{margin:0;vertical-align:top}.params_format_param_group_icon__4gzgf{color:var(--turquoise);margin-right:8px}.params_format_param_group_value__UQg-2{color:var(--grey-2);font-size:12px;font-weight:400;margin-left:10px;text-align:right}.params_format_param__1jqGn{flex:1 1 100%;margin:10px 7px}.params_format_param__1jqGn.params_w_l__S9P3M{flex:0 1 calc(66.66% - 14px);width:calc(66.66% - 14px)}.params_format_param__1jqGn.params_w_m__aeHcl{flex:0 1 calc(50% - 14px);width:calc(50% - 14px)}.params_format_param__1jqGn.params_w_s__FNsIo{flex:0 1 calc(33.33% - 14px);width:calc(33.33% - 14px)}.params_format_param__1jqGn .params_form_block_label__5Lsnl{color:var(--grey-0);font-size:14px;font-weight:500;line-height:1.3}.params_format_param__1jqGn .params_form_block__qonSO{margin-bottom:0}.params_format_param__1jqGn .params_form_block__qonSO+.params_form_block__qonSO{margin-top:10px}.params_format_param__1jqGn .params_custom_input_sub_desc__ctnx6,.params_format_param__1jqGn .params_form_block_description__y-MBE{color:var(--grey-2);font-size:13px}.params_format_param_break__51mW8{flex:1 1 100%}.params_format_param_label_device__t9mFp{color:var(--grey-3);font-size:10px;margin-left:3px}.params_format_param__1jqGn .params_tox-tinymce__whDPH{border-color:var(--main-border-color)}.params_format_param__1jqGn .params_tox__DuihP .params_tox-toolbar__nL2fR{background:none;border-bottom:1px solid var(--main-border-color)}.params_format_param__1jqGn .params_tox__DuihP .params_tox-tbtn__VuW9Y{height:28px;width:28px}.params_format_param__1jqGn .params_tox__DuihP .params_tox-tbtn--select__qNund{width:auto}.params_format_param__1jqGn .params_tox__DuihP .params_tox-tbtn__VuW9Y svg{fill:var(--grey-1)}.params_format_param__1jqGn .params_tox__DuihP .params_tox-edit-area__iframe__CG3Mn{background:var(--input-bg)}.params_format_param_list__4bGqo .params_tabs__zR8AH{color:var(--grey-0);font-size:14px}.params_format_param_breadcrumb__2kBuY{border-bottom:1px solid var(--main-border-color);color:var(--grey-0);font-size:14px;font-weight:500;padding-bottom:8px}.params_format_param_breadcrumb__2kBuY>li{display:inline-block;vertical-align:top}.params_format_param_breadcrumb__2kBuY>li+li:before{color:#acafc0;content:"\f054";display:inline-block;font-family:Font Awesome\ 5 Free;font-size:10px;font-weight:900;height:14px;line-height:14px;margin:0 8px;text-align:center;vertical-align:middle;width:10px}.params_format_param_breadcrumb__2kBuY a{border-radius:3px;cursor:pointer;margin:0 -5px;padding:3px 5px;transition:background .2s}.params_format_param_breadcrumb__2kBuY a.params_active__Z4XUq{color:#006fff}.params_format_param_breadcrumb__2kBuY a:focus,.params_format_param_breadcrumb__2kBuY a:hover{background:#f5f6f8}.params_format_param_sep__nKHZ6{border-top:1px solid var(--main-border-color)}
+@charset "UTF-8";.modal_byui_modal_outer__NPWUE{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;outline:none;padding:10px;position:fixed;right:0;top:0;z-index:10200}.modal_byui_modal_outer__NPWUE:not(.modal_byui_is_invisible__hb3w2){animation:modal_modal__xuHHn .1s ease-out}.modal_byui_modal_outer__NPWUE:not(.modal_byui_is_invisible__hb3w2).modal_animation_slide_down__UsQjh .modal_byui_modal_inner__FFmDV{animation:modal_modal_slide_down__pIdRW .2s ease-out}.modal_byui_modal_outer__NPWUE.modal_byui_is_invisible__hb3w2{opacity:0;pointer-events:none}byui_section_root{color:var(--black);font-weight:400}.modal_byui_section_root__uQ8iP .modal_byui_label-top__WFu6p p{display:block;font-weight:400;margin:0 0 8px}.modal_byui_modal_inner__FFmDV{background:#fff;border-radius:6px;box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:100%;max-width:100%;position:relative;transition:all .2s;width:500px}.modal_byui_modal_close__EJ6-R{cursor:pointer;height:48px;position:absolute;right:3px;top:5px;width:48px}.modal_byui_modal_close__EJ6-R:before{background:url(../../assets/common.svg) no-repeat;background-position:0 -16px;border-radius:32px;content:"";display:block;height:32px;margin:8px;transition:background .2s;width:32px}.modal_byui_modal_close__EJ6-R:focus:before,.modal_byui_modal_close__EJ6-R:hover:before{background-color:var(--main-bg-color)}.modal_byui_modal_footer__6TiHm,.modal_byui_modal_header__36aCK{flex:0 0 auto}.modal_byui_modal_header__36aCK{line-height:1;padding:20px 30px}.modal_byui_modal_header__36aCK,.modal_byui_modal_title__0HjBs{font-size:20px;font-weight:400}.modal_byui_modal_header__36aCK.modal_byui_has_border__vVzUe{border-bottom:1px solid #eee}.modal_byui_modal_header_desc__29tyV{color:#757b96;font-size:14px;line-height:1.3;margin-top:6px}.modal_byui_modal_header_pre_title__6I-Qi{color:var(--grey-2);font-size:14px;font-weight:500;margin-bottom:8px}.modal_byui_modal_header_icon__cY2Cj.modal_byui_icon_btn__92iCE{margin-left:-4px;margin-right:12px}.modal_byui_modal_header_campaign__BuOiQ{font-size:14px;font-weight:500;margin-top:10px}.modal_byui_modal_body__owtuh{flex:1 1 auto;overflow-y:auto;padding:0 30px}.modal_byui_modal_body__owtuh:after,.modal_byui_modal_body__owtuh:before{content:"";display:block;margin-bottom:24px}.modal_byui_modal_body__owtuh.modal_byui_no_vertical_pad__XwK9e:after,.modal_byui_modal_body__owtuh.modal_byui_no_vertical_pad__XwK9e:before{display:none}.modal_byui_modal_section__JVT2H{padding:24px 30px}.modal_byui_modal_section_top__WT6K-{padding:24px 30px 0}.modal_byui_modal_section_bottom__4P60u{padding:0 30px 24px}.modal_byui_modal_section__JVT2H.modal_s__L4fsd,.modal_byui_modal_section_s__6YPav{padding:14px 30px}.modal_byui_modal_section__JVT2H.modal_xs__hHrAt{padding:10px 30px}.modal_byui_modal_section__JVT2H.modal_has_bottom_border__v6Q2N{border-bottom:1px solid var(--main-border-color)}.modal_byui_modal_section_grey__O7QIH{background:var(--main-bg-color);border-width:1px;border-bottom:1px solid var(--main-border-color);border-left:0 solid var(--main-border-color);border-right:0 solid var(--main-border-color);border-top:1px solid var(--main-border-color)}.modal_byui_modal_header__36aCK.modal_has_border__4FiFm+.modal_modal_section_grey__GLT38{margin-top:-1px}.modal_byui_modal_footer__6TiHm{padding:0 30px 30px}.modal_byui_modal_footer__6TiHm.modal_byui_has_border__vVzUe{border-top:1px solid var(--main-border-color);padding-bottom:20px;padding-top:20px}.modal_byui_modal_footer_center__KHAu-{text-align:center}.modal_byui_modal_footer_right__y32fn{text-align:right}@keyframes modal_modal__xuHHn{0%{opacity:0}to{opacity:1}}@keyframes modal_modal_slide_down__pIdRW{0%{transform:translateY(-80px)}to{transform:translateY(0)}}.collapse-module_header__3XouW{align-items:center;display:flex}.collapse-module_header_btn__WqgSX{border-radius:5px;cursor:pointer;flex:0 0 auto;font-size:16px;font-weight:500;padding:6px 10px 6px 24px;position:relative;transition:all .2s}.collapse-module_header_btn__WqgSX:focus,.collapse-module_header_btn__WqgSX:hover{background-color:var(--main-border-color)}.collapse-module_header__3XouW:after{border-top:1px solid var(--main-border-color);content:"";flex:1 1 auto;margin-left:4px}.collapse-module_arrow__m09w4{height:14px;left:0;margin-top:-7px;position:absolute;top:50%;transition:all .1s;width:20px}.collapse-module_arrow__m09w4 .collapse-module_fas__KttZB{display:block}.collapse-module_wrapper_open__-Pauk .collapse-module_arrow__m09w4{transform:rotate(180deg)}.collapse-module_body__n-AEV{margin-bottom:16px;margin-top:8px;transition:all .2s}.collapse-module_wrapper_close__pPihr .collapse-module_body__n-AEV{height:0;margin-top:0;overflow:hidden}.globalStyle_BYUI__D2PWk .globalStyle_html__SUIQL,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}.globalStyle_BYUI__D2PWk ol,ul{list-style:none}.globalStyle_BYUI__D2PWk{--black:#151e39;--grey-0:#424b5c;--grey-1:#5d606f;--grey-2:#6e7284;--grey-3:#8a8ea5;--grey-4:#acafc0;--grey-5:#caccd8;--primary-color:#006fff;--primary-color-light:#edf4fd;--primary-color-dark:#0056c6;--blue:#4257f0;--red:#ea4545;--red-light:#ffe6e6;--green:#43b55e;--yellow:#ffd41f;--turquoise:#006fff;--turquoise-light:#edf4fd;--turquoise-dark:#0056c6;--color-success:#43b55e;--color-alert:#f04f5b;--color-warning:#f7a100;--input-bg:#f8f9fb;--input-border-color:#c5cddd;--input-border:solid 1px var(--input-border-color);--input-border-hover:solid 1px #acafc0;--input-border-focus:solid 1px #006fff;--input-border-error:solid 1px var(--red);--input-radius:5px;--main-bg-color:#f7f8fa;--main-border-color:#e9eaf0;--main-h-padding:22px;--main-padding:22px}.globalStyle_byui_c_grey_0__5uq-m{color:var(--grey-0)}.globalStyle_byui_c_grey_1__-mCrk{color:var(--grey-1)}.globalStyle_byui_c_grey_2__wOW3D{color:var(--grey-2)}.globalStyle_byui_c_grey_3__b0zW0{color:var(--grey-3)}.globalStyle_byui_c_grey_4__ueRnG{color:var(--grey-4)}.globalStyle_byui_c_primary__OOTUk{color:var(--primary-color)}.globalStyle_byui_c_primary_light__GOcJ6{color:var(--primary-color-light)}.globalStyle_byui_c_primary_dark__1j5cN{color:var(--primary-color-dark)}.globalStyle_byui_c_red__IGTFB{color:var(--red)}.globalStyle_byui_c_green__Ku7eL{color:var(--green)}.globalStyle_byui_c_blue__oSftR{color:var(--blue)}.globalStyle_byui_s_9__g2Ocl{font-size:9px!important}.globalStyle_byui_s_10__s8B6U{font-size:10px!important}.globalStyle_byui_s_11__xP-Rm{font-size:11px!important}.globalStyle_byui_s_12__GJa7g{font-size:12px!important}.globalStyle_byui_s_13__9XyyR{font-size:13px!important}.globalStyle_byui_s_14__3vmix{font-size:14px!important}.globalStyle_byui_s_15__5W83-{font-size:15px!important}.globalStyle_byui_s_16__J03ew{font-size:16px!important}.globalStyle_byui_s_17__LhGSp{font-size:17px!important}.globalStyle_byui_s_18__GKQ3R{font-size:18px!important}.globalStyle_byui_s_20__Ze8EO{font-size:20px!important}.globalStyle_byui_s_22__HtEn7{font-size:22px}.globalStyle_byui_fw_bold__zIIu3{font-weight:600}.globalStyle_byui_fw_medium__UAOpr{font-weight:500}.globalStyle_byui_fw_normal__dg1Tl{font-weight:400}.globalStyle_byui_al_right__Sn5-I{text-align:right}.globalStyle_byui_al_center__-NqJp{text-align:center}.globalStyle_byui_ml_3__fWXnR{margin-left:3px!important}.globalStyle_byui_ml_5__XE6nH{margin-left:5px!important}.globalStyle_byui_ml_8__Nr4Q7{margin-left:8px!important}.globalStyle_byui_ml_10__LUUNt{margin-left:10px!important}.globalStyle_byui_ml_15__0QW-i{margin-left:15px!important}.globalStyle_byui_ml_20__rv-Gi{margin-left:20px!important}.globalStyle_byui_ml_30__wbsrF{margin-left:30px!important}.globalStyle_byui_mr_3__p165a{margin-right:3px!important}.globalStyle_byui_mr_5__Wj93b{margin-right:5px!important}.globalStyle_byui_mr_8__Ylign{margin-right:8px!important}.globalStyle_byui_mr_10__TO-bq{margin-right:10px!important}.globalStyle_byui_mr_15__lOY0n{margin-right:15px!important}.globalStyle_byui_mr_20__pLDII{margin-right:20px!important}.globalStyle_byui_mr_30__IiGcF{margin-right:30px!important}.globalStyle_byui_mt_3__XMz3K{margin-top:3px!important}.globalStyle_byui_mt_5__dpVa7{margin-top:5px!important}.globalStyle_byui_mt_8__X98qD{margin-top:8px!important}.globalStyle_byui_mt_10__rDs6A{margin-top:10px!important}.globalStyle_byui_mt_15__PpCQc{margin-top:15px!important}.globalStyle_byui_mt_20__TTWpo{margin-top:20px!important}.globalStyle_byui_mt_25__f4NVz{margin-top:25px!important}.globalStyle_byui_mt_30__H6D7P{margin-top:30px!important}.globalStyle_byui_mt_40__1zjSm{margin-top:40px!important}.globalStyle_byui_mb_3__CoIL-{margin-bottom:3px!important}.globalStyle_byui_mb_5__4x-WV{margin-bottom:5px!important}.globalStyle_byui_mb_8__jxmTW{margin-bottom:8px!important}.globalStyle_byui_mb_10__ErCG3{margin-bottom:10px!important}.globalStyle_byui_mb_15__3-7n9{margin-bottom:15px!important}.globalStyle_byui_mb_20__hJBy1{margin-bottom:20px!important}.globalStyle_byui_mb_30__CkeMG{margin-bottom:30px!important}.globalStyle_byui_mb_40__nGC-N{margin-bottom:40px!important}.globalStyle_byui_wheel__6a6Q0{animation:globalStyle_wheel_rotation__ciAOf 1s linear infinite;border:2px solid rgba(76,82,105,.1);border-left-color:rgba(76,82,105,.7);border-radius:50%;box-sizing:border-box;display:inline-block;height:24px;transform:translateZ(0);width:24px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_size_12__UdkJ0{height:12px;width:12px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_size_14__UyA23{height:14px;width:14px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_size_16__AYX8J{height:16px;width:16px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_size_24__Ej4ow{height:24px;width:24px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_size_32__wMztg{height:32px;width:32px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_white__fU-vZ{border-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.3) hsla(0,0%,100%,.3) #fff}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_full__0TWIE{display:block;margin:8px auto}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_full__0TWIE.globalStyle_byui_l__mE7Q8{margin-bottom:32px;margin-top:32px}.globalStyle_byui_wheel__6a6Q0.globalStyle_byui_full__0TWIE.globalStyle_byui_xl__tJ-AH{margin-bottom:54px;margin-top:54px}@keyframes globalStyle_wheel_rotation__ciAOf{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.globalStyle_byui_mask__6xvYN{align-items:center;animation:globalStyle_mask_fadein__ew4aY .4s ease-in-out;background:hsla(0,0%,100%,.6);border-radius:5px;bottom:0;display:flex;justify-content:center;left:0;min-height:60px;position:absolute;right:0;top:0;z-index:10}.globalStyle_byui_mask__6xvYN.globalStyle_byui_has_progress__Eei8R{animation:globalStyle_mask_progress__bhCy9 .6s linear infinite;background-color:transparent;background-image:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.06) 6px,rgba(76,82,105,.06) 0,rgba(76,82,105,.06) 12px)}@keyframes globalStyle_mask_fadein__ew4aY{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes globalStyle_mask_progress__bhCy9{0%{background-position:0 0}to{background-position:17px 0}}.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 input[type=email],.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 input[type=number],.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 input[type=password],.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 input[type=tel],.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 input[type=text],.globalStyle_BYUI__D2PWk .globalStyle_byui_custom_input__kI7t9 textarea{background:transparent!important;border:none!important;border-radius:var(--input-radius);box-shadow:none!important;color:inherit;flex:1 1 auto;font-size:inherit;line-height:inherit;min-width:0;outline:none;padding:8px 10px;width:100%}.params_format_param_list__4bGqo{display:flex;flex-wrap:wrap;margin:14px 0;padding:0 15px;position:relative}.params_format_param_group__1eEHC{border-bottom:1px solid var(--main-border-color);border-top:1px solid var(--main-border-color);flex:1 1 100%;margin-left:-15px;margin-right:-15px;padding:6px 0;transition:padding .3s ease-in-out}.params_format_param_group__1eEHC.params_folded__G0r1T{padding:0}.params_format_param_group__1eEHC:first-child{border-top:none}.params_format_param_group__1eEHC+.params_format_param_group__1eEHC{margin-top:-1px}.params_format_param__1jqGn+.params_format_param_group__1eEHC,.params_format_param_break__51mW8+.params_format_param_group__1eEHC{margin-top:14px}.params_format_param_group_name__ubD2N{color:var(--grey-0);font-size:16px;font-weight:500;line-height:18px;padding:17px 22px}.params_format_param_group__1eEHC.params_clickable__kj-7v .params_format_param_group_name__ubD2N{cursor:pointer;transition:background .2s}.params_format_param_group__1eEHC .params_format_param_list__4bGqo{margin-top:0;transition:all .3s ease-in-out}.params_format_param_group__1eEHC.params_folded__G0r1T .params_format_param_list__4bGqo{height:0;margin:0;overflow:hidden}.params_format_param_group_arrow__Bz-os{color:#cbcdd5;font-size:14px;margin-left:16px;margin-right:-2px;transition:all .2s}.params_format_param_group_name__ubD2N:hover .params_format_param_group_arrow__Bz-os{color:inherit}.params_format_param_group__1eEHC.params_folded__G0r1T .params_format_param_group_fold_arrow__en8L5{transform:rotate(180deg)}.params_format_param_group_name__ubD2N .params_cb_label__1Zi0o{margin:0;vertical-align:top}.params_format_param_group_icon__4gzgf{color:var(--turquoise);margin-right:8px}.params_format_param_group_value__UQg-2{color:var(--grey-2);font-size:12px;font-weight:400;margin-left:10px;text-align:right}.params_format_param__1jqGn{flex:1 1 100%;margin:10px 7px}.params_format_param__1jqGn.params_w_l__S9P3M{flex:0 1 calc(66.66% - 14px);width:calc(66.66% - 14px)}.params_format_param__1jqGn.params_w_m__aeHcl{flex:0 1 calc(50% - 14px);width:calc(50% - 14px)}.params_format_param__1jqGn.params_w_s__FNsIo{flex:0 1 calc(33.33% - 14px);width:calc(33.33% - 14px)}.params_format_param__1jqGn .params_form_block_label__5Lsnl{color:var(--grey-0);font-size:14px;font-weight:500;line-height:1.3}.params_format_param__1jqGn .params_form_block__qonSO{margin-bottom:0}.params_format_param__1jqGn .params_form_block__qonSO+.params_form_block__qonSO{margin-top:10px}.params_format_param__1jqGn .params_custom_input_sub_desc__ctnx6,.params_format_param__1jqGn .params_form_block_description__y-MBE{color:var(--grey-2);font-size:13px}.params_format_param_break__51mW8{flex:1 1 100%}.params_format_param_label_device__t9mFp{color:var(--grey-3);font-size:10px;margin-left:3px}.params_format_param__1jqGn .params_tox-tinymce__whDPH{border-color:var(--main-border-color)}.params_format_param__1jqGn .params_tox__DuihP .params_tox-toolbar__nL2fR{background:none;border-bottom:1px solid var(--main-border-color)}.params_format_param__1jqGn .params_tox__DuihP .params_tox-tbtn__VuW9Y{height:28px;width:28px}.params_format_param__1jqGn .params_tox__DuihP .params_tox-tbtn--select__qNund{width:auto}.params_format_param__1jqGn .params_tox__DuihP .params_tox-tbtn__VuW9Y svg{fill:var(--grey-1)}.params_format_param__1jqGn .params_tox__DuihP .params_tox-edit-area__iframe__CG3Mn{background:var(--input-bg)}.params_format_param_list__4bGqo .params_tabs__zR8AH{color:var(--grey-0);font-size:14px}.params_format_param_breadcrumb__2kBuY{border-bottom:1px solid var(--main-border-color);color:var(--grey-0);font-size:14px;font-weight:500;padding-bottom:8px}.params_format_param_breadcrumb__2kBuY>li{display:inline-block;vertical-align:top}.params_format_param_breadcrumb__2kBuY>li+li:before{color:#acafc0;content:"\f054";display:inline-block;font-family:Font Awesome\ 5 Free;font-size:10px;font-weight:900;height:14px;line-height:14px;margin:0 8px;text-align:center;vertical-align:middle;width:10px}.params_format_param_breadcrumb__2kBuY a{border-radius:3px;cursor:pointer;margin:0 -5px;padding:3px 5px;transition:background .2s}.params_format_param_breadcrumb__2kBuY a.params_active__Z4XUq{color:#006fff}.params_format_param_breadcrumb__2kBuY a:focus,.params_format_param_breadcrumb__2kBuY a:hover{background:#f5f6f8}.params_format_param_sep__nKHZ6{border-top:1px solid var(--main-border-color)}
 
 /*!
  * animate.css -http://daneden.me/animate