stp-ui-kit 0.0.8 → 0.0.10

package/dist/style.css

@@ -1 +1 @@
-._shadow-0_18a99_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_18a99_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_18a99_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_18a99_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_18a99_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_18a99_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_18a99_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._typography_18a99_29{all:unset;display:block}._heading-xl_18a99_34{font-size:30px;line-height:40px;font-weight:700;letter-spacing:-.3px;font-family:Inter;word-wrap:break-word}._heading-lg_18a99_43{font-size:24px;line-height:32px;font-weight:650;letter-spacing:-.2px;font-family:Inter;word-wrap:break-word}._heading-md_18a99_52{font-size:20px;line-height:24px;font-weight:650;letter-spacing:-.2px;font-family:Inter;word-wrap:break-word}._heading-sm_18a99_61{font-size:16px;line-height:20px;font-weight:650;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._heading-xs_18a99_70{font-size:14px;line-height:20px;font-weight:650;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._body-lg_18a99_79{font-size:16px;line-height:24px;font-weight:450;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._body-md_18a99_88{font-size:14px;line-height:20px;font-weight:450;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._body-sm_18a99_97{font-size:12px;line-height:16px;font-weight:450;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._shadow-0_cgftc_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_cgftc_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_cgftc_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_cgftc_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_cgftc_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_cgftc_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_cgftc_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._container_cgftc_29{width:100%;display:flex;flex-direction:row;border-radius:8px}@media (max-width: 700px){._container_cgftc_29{flex-direction:column}}._container_cgftc_29 ._content_cgftc_40{flex:1;padding:24px;display:flex;flex-direction:column;gap:24px}@media (max-width: 700px){._container_cgftc_29 ._content_cgftc_40{justify-content:center}}@media (max-width: 480px){._container_cgftc_29 ._content_cgftc_40{gap:20px}}._container_cgftc_29 ._content_cgftc_40 ._title_cgftc_57{display:flex;flex-direction:column;gap:8px;color:#fff}@media (max-width: 700px){._container_cgftc_29 ._content_cgftc_40 ._title_cgftc_57{text-align:center}}._container_cgftc_29 ._content_cgftc_40 ._timer_cgftc_68{display:flex;flex-direction:row;align-items:center;gap:16px;color:#fff}@media (max-width: 700px){._container_cgftc_29 ._content_cgftc_40 ._timer_cgftc_68{justify-content:center}}._container_cgftc_29 ._content_cgftc_40 ._timer_cgftc_68 ._timerCell_cgftc_80{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}._container_cgftc_29 ._content_cgftc_40 ._timer_cgftc_68 ._timerCell_cgftc_80 ._timerCount_cgftc_87{width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:#2e1065;border-radius:50%}@media (max-width: 480px){._container_cgftc_29 ._content_cgftc_40 ._timer_cgftc_68 ._timerCell_cgftc_80 ._timerCount_cgftc_87{width:50px;height:50px}}._container_cgftc_29 ._pattern_cgftc_102{flex:1;border-top-right-radius:8px;border-bottom-right-radius:8px;background:linear-gradient(to right,var(--pattern-color),transparent 160px),var(--pattern-url);background-repeat:repeat;background-size:auto;background-position-y:center;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width: 700px){._container_cgftc_29 ._pattern_cgftc_102{background:linear-gradient(to bottom,var(--pattern-color),transparent 80px),var(--pattern-url);flex:auto;height:120px}}@media (max-width: 480px){._container_cgftc_29 ._pattern_cgftc_102{background:linear-gradient(to bottom,var(--pattern-color),transparent 60px),var(--pattern-url);flex:auto;height:80px}}._container_cgftc_29 ._pattern_cgftc_102 ._button_cgftc_129{text-align:center;border:none;padding:16px 64px;color:#042f2e;border-radius:100px}@media (max-width: 480px){._container_cgftc_29 ._pattern_cgftc_102 ._button_cgftc_129{padding:12px 40px}}._shadow-0_12gio_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_12gio_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_12gio_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_12gio_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_12gio_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_12gio_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_12gio_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._btn_12gio_29{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;padding:0;margin:0;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:4px;cursor:pointer}._btn_12gio_29._small_12gio_44{padding:3px 7px}._btn_12gio_29._medium_12gio_47{padding:7px 11px}._btn_12gio_29._large_12gio_50{padding:11px 15px}._btn_12gio_29._default_12gio_53{background-color:#fff;border:1px #dee1e7 solid;color:#373a42}._btn_12gio_29._default_12gio_53:hover{background-color:#e4e8ed}._btn_12gio_29._default_12gio_53:active,._btn_12gio_29._default-selected_12gio_64{background-color:#d2d5dc}._btn_12gio_29._default_12gio_53:disabled{background-color:#dee1e7;color:#868892}._btn_12gio_29._primary_12gio_71{background-color:#2563eb;color:#fff}._btn_12gio_29._primary_12gio_71:hover{background-color:#1d4ed8}._btn_12gio_29._primary_12gio_71:active{background-color:#1e40af}._btn_12gio_29._primary-selected_12gio_81{background-color:#1e3a8a}._btn_12gio_29._primary_12gio_71:disabled{background-color:#b9bcc5}._btn_12gio_29._tertiary_12gio_87{color:#373a42}._btn_12gio_29._tertiary_12gio_87:hover{background-color:#e4e8ed}._btn_12gio_29._tertiary_12gio_87:active,._btn_12gio_29._tertiary-selected_12gio_96{background-color:#d2d5dc}._btn_12gio_29._tertiary_12gio_87:disabled{color:#868892}._btn_12gio_29._plain_12gio_102{padding:0;margin:0;color:#1e40af}._btn_12gio_29._plain_12gio_102:hover{color:#1e3a8a}._btn_12gio_29._plain_12gio_102:active,._btn_12gio_29._plain-selected_12gio_113{color:#172554}._btn_12gio_29._plain_12gio_102:disabled{color:#868892}._shadow-0_1uz1o_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_1uz1o_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_1uz1o_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_1uz1o_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_1uz1o_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_1uz1o_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_1uz1o_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._navigationItem_1uz1o_29{height:36px;padding:8px 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;border-radius:8px}._navigationItem_1uz1o_29 svg{width:20px;height:20px;stroke-width:1.5px;stroke:#52545d}._navigationItem_1uz1o_29 ._container_1uz1o_45{display:flex;flex-direction:row;gap:8px;align-items:center}._navigationItem_1uz1o_29 ._container_1uz1o_45 ._IconContainer_1uz1o_51{display:flex;flex-direction:row;align-items:center;position:relative}._navigationItem_1uz1o_29 ._container_1uz1o_45 ._IconContainer_1uz1o_51 ._ParentLine_1uz1o_57{position:absolute;bottom:-12px;left:50%;transform:translate(-1px,-50%)}._navigationItem_1uz1o_29 ._container_1uz1o_45 ._IconContainer_1uz1o_51 svg{width:20px;height:20px;stroke-width:1.5px;stroke:#52545d}._navigationItem_1uz1o_29 ._secondaryIcon_1uz1o_69{display:flex;flex-direction:row;align-items:center}._navigationItem_1uz1o_29:hover{background-color:#f8f9fa;border-radius:8px;color:#373a42;cursor:pointer}._navigationItem_1uz1o_29._active_1uz1o_80{background-color:#fff;border-radius:8px}._navigationItem_1uz1o_29._active_1uz1o_80:hover{cursor:default}._collapsed_1uz1o_88{display:none}._label_1uz1o_92{max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._shadow-0_i9cnp_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_i9cnp_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_i9cnp_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_i9cnp_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_i9cnp_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_i9cnp_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_i9cnp_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._ArrowContainer_i9cnp_29{display:flex;flex-direction:row;height:36px;padding-left:12px;color:#6c6e78;stroke:#868892}._ArrowContainer_i9cnp_29:hover{background-color:#f8f9fa;border-radius:8px;color:#373a42;stroke:#52545d;cursor:pointer}._ArrowContainer_i9cnp_29._active_i9cnp_44{background-color:#fff;border-radius:8px;color:#373a42;stroke:#52545d}._ArrowContainer_i9cnp_29._active_i9cnp_44:hover{cursor:default}._arrowBlock_i9cnp_54{width:20px}._isOpen_i9cnp_58{background-color:#e4e8ed}._closed_i9cnp_62{background-color:#fff}._shadow-0_17ds0_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_17ds0_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_17ds0_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_17ds0_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_17ds0_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_17ds0_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_17ds0_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._ArrowContainer_17ds0_29{display:flex;flex-direction:row;height:36px;padding-left:12px;color:#6c6e78;stroke:#868892}._ArrowContainer_17ds0_29 ._iconCheck_17ds0_37{stroke:#1e40af}._ArrowContainer_17ds0_29:hover{background-color:#f8f9fa;border-radius:8px;color:#373a42;stroke:#52545d;cursor:pointer}._ArrowContainer_17ds0_29._active_17ds0_47{background-color:#fff;border-radius:8px;color:#373a42;stroke:#52545d}._ArrowContainer_17ds0_29._active_17ds0_47:hover{cursor:default}._arrowBlock_17ds0_57{width:20px}._isOpen_17ds0_61{background-color:#e4e8ed}._closed_17ds0_65{background-color:#fff}._shadow-0_tmvlz_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_tmvlz_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_tmvlz_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_tmvlz_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_tmvlz_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_tmvlz_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_tmvlz_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._emptyContainer_tmvlz_29{margin:0 auto;width:100%;max-width:548px;padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:24px;background-color:#fff;border:1px solid #dee1e7;border-radius:8px;text-align:center;color:#373a42}@media (max-width: 480px){._emptyContainer_tmvlz_29{border:0}}@media (max-width: 480px){._emptyContainer_tmvlz_29{padding:40px 0}}._imageContent_tmvlz_55{align-self:center;width:200px;height:160px;object-fit:contain}._content_tmvlz_62{display:flex;flex-direction:column;gap:8px;text-align:center}._buttonContent_tmvlz_69{display:flex;justify-content:center;align-items:center;gap:8px}@media (max-width: 480px){._buttonContent_tmvlz_69{flex-direction:column-reverse;width:100%}._buttonContent_tmvlz_69 button{width:100%}}._mobile_tmvlz_85,._desktop_tmvlz_86{display:none}@media (max-width: 480px){._mobile_tmvlz_85{display:block}}@media (min-width: 480px){._desktop_tmvlz_86{display:block}}._shadow-0_96xeh_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_96xeh_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_96xeh_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_96xeh_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_96xeh_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_96xeh_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_96xeh_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._formItem_96xeh_29{display:flex;flex-direction:column;gap:4px;width:100%}._critical_96xeh_36{color:#991b1b}._message_96xeh_40{display:flex;flex-direction:row;align-items:center;gap:4px}._message_96xeh_40._error_96xeh_46{color:#991b1b}._label_96xeh_50{color:#373a42}._label_96xeh_50._disabled_96xeh_53{color:#868892}._label_96xeh_50._readOnly_96xeh_56{color:#6c6e78}._input_96xeh_60{outline:none;padding:12px 8px;background-color:#fff;border:1px solid #b9bcc5;border-radius:8px;transition:border .2s;color:#6c6e78}._input_96xeh_60:hover{background-color:#f1f3f6}._input_96xeh_60:focus{background-color:#fff;border:1px solid #6c6e78!important}._input_96xeh_60._disabled_96xeh_53{background-color:#dee1e7;border:1px solid #dee1e7!important;color:#868892}._input_96xeh_60._readOnly_96xeh_56{background-color:#dee1e7;border:1px solid #dee1e7!important;color:#6c6e78}._input_96xeh_60._error_96xeh_46{background-color:#fef2f2;border:1px solid #b91c1c!important;color:#6c6e78}select._input_96xeh_60{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;background-size:16px 16px;cursor:pointer}._shadow-0_z8qng_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_z8qng_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_z8qng_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_z8qng_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_z8qng_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_z8qng_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_z8qng_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._btn_z8qng_29{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;padding:0;margin:0;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._btn_z8qng_29._small_z8qng_42{padding:3px}._btn_z8qng_29._medium_z8qng_45{padding:7px}._btn_z8qng_29._large_z8qng_48{padding:11px}._btn_z8qng_29._default_z8qng_51{background-color:#fff;border:1px #dee1e7 solid;color:#373a42}._btn_z8qng_29._default_z8qng_51:hover{background-color:#e4e8ed}._btn_z8qng_29._default_z8qng_51:active,._btn_z8qng_29._default-selected_z8qng_62{background-color:#d2d5dc}._btn_z8qng_29._default_z8qng_51:disabled{background-color:#dee1e7;color:#868892}._btn_z8qng_29._primary_z8qng_69{background-color:#2563eb;color:#fff}._btn_z8qng_29._primary_z8qng_69:hover{background-color:#1d4ed8}._btn_z8qng_29._primary_z8qng_69:active{background-color:#1e40af}._btn_z8qng_29._primary-selected_z8qng_79{background-color:#1e3a8a}._btn_z8qng_29._primary_z8qng_69:disabled{background-color:#b9bcc5}._btn_z8qng_29._tertiary_z8qng_85{color:#373a42}._btn_z8qng_29._tertiary_z8qng_85:hover{background-color:#e4e8ed}._btn_z8qng_29._tertiary_z8qng_85:active,._btn_z8qng_29._tertiary-selected_z8qng_94{background-color:#d2d5dc}._btn_z8qng_29._tertiary_z8qng_85:disabled{color:#868892}._btn_z8qng_29._plain_z8qng_100{padding:0;margin:0;color:#1e40af}._btn_z8qng_29._plain_z8qng_100:hover{color:#1e3a8a}._btn_z8qng_29._plain_z8qng_100:active,._btn_z8qng_29._plain-selected_z8qng_111{color:#172554}._btn_z8qng_29._plain_z8qng_100:disabled{color:#868892}._shadow-0_1pbrs_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_1pbrs_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_1pbrs_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_1pbrs_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_1pbrs_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_1pbrs_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_1pbrs_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._modalLayout_1pbrs_29{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;background-color:#00000030;z-index:250}._modalContainer_1pbrs_40{background-color:#fff;border-radius:8px;max-width:524px;width:100%;overflow:hidden;display:flex;flex-direction:column;transform:translateY(0);transition:transform .3s ease}@media (max-width: 700px){._modalContainer_1pbrs_40{position:absolute;bottom:0;left:0;right:0;max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;transform:translateY(100%);animation:_slideUp_1pbrs_1 .3s ease forwards}}._modalContainer_1pbrs_40 ._header_1pbrs_64{padding:12px 16px;background-color:#f1f3f6;border-bottom:1px solid #dee1e7;display:flex;align-items:center;justify-content:space-between;gap:16px}._modalContainer_1pbrs_40 ._header_1pbrs_64 ._title_1pbrs_73{display:flex;align-items:center;gap:8px}._modalContainer_1pbrs_40 ._header_1pbrs_64 ._close_1pbrs_78{background-color:#fff;border:1px solid #dee1e7}@media (max-width: 700px){._modalContainer_1pbrs_40 ._header_1pbrs_64{padding:24px 16px;background-color:#fff}}._modalContainer_1pbrs_40 ._content_1pbrs_88{padding:12px}@media (max-width: 700px){._modalContainer_1pbrs_40 ._content_1pbrs_88{padding:16px}}._modalContainer_1pbrs_40 ._footer_1pbrs_96{padding:12px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:end}@media (max-width: 700px){._modalContainer_1pbrs_40 ._footer_1pbrs_96{flex-direction:column;justify-content:baseline}._modalContainer_1pbrs_40 ._footer_1pbrs_96 button{width:100%}}@keyframes _slideUp_1pbrs_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._tone-critical_1pbrs_122 ._header_1pbrs_64{background-color:#fef2f2}._tone-warning_1pbrs_126 ._header_1pbrs_64{background-color:#fffbeb}._critical_1pbrs_130{color:#991b1b}._warning_1pbrs_134{color:#b45309}._shadow-0_1lrq1_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_1lrq1_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_1lrq1_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_1lrq1_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_1lrq1_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_1lrq1_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_1lrq1_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._pageHeader_1lrq1_29{width:100%;padding-bottom:24px}@media (max-width: 480px){._pageHeader_1lrq1_29{padding-bottom:16px}}._pageHeader_1lrq1_29 ._mg_1lrq1_38,._pageHeader_1lrq1_29 ._lg_1lrq1_39{display:none}@media (max-width: 480px){._pageHeader_1lrq1_29 ._mg_1lrq1_38{display:block}}@media (min-width: 480px){._pageHeader_1lrq1_29 ._lg_1lrq1_39{display:block}}._shadow-0_1g19z_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_1g19z_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_1g19z_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_1g19z_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_1g19z_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_1g19z_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_1g19z_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._container_1g19z_29{width:100%;display:flex;flex-direction:column;gap:4px}._container_1g19z_29 ._line_1g19z_35{width:100%;height:4px;border-radius:8px;background-color:#b9bcc5}._container_1g19z_29 ._line_1g19z_35 ._progress_1g19z_41{height:4px;border-radius:8px;background-color:#2563eb}._shadow-0_1gn8d_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_1gn8d_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_1gn8d_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_1gn8d_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_1gn8d_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_1gn8d_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_1gn8d_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._container_1gn8d_29{width:100%;padding-bottom:16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}._notMobile_1gn8d_38{display:block}@media (max-width: 480px){._notMobile_1gn8d_38{display:none}}._mobile_1gn8d_47{display:none}@media (max-width: 480px){._mobile_1gn8d_47{display:block}}._shadow-0_mj0hz_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_mj0hz_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_mj0hz_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_mj0hz_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_mj0hz_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_mj0hz_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_mj0hz_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._tooltipWrapper_mj0hz_29{position:relative;display:inline-block;cursor:pointer}._tooltipWrapper_mj0hz_29._underline_mj0hz_34{border-bottom:1px dotted currentColor}._tooltip_mj0hz_29{position:absolute;background-color:#444750;color:#fff;padding:4px 8px;border-radius:8px;box-shadow:"0 1px 0 0 #1A1A1A12";z-index:400;pointer-events:auto;width:auto;text-align:center}._tooltip_mj0hz_29:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:10px;border-style:solid}._tooltip-position-above_mj0hz_58{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px}._tooltip-position-above_mj0hz_58:after{top:100%;border-color:#444750 transparent transparent transparent}._tooltip-position-below_mj0hz_68{top:100%;left:50%;transform:translate(-50%);margin-top:12px}._tooltip-position-below_mj0hz_68:after{bottom:100%;border-color:transparent transparent #444750 transparent}._tooltip-position-cover_mj0hz_78{top:0;left:0;width:100%;text-align:center;padding:8px;border-radius:8px}._tooltip-position-cover_mj0hz_78:after{display:none}._shadow-0_xnlee_1{box-shadow:"0 0 0 0 #00000000"}._shadow-100_xnlee_5{box-shadow:"0 1px 0 0 #1A1A1A12"}._shadow-200_xnlee_9{box-shadow:"0 3px 1px -1px #1A1A1A12"}._shadow-300_xnlee_13{box-shadow:"0 4px 6px -2px #1A1A1A33"}._shadow-400_xnlee_17{box-shadow:"0 8px 16 -4px #1A1A1A38"}._shadow-500_xnlee_21{box-shadow:"0 12px 20px -8px #1A1A1A3D"}._shadow-600_xnlee_25{box-shadow:"0 20px 20px -8px #1A1A1A47"}._topBar_xnlee_29{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;gap:24px;padding-bottom:52px;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}._topBar_xnlee_29::-webkit-scrollbar{display:none}._topBar_xnlee_29:after{content:"";position:absolute;z-index:2;left:0;bottom:43px;width:100%;height:1px;background-color:#dee1e7}@media (max-width: 700px){._topBar_xnlee_29:after{bottom:35px}}@media (max-width: 700px){._topBar_xnlee_29{gap:12px;padding-bottom:44px}}._topBar_xnlee_29 ._section_xnlee_66{position:relative;cursor:pointer;transition:color .3s ease-in-out;color:#6c6e78}@media (max-width: 480px){._topBar_xnlee_29 ._section_xnlee_66._scretched_xnlee_73{flex:1;text-align:center}}._topBar_xnlee_29 ._section_xnlee_66:after{content:"";position:absolute;bottom:-8px;left:50%;width:0;height:3px;border-top-right-radius:8px;border-top-left-radius:8px;background-color:#2563eb;transition:width .4s ease-in-out,left .4s ease-in-out,background-color .2s ease-in-out}._topBar_xnlee_29 ._section_xnlee_66._active_xnlee_90{color:#373a42}._topBar_xnlee_29 ._section_xnlee_66._active_xnlee_90:after{width:100%;left:0;background-color:#2563eb}._sm_xnlee_99,._md_xnlee_100,._lg_xnlee_101{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){._sm_xnlee_99{display:block}}@media (min-width: 480px){._md_xnlee_100{display:block}}
+._shadow-0_1eofx_1{box-shadow:0 0 #0000}._shadow-100_1eofx_5{box-shadow:0 1px #1a1a1a12}._shadow-200_1eofx_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_1eofx_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_1eofx_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_1eofx_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_1eofx_25{box-shadow:0 20px 20px -8px #1a1a1a47}._typography_1eofx_29{all:unset;display:block}._heading-xl_1eofx_34{font-size:30px;line-height:40px;font-weight:700;letter-spacing:-.3px;font-family:Inter;word-wrap:break-word}._heading-lg_1eofx_43{font-size:24px;line-height:32px;font-weight:650;letter-spacing:-.2px;font-family:Inter;word-wrap:break-word}._heading-md_1eofx_52{font-size:20px;line-height:24px;font-weight:650;letter-spacing:-.2px;font-family:Inter;word-wrap:break-word}._heading-sm_1eofx_61{font-size:16px;line-height:20px;font-weight:650;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._heading-xs_1eofx_70{font-size:14px;line-height:20px;font-weight:650;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._body-lg_1eofx_79{font-size:16px;line-height:24px;font-weight:450;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._body-md_1eofx_88{font-size:14px;line-height:20px;font-weight:450;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._body-sm_1eofx_97{font-size:12px;line-height:16px;font-weight:450;letter-spacing:0px;font-family:Inter;word-wrap:break-word}._shadow-0_1t90t_1{box-shadow:0 0 #0000}._shadow-100_1t90t_5{box-shadow:0 1px #1a1a1a12}._shadow-200_1t90t_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_1t90t_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_1t90t_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_1t90t_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_1t90t_25{box-shadow:0 20px 20px -8px #1a1a1a47}._container_1t90t_29{width:100%;display:flex;flex-direction:row;border-radius:8px}@media (max-width: 700px){._container_1t90t_29{flex-direction:column}}._container_1t90t_29 ._content_1t90t_40{flex:1;padding:24px;display:flex;flex-direction:column;gap:24px}@media (max-width: 700px){._container_1t90t_29 ._content_1t90t_40{justify-content:center}}@media (max-width: 480px){._container_1t90t_29 ._content_1t90t_40{gap:20px}}._container_1t90t_29 ._content_1t90t_40 ._title_1t90t_57{display:flex;flex-direction:column;gap:8px;color:#fff}@media (max-width: 700px){._container_1t90t_29 ._content_1t90t_40 ._title_1t90t_57{text-align:center}}._container_1t90t_29 ._content_1t90t_40 ._timer_1t90t_68{display:flex;flex-direction:row;align-items:center;gap:16px;color:#fff}@media (max-width: 700px){._container_1t90t_29 ._content_1t90t_40 ._timer_1t90t_68{justify-content:center}}._container_1t90t_29 ._content_1t90t_40 ._timer_1t90t_68 ._timerCell_1t90t_80{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center}._container_1t90t_29 ._content_1t90t_40 ._timer_1t90t_68 ._timerCell_1t90t_80 ._timerCount_1t90t_87{width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:#2e1065;border-radius:50%}@media (max-width: 480px){._container_1t90t_29 ._content_1t90t_40 ._timer_1t90t_68 ._timerCell_1t90t_80 ._timerCount_1t90t_87{width:50px;height:50px}}._container_1t90t_29 ._pattern_1t90t_102{flex:1;border-top-right-radius:8px;border-bottom-right-radius:8px;background:linear-gradient(to right,var(--pattern-color),transparent 160px),var(--pattern-url);background-repeat:repeat;background-size:auto;background-position-y:center;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width: 700px){._container_1t90t_29 ._pattern_1t90t_102{background:linear-gradient(to bottom,var(--pattern-color),transparent 80px),var(--pattern-url);flex:auto;height:120px}}@media (max-width: 480px){._container_1t90t_29 ._pattern_1t90t_102{background:linear-gradient(to bottom,var(--pattern-color),transparent 60px),var(--pattern-url);flex:auto;height:80px}}._container_1t90t_29 ._pattern_1t90t_102 ._button_1t90t_129{text-align:center;border:none;padding:16px 64px;color:#042f2e;border-radius:100px}@media (max-width: 480px){._container_1t90t_29 ._pattern_1t90t_102 ._button_1t90t_129{padding:12px 40px}}._shadow-0_3gqyo_1{box-shadow:0 0 #0000}._shadow-100_3gqyo_5{box-shadow:0 1px #1a1a1a12}._shadow-200_3gqyo_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_3gqyo_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_3gqyo_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_3gqyo_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_3gqyo_25{box-shadow:0 20px 20px -8px #1a1a1a47}._btn_3gqyo_29{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;padding:0;margin:0;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:4px;cursor:pointer}._btn_3gqyo_29._small_3gqyo_44{padding:3px 7px}._btn_3gqyo_29._medium_3gqyo_47{padding:7px 11px}._btn_3gqyo_29._large_3gqyo_50{padding:11px 15px}._btn_3gqyo_29._default_3gqyo_53{background-color:#fff;border:1px #dee1e7 solid;color:#373a42}._btn_3gqyo_29._default_3gqyo_53:hover{background-color:#e4e8ed}._btn_3gqyo_29._default_3gqyo_53:active,._btn_3gqyo_29._default-selected_3gqyo_64{background-color:#d2d5dc}._btn_3gqyo_29._default_3gqyo_53:disabled{background-color:#dee1e7;color:#868892}._btn_3gqyo_29._primary_3gqyo_71{background-color:#2563eb;color:#fff}._btn_3gqyo_29._primary_3gqyo_71:hover{background-color:#1d4ed8}._btn_3gqyo_29._primary_3gqyo_71:active{background-color:#1e40af}._btn_3gqyo_29._primary-selected_3gqyo_81{background-color:#1e3a8a}._btn_3gqyo_29._primary_3gqyo_71:disabled{background-color:#b9bcc5}._btn_3gqyo_29._tertiary_3gqyo_87{color:#373a42}._btn_3gqyo_29._tertiary_3gqyo_87:hover{background-color:#e4e8ed}._btn_3gqyo_29._tertiary_3gqyo_87:active,._btn_3gqyo_29._tertiary-selected_3gqyo_96{background-color:#d2d5dc}._btn_3gqyo_29._tertiary_3gqyo_87:disabled{color:#868892}._btn_3gqyo_29._plain_3gqyo_102{padding:0;margin:0;color:#1e40af}._btn_3gqyo_29._plain_3gqyo_102:hover{color:#1e3a8a}._btn_3gqyo_29._plain_3gqyo_102:active,._btn_3gqyo_29._plain-selected_3gqyo_113{color:#172554}._btn_3gqyo_29._plain_3gqyo_102:disabled{color:#868892}._shadow-0_1epug_1{box-shadow:0 0 #0000}._shadow-100_1epug_5{box-shadow:0 1px #1a1a1a12}._shadow-200_1epug_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_1epug_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_1epug_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_1epug_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_1epug_25{box-shadow:0 20px 20px -8px #1a1a1a47}._navigationItem_1epug_29{height:36px;padding:8px 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;border-radius:8px}._navigationItem_1epug_29 svg{width:20px;height:20px;stroke-width:1.5px;stroke:#52545d}._navigationItem_1epug_29 ._container_1epug_45{display:flex;flex-direction:row;gap:8px;align-items:center}._navigationItem_1epug_29 ._container_1epug_45 ._IconContainer_1epug_51{display:flex;flex-direction:row;align-items:center;position:relative}._navigationItem_1epug_29 ._container_1epug_45 ._IconContainer_1epug_51 ._ParentLine_1epug_57{position:absolute;bottom:-12px;left:50%;transform:translate(-1px,-50%)}._navigationItem_1epug_29 ._container_1epug_45 ._IconContainer_1epug_51 svg{width:20px;height:20px;stroke-width:1.5px;stroke:#52545d}._navigationItem_1epug_29 ._secondaryIcon_1epug_69{display:flex;flex-direction:row;align-items:center}._navigationItem_1epug_29:hover{background-color:#f8f9fa;border-radius:8px;color:#373a42;cursor:pointer}._navigationItem_1epug_29._active_1epug_80{background-color:#fff;border-radius:8px}._navigationItem_1epug_29._active_1epug_80:hover{cursor:default}._collapsed_1epug_88{display:none}._label_1epug_92{max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._shadow-0_c31d3_1{box-shadow:0 0 #0000}._shadow-100_c31d3_5{box-shadow:0 1px #1a1a1a12}._shadow-200_c31d3_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_c31d3_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_c31d3_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_c31d3_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_c31d3_25{box-shadow:0 20px 20px -8px #1a1a1a47}._ArrowContainer_c31d3_29{display:flex;flex-direction:row;height:36px;padding-left:12px;color:#6c6e78;stroke:#868892}._ArrowContainer_c31d3_29:hover{background-color:#f8f9fa;border-radius:8px;color:#373a42;stroke:#52545d;cursor:pointer}._ArrowContainer_c31d3_29._active_c31d3_44{background-color:#fff;border-radius:8px;color:#373a42;stroke:#52545d}._ArrowContainer_c31d3_29._active_c31d3_44:hover{cursor:default}._arrowBlock_c31d3_54{width:20px}._isOpen_c31d3_58{background-color:#e4e8ed}._closed_c31d3_62{background-color:#fff}._shadow-0_uctxv_1{box-shadow:0 0 #0000}._shadow-100_uctxv_5{box-shadow:0 1px #1a1a1a12}._shadow-200_uctxv_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_uctxv_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_uctxv_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_uctxv_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_uctxv_25{box-shadow:0 20px 20px -8px #1a1a1a47}._ArrowContainer_uctxv_29{display:flex;flex-direction:row;height:36px;padding-left:12px;color:#6c6e78;stroke:#868892}._ArrowContainer_uctxv_29 ._iconCheck_uctxv_37{stroke:#1e40af}._ArrowContainer_uctxv_29:hover{background-color:#f8f9fa;border-radius:8px;color:#373a42;stroke:#52545d;cursor:pointer}._ArrowContainer_uctxv_29._active_uctxv_47{background-color:#fff;border-radius:8px;color:#373a42;stroke:#52545d}._ArrowContainer_uctxv_29._active_uctxv_47:hover{cursor:default}._arrowBlock_uctxv_57{width:20px}._isOpen_uctxv_61{background-color:#e4e8ed}._closed_uctxv_65{background-color:#fff}._shadow-0_12l8u_1{box-shadow:0 0 #0000}._shadow-100_12l8u_5{box-shadow:0 1px #1a1a1a12}._shadow-200_12l8u_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_12l8u_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_12l8u_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_12l8u_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_12l8u_25{box-shadow:0 20px 20px -8px #1a1a1a47}._emptyContainer_12l8u_29{margin:0 auto;width:100%;max-width:548px;padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:24px;background-color:#fff;border:1px solid #dee1e7;border-radius:8px;text-align:center;color:#373a42}@media (max-width: 480px){._emptyContainer_12l8u_29{border:0}}@media (max-width: 480px){._emptyContainer_12l8u_29{padding:40px 0}}._imageContent_12l8u_55{align-self:center;width:200px;height:160px;object-fit:contain}._content_12l8u_62{display:flex;flex-direction:column;gap:8px;text-align:center}._buttonContent_12l8u_69{display:flex;justify-content:center;align-items:center;gap:8px}@media (max-width: 480px){._buttonContent_12l8u_69{flex-direction:column-reverse;width:100%}._buttonContent_12l8u_69 button{width:100%}}._mobile_12l8u_85,._desktop_12l8u_86{display:none}@media (max-width: 480px){._mobile_12l8u_85{display:block}}@media (min-width: 480px){._desktop_12l8u_86{display:block}}._shadow-0_znkaq_1{box-shadow:0 0 #0000}._shadow-100_znkaq_5{box-shadow:0 1px #1a1a1a12}._shadow-200_znkaq_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_znkaq_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_znkaq_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_znkaq_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_znkaq_25{box-shadow:0 20px 20px -8px #1a1a1a47}._formItem_znkaq_29{display:flex;flex-direction:column;gap:4px;width:100%}._critical_znkaq_36{color:#991b1b}._message_znkaq_40{display:flex;flex-direction:row;align-items:center;gap:4px}._message_znkaq_40._error_znkaq_46{color:#991b1b}._label_znkaq_50{color:#373a42}._label_znkaq_50._disabled_znkaq_53{color:#868892}._label_znkaq_50._readOnly_znkaq_56{color:#6c6e78}._input_znkaq_60{outline:none;padding:12px 8px;background-color:#fff;border:1px solid #b9bcc5;border-radius:8px;transition:border .2s;color:#6c6e78}._input_znkaq_60:hover{background-color:#f1f3f6}._input_znkaq_60:focus{background-color:#fff;border:1px solid #6c6e78!important}._input_znkaq_60._disabled_znkaq_53{background-color:#dee1e7;border:1px solid #dee1e7!important;color:#868892}._input_znkaq_60._readOnly_znkaq_56{background-color:#dee1e7;border:1px solid #dee1e7!important;color:#6c6e78}._input_znkaq_60._error_znkaq_46{background-color:#dc2626;border:1px solid #b91c1c!important;color:#6c6e78}select._input_znkaq_60{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;background-size:16px 16px;cursor:pointer}._shadow-0_vv6xf_1{box-shadow:0 0 #0000}._shadow-100_vv6xf_5{box-shadow:0 1px #1a1a1a12}._shadow-200_vv6xf_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_vv6xf_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_vv6xf_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_vv6xf_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_vv6xf_25{box-shadow:0 20px 20px -8px #1a1a1a47}._btn_vv6xf_29{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;padding:0;margin:0;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._btn_vv6xf_29._small_vv6xf_42{padding:3px}._btn_vv6xf_29._medium_vv6xf_45{padding:7px}._btn_vv6xf_29._large_vv6xf_48{padding:11px}._btn_vv6xf_29._default_vv6xf_51{background-color:#fff;border:1px #dee1e7 solid;color:#373a42}._btn_vv6xf_29._default_vv6xf_51:hover{background-color:#e4e8ed}._btn_vv6xf_29._default_vv6xf_51:active,._btn_vv6xf_29._default-selected_vv6xf_62{background-color:#d2d5dc}._btn_vv6xf_29._default_vv6xf_51:disabled{background-color:#dee1e7;color:#868892}._btn_vv6xf_29._primary_vv6xf_69{background-color:#2563eb;color:#fff}._btn_vv6xf_29._primary_vv6xf_69:hover{background-color:#1d4ed8}._btn_vv6xf_29._primary_vv6xf_69:active{background-color:#1e40af}._btn_vv6xf_29._primary-selected_vv6xf_79{background-color:#1e3a8a}._btn_vv6xf_29._primary_vv6xf_69:disabled{background-color:#b9bcc5}._btn_vv6xf_29._tertiary_vv6xf_85{color:#373a42}._btn_vv6xf_29._tertiary_vv6xf_85:hover{background-color:#e4e8ed}._btn_vv6xf_29._tertiary_vv6xf_85:active,._btn_vv6xf_29._tertiary-selected_vv6xf_94{background-color:#d2d5dc}._btn_vv6xf_29._tertiary_vv6xf_85:disabled{color:#868892}._btn_vv6xf_29._plain_vv6xf_100{padding:0;margin:0;color:#1e40af}._btn_vv6xf_29._plain_vv6xf_100:hover{color:#1e3a8a}._btn_vv6xf_29._plain_vv6xf_100:active,._btn_vv6xf_29._plain-selected_vv6xf_111{color:#172554}._btn_vv6xf_29._plain_vv6xf_100:disabled{color:#868892}._shadow-0_13r2b_1{box-shadow:0 0 #0000}._shadow-100_13r2b_5{box-shadow:0 1px #1a1a1a12}._shadow-200_13r2b_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_13r2b_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_13r2b_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_13r2b_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_13r2b_25{box-shadow:0 20px 20px -8px #1a1a1a47}._messageContainer_13r2b_29{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000;width:976px}._message_13r2b_29{width:100%;padding:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -2px #1a1a1a33;border-radius:8px}._default_13r2b_50{background-color:#fff}._warning_13r2b_54{background-color:#fffbeb;color:#92400e}._error_13r2b_59{background-color:#fef2f2;color:#991b1b}._critical_13r2b_64{color:#991b1b}._warning_13r2b_54{color:#b45309}._content_13r2b_72{display:flex;flex-direction:row;gap:10px;align-items:center}._shadow-0_1s92h_1{box-shadow:0 0 #0000}._shadow-100_1s92h_5{box-shadow:0 1px #1a1a1a12}._shadow-200_1s92h_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_1s92h_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_1s92h_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_1s92h_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_1s92h_25{box-shadow:0 20px 20px -8px #1a1a1a47}._modalLayout_1s92h_29{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;background-color:#00000030;z-index:250}._modalContainer_1s92h_40{background-color:#fff;border-radius:8px;max-width:524px;width:100%;overflow:hidden;display:flex;flex-direction:column;transform:translateY(0);transition:transform .3s ease}@media (max-width: 700px){._modalContainer_1s92h_40{position:absolute;bottom:0;left:0;right:0;max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;transform:translateY(100%);animation:_slideUp_1s92h_1 .3s ease forwards}}._modalContainer_1s92h_40 ._header_1s92h_64{padding:12px 16px;background-color:#f1f3f6;border-bottom:1px solid #dee1e7;display:flex;align-items:center;justify-content:space-between;gap:16px}._modalContainer_1s92h_40 ._header_1s92h_64 ._title_1s92h_73{display:flex;align-items:center;gap:8px}._modalContainer_1s92h_40 ._header_1s92h_64 ._close_1s92h_78{background-color:#fff;border:1px solid #dee1e7}@media (max-width: 700px){._modalContainer_1s92h_40 ._header_1s92h_64{padding:24px 16px;background-color:#fff}}._modalContainer_1s92h_40 ._content_1s92h_88{padding:12px}@media (max-width: 700px){._modalContainer_1s92h_40 ._content_1s92h_88{padding:16px}}._modalContainer_1s92h_40 ._footer_1s92h_96{padding:12px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:end}@media (max-width: 700px){._modalContainer_1s92h_40 ._footer_1s92h_96{flex-direction:column;justify-content:baseline}._modalContainer_1s92h_40 ._footer_1s92h_96 button{width:100%}}@keyframes _slideUp_1s92h_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._tone-critical_1s92h_122 ._header_1s92h_64{background-color:#fef2f2;color:#991b1b}._tone-critical_1s92h_122 ._footer_1s92h_96 ._primaryButton_1s92h_126{background-color:#dc2626!important}._tone-warning_1s92h_130 ._header_1s92h_64{background-color:#fffbeb;color:#92400e}._tone-warning_1s92h_130 ._footer_1s92h_96 ._primaryButton_1s92h_126{background-color:#fcd34d;color:#451a03}._critical_1s92h_139{color:#991b1b}._warning_1s92h_143{color:#b45309}._shadow-0_oy6lh_1{box-shadow:0 0 #0000}._shadow-100_oy6lh_5{box-shadow:0 1px #1a1a1a12}._shadow-200_oy6lh_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_oy6lh_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_oy6lh_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_oy6lh_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_oy6lh_25{box-shadow:0 20px 20px -8px #1a1a1a47}._pageHeader_oy6lh_29{width:100%;padding-bottom:24px}@media (max-width: 480px){._pageHeader_oy6lh_29{padding-bottom:16px}}._pageHeader_oy6lh_29 ._mg_oy6lh_38,._pageHeader_oy6lh_29 ._lg_oy6lh_39{display:none}@media (max-width: 480px){._pageHeader_oy6lh_29 ._mg_oy6lh_38{display:block}}@media (min-width: 480px){._pageHeader_oy6lh_29 ._lg_oy6lh_39{display:block}}._shadow-0_1qf76_1{box-shadow:0 0 #0000}._shadow-100_1qf76_5{box-shadow:0 1px #1a1a1a12}._shadow-200_1qf76_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_1qf76_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_1qf76_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_1qf76_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_1qf76_25{box-shadow:0 20px 20px -8px #1a1a1a47}._container_1qf76_29{width:100%;display:flex;flex-direction:column;gap:4px}._container_1qf76_29 ._line_1qf76_35{width:100%;height:4px;border-radius:8px;background-color:#b9bcc5}._container_1qf76_29 ._line_1qf76_35 ._progress_1qf76_41{height:4px;border-radius:8px;background-color:#2563eb}._shadow-0_1sj7i_1{box-shadow:0 0 #0000}._shadow-100_1sj7i_5{box-shadow:0 1px #1a1a1a12}._shadow-200_1sj7i_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_1sj7i_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_1sj7i_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_1sj7i_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_1sj7i_25{box-shadow:0 20px 20px -8px #1a1a1a47}._container_1sj7i_29{width:100%;padding-bottom:16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}._notMobile_1sj7i_38{display:block}@media (max-width: 480px){._notMobile_1sj7i_38{display:none}}._mobile_1sj7i_47{display:none}@media (max-width: 480px){._mobile_1sj7i_47{display:block}}._shadow-0_19qf2_1{box-shadow:0 0 #0000}._shadow-100_19qf2_5{box-shadow:0 1px #1a1a1a12}._shadow-200_19qf2_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_19qf2_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_19qf2_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_19qf2_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_19qf2_25{box-shadow:0 20px 20px -8px #1a1a1a47}._td_19qf2_29{vertical-align:middle;white-space:nowrap}._bottomBorder_19qf2_34{border-bottom:1px solid #dee1e7}._label_19qf2_38,._input_19qf2_42{padding:16px}._input_19qf2_42:focus-within{border-bottom:1px solid #6c6e78}._button_19qf2_49,._icon-button_19qf2_53,._checkbox_19qf2_57{padding:8px 16px}._empty_19qf2_61{padding:16px}._icon-label_19qf2_65{padding:8px 16px}tr:last-child ._td_19qf2_29{border-bottom:none}._th_19qf2_73{padding:16px}th{border-bottom:1px solid #dee1e7;text-align:left}._shadow-0_k0y48_1{box-shadow:0 0 #0000}._shadow-100_k0y48_5{box-shadow:0 1px #1a1a1a12}._shadow-200_k0y48_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_k0y48_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_k0y48_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_k0y48_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_k0y48_25{box-shadow:0 20px 20px -8px #1a1a1a47}._tooltipWrapper_k0y48_29{position:relative;display:inline-block;cursor:pointer}._tooltipWrapper_k0y48_29._underline_k0y48_34{border-bottom:1px dotted currentColor}._tooltip_k0y48_29{position:absolute;background-color:#444750;color:#fff;padding:4px 8px;border-radius:8px;box-shadow:0 1px #1a1a1a12;z-index:400;pointer-events:auto;width:auto;text-align:center}._tooltip_k0y48_29:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:10px;border-style:solid}._tooltip-position-above_k0y48_58{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px}._tooltip-position-above_k0y48_58:after{top:100%;border-color:#444750 transparent transparent transparent}._tooltip-position-below_k0y48_68{top:100%;left:50%;transform:translate(-50%);margin-top:12px}._tooltip-position-below_k0y48_68:after{bottom:100%;border-color:transparent transparent #444750 transparent}._tooltip-position-cover_k0y48_78{top:0;left:0;width:100%;text-align:center;padding:8px;border-radius:8px}._tooltip-position-cover_k0y48_78:after{display:none}._shadow-0_18zn9_1{box-shadow:0 0 #0000}._shadow-100_18zn9_5{box-shadow:0 1px #1a1a1a12}._shadow-200_18zn9_9{box-shadow:0 3px 1px -1px #1a1a1a12}._shadow-300_18zn9_13{box-shadow:0 4px 6px -2px #1a1a1a33}._shadow-400_18zn9_17{box-shadow:0 8px 16px -4px #1a1a1a38}._shadow-500_18zn9_21{box-shadow:0 12px 20px -8px #1a1a1a3d}._shadow-600_18zn9_25{box-shadow:0 20px 20px -8px #1a1a1a47}._topBar_18zn9_29{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;gap:24px;padding-bottom:52px;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}._topBar_18zn9_29::-webkit-scrollbar{display:none}._topBar_18zn9_29:after{content:"";position:absolute;z-index:2;left:0;bottom:43px;width:100%;height:1px;background-color:#dee1e7}@media (max-width: 700px){._topBar_18zn9_29:after{bottom:35px}}@media (max-width: 700px){._topBar_18zn9_29{gap:12px;padding-bottom:44px}}._topBar_18zn9_29 ._section_18zn9_66{position:relative;cursor:pointer;transition:color .3s ease-in-out;color:#6c6e78}@media (max-width: 480px){._topBar_18zn9_29 ._section_18zn9_66._scretched_18zn9_73{flex:1;text-align:center}}._topBar_18zn9_29 ._section_18zn9_66:after{content:"";position:absolute;bottom:-8px;left:50%;width:0;height:3px;border-top-right-radius:8px;border-top-left-radius:8px;background-color:#2563eb;transition:width .4s ease-in-out,left .4s ease-in-out,background-color .2s ease-in-out}._topBar_18zn9_29 ._section_18zn9_66._active_18zn9_90{color:#373a42}._topBar_18zn9_29 ._section_18zn9_66._active_18zn9_90:after{width:100%;left:0;background-color:#2563eb}._sm_18zn9_99,._md_18zn9_100,._lg_18zn9_101{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){._sm_18zn9_99{display:block}}@media (min-width: 480px){._md_18zn9_100{display:block}}

package/package.json

@@ -15,7 +15,7 @@
     "access": "public"
   },
   "name": "stp-ui-kit",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -34,11 +34,14 @@
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.0.7",
+    "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
     "i18next": "^24.2.2",
     "immer": "^10.1.1",
     "lucide-react": "^0.511.0",
     "react-router-dom": "^7.6.0",
+    "tailwind-merge": "^3.3.0",
     "tailwindcss": "^4.0.7",
     "vite-plugin-dts": "^4.5.4"
   },
@@ -79,6 +82,7 @@
     "sass": "^1.89.0",
     "storybook": "^8.6.14",
     "tsx": "^4.19.4",
+    "tw-animate-css": "^1.3.1",
     "typescript": "^5.2.2",
     "typescript-eslint": "^7.10.0",
     "vite": "^5.2.0"

package/src/styles/_variables.scss

@@ -32,13 +32,13 @@ $space-2400: 24 * $spacing;
 $space-3200: 32 * $spacing;
 
 // Shadow
-$shadow-0: "0 0 0 0 #00000000";
-$shadow-100: "0 1px 0 0 #1A1A1A12";
-$shadow-200: "0 3px 1px -1px #1A1A1A12";
-$shadow-300: "0 4px 6px -2px #1A1A1A33";
-$shadow-400: "0 8px 16 -4px #1A1A1A38";
-$shadow-500: "0 12px 20px -8px #1A1A1A3D";
-$shadow-600: "0 20px 20px -8px #1A1A1A47";
+$shadow-0: 0 0 0 0 #00000000;
+$shadow-100: 0 1px 0 0 #1a1a1a12;
+$shadow-200: 0 3px 1px -1px #1a1a1a12;
+$shadow-300: 0 4px 6px -2px #1a1a1a33;
+$shadow-400: 0 8px 16px -4px #1a1a1a38;
+$shadow-500: 0 12px 20px -8px #1a1a1a3d;
+$shadow-600: 0 20px 20px -8px #1a1a1a47;
 
 .shadow-0 {
   box-shadow: $shadow-0;
@@ -210,6 +210,8 @@ $text-inverse: $color-neutral-00;
 $text-disabled: $color-neutral-600;
 $text-on-fill-brand: $color-neutral-00;
 $text-critical: $color-red-800;
+$text-warning: $color-amber-800;
+$text-warning-on-bg-fill: $color-amber-950;
 $text-emphasis: $color-blue-800;
 $text-emphasis-hover: $color-blue-900;
 $text-emphasis-on-press: $color-blue-950;
@@ -244,7 +246,7 @@ $fill-brand-hover: $color-blue-700;
 $fill-brand-on-press: $color-blue-800;
 $fill-brand-selected: $color-blue-900;
 $fill-brand-disabled: $color-neutral-400;
-$fill-critical: $color-red-50;
+$fill-warning: $color-amber-300;
 
 $border: $color-neutral-250;
 $border-active: $color-neutral-700;
@@ -273,7 +275,7 @@ $fill-brand-hover: $color-blue-700;
 $fill-brand-on-press: $color-blue-800;
 $fill-brand-selected: $color-blue-900;
 $fill-brand-disabled: $color-neutral-400;
-$fill-critical: $color-red-50;
+$fill-critical: $color-red-600;
 
 $icon: $color-neutral-800;
 $icon-secondary: $color-neutral-600;