@khyxer/fastyui 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/fastyui.css CHANGED
@@ -1,2 +1,1342 @@
1
- :root{--fasty-background:#fff;--fasty-text:#000;--fasty-primary:#2563eb;--fasty-primary-muted:#5ea8fd1a;--fasty-secondary:var(--fasty-background);--fasty-warning:#f59e0b;--fasty-error:#ef4444;--fasty-disabled:#9ca3af;--fasty-disabled-bg:#f3f4f6;--fasty-radius:6px;--fasty-font-size:14px;--fasty-font-weight-normal:400;--fasty-font-weight-bold:600}._button_1xsg4_1{cursor:pointer;font-size:14px;font-weight:var(--fasty-font-weight-normal);will-change:transform;border:1px solid #0000;align-items:center;gap:8px;width:fit-content;transition:background-color .2s,box-shadow .2s,border-radius .3s cubic-bezier(.34,1.56,.64,1);display:flex}._primary_1xsg4_18{background-color:var(--fasty-primary);color:#fff}._primary_1xsg4_18:hover:not(._disabled_1xsg4_23){background-color:#1d4ed8}._primary_1xsg4_18:focus-visible{box-shadow:0 0 0 2px white, 0 0 0 4px var(--fasty-primary);outline:none}._secondary_1xsg4_34{background-color:var(--fasty-secondary);color:var(--fasty-text);border:1px solid #e0e0e0}._secondary_1xsg4_34:hover:not(._disabled_1xsg4_23){background-color:#f9fafb;border-color:#d1d5db}._secondary_1xsg4_34:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #e0e0e0}._warning_1xsg4_52{background-color:var(--fasty-warning);color:#fff}._warning_1xsg4_52:hover:not(._disabled_1xsg4_23){background-color:#ea580c}._warning_1xsg4_52:focus-visible{box-shadow:0 0 0 2px white, 0 0 0 4px var(--fasty-warning);outline:none}._error_1xsg4_68{background-color:var(--fasty-error);color:#fff}._error_1xsg4_68:hover:not(._disabled_1xsg4_23){background-color:#dc2626}._error_1xsg4_68:focus-visible{box-shadow:0 0 0 2px white, 0 0 0 4px var(--fasty-error);outline:none}._disabled_1xsg4_23{pointer-events:none;background-color:var(--fasty-disabled-bg)!important;color:var(--fasty-disabled)!important;cursor:not-allowed!important}._sm_1xsg4_92{border-radius:8px;gap:6px;padding:7px 12px;font-size:12px}._sm_1xsg4_92:hover{border-radius:15px}._lg_1xsg4_103{border-radius:12px;gap:8px;padding:9px 16px;font-size:14px}._lg_1xsg4_103:hover{border-radius:20px}._xl_1xsg4_114{font-size:18px;font-weight:var(--fasty-font-weight-bold);border-radius:16px;gap:10px;padding:12px 20px}._xl_1xsg4_114:hover{border-radius:24px}._input_1ddpd_1{border:1px solid #e0e0e0;border-radius:12px;outline:none;padding:8px 12px;font-size:14px;transition:all .2s ease-in-out}._input_1ddpd_1:focus{box-shadow:0 0 0 2px var(--fasty-background), 0 0 0 3.5px var(--fasty-primary);border-color:var(--fasty-primary);border-radius:20px}._inputWrapper_1ddpd_19{background-color:var(--fasty-background);border:1px solid #e0e0e0;border-radius:12px;align-items:center;transition:all .2s ease-in-out;display:inline-flex;position:relative}._inputWrapper_1ddpd_19:focus-within{box-shadow:0 0 0 2px var(--fasty-background), 0 0 0 3.5px var(--fasty-primary);border-color:var(--fasty-primary);border-radius:20px}._icon_1ddpd_37{color:#666;flex-shrink:0;justify-content:center;align-items:center;padding:0 0 0 8px;display:flex}._eyeButton_1ddpd_46{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px 0 8px;transition:color .2s;display:flex}._eyeButton_1ddpd_46:hover{color:var(--fasty-primary)}._inputWithIcon_1ddpd_63{background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}._sm_1ddpd_72{border-radius:10px;padding:6px 10px;font-size:12px}._sm_1ddpd_72:focus{border-radius:16px}._sm_1ddpd_72._inputWrapper_1ddpd_19:focus-within{border-radius:16px}._sm_1ddpd_72 ._inputWithIcon_1ddpd_63{font-size:12px}._lg_1ddpd_92{border-radius:14px;padding:10px 14px;font-size:16px}._lg_1ddpd_92:focus{border-radius:22px}._lg_1ddpd_92._inputWrapper_1ddpd_19:focus-within{border-radius:22px}._lg_1ddpd_92 ._inputWithIcon_1ddpd_63{font-size:16px}._xl_1ddpd_112{border-radius:16px;padding:12px 16px;font-size:18px}._xl_1ddpd_112:focus{border-radius:24px}._xl_1ddpd_112._inputWrapper_1ddpd_19:focus-within{border-radius:24px}._xl_1ddpd_112 ._inputWithIcon_1ddpd_63{font-size:18px}._card_w8zkq_1{background-color:var(--fasty-background);border:1px solid #e0e0e0;border-radius:12px;padding:12px;box-shadow:0 2px 4px -2px #0000001a}._dashed_w8zkq_9{background-color:#f9f9f9;border-style:dashed}._overlay_1qbeq_1{z-index:999;background-color:#00000080;position:fixed;inset:0}._sheet_1qbeq_8{background-color:var(--fasty-background);z-index:1000;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0003}._sheet_1qbeq_8._right_1qbeq_18{border-radius:12px 0 0 18px;top:0;bottom:0;right:0}._sheet_1qbeq_8._left_1qbeq_25{border-radius:0 12px 18px 0;top:0;bottom:0;left:0}._sheet_1qbeq_8._top_1qbeq_32{border-radius:0 0 18px 12px;top:0;left:0;right:0}._sheet_1qbeq_8._bottom_1qbeq_39{border-radius:12px 18px 0 0;bottom:0;left:0;right:0}._sheet_1qbeq_8._right_1qbeq_18._sm_1qbeq_46,._sheet_1qbeq_8._left_1qbeq_25._sm_1qbeq_46{width:300px;max-width:90vw}._sheet_1qbeq_8._right_1qbeq_18._md_1qbeq_52,._sheet_1qbeq_8._left_1qbeq_25._md_1qbeq_52{width:400px;max-width:90vw}._sheet_1qbeq_8._right_1qbeq_18._lg_1qbeq_58,._sheet_1qbeq_8._left_1qbeq_25._lg_1qbeq_58{width:600px;max-width:90vw}._sheet_1qbeq_8._right_1qbeq_18._xl_1qbeq_64,._sheet_1qbeq_8._left_1qbeq_25._xl_1qbeq_64{width:800px;max-width:90vw}._sheet_1qbeq_8._right_1qbeq_18._full_1qbeq_70,._sheet_1qbeq_8._left_1qbeq_25._full_1qbeq_70{width:100vw}._sheet_1qbeq_8._top_1qbeq_32._sm_1qbeq_46,._sheet_1qbeq_8._bottom_1qbeq_39._sm_1qbeq_46{width:100%;height:300px;max-height:90vh}._sheet_1qbeq_8._top_1qbeq_32._md_1qbeq_52,._sheet_1qbeq_8._bottom_1qbeq_39._md_1qbeq_52{width:100%;height:400px;max-height:90vh}._sheet_1qbeq_8._top_1qbeq_32._lg_1qbeq_58,._sheet_1qbeq_8._bottom_1qbeq_39._lg_1qbeq_58{width:100%;height:600px;max-height:90vh}._sheet_1qbeq_8._top_1qbeq_32._xl_1qbeq_64,._sheet_1qbeq_8._bottom_1qbeq_39._xl_1qbeq_64{width:100%;height:800px;max-height:90vh}._sheet_1qbeq_8._top_1qbeq_32._full_1qbeq_70,._sheet_1qbeq_8._bottom_1qbeq_39._full_1qbeq_70{width:100%;height:100vh}._closeButton_1qbeq_109{cursor:pointer;color:var(--fasty-text);opacity:.6;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;transition:opacity .2s;position:absolute;top:16px;right:16px}._closeButton_1qbeq_109:hover{opacity:1}._header_1pbdy_1{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:flex-start;padding:18px;display:flex}._content_1pbdy_9{flex-direction:column;gap:0;display:flex}._title_1pbdy_15{font-size:24px;font-weight:var(--fasty-font-weight-bold);color:var(--fasty-text);margin:0;line-height:1.3}._description_1pbdy_23{color:#6b7280;margin:8px 0 0;font-size:14px;line-height:.5}._closeButton_1pbdy_30{cursor:pointer;width:40px;height:40px;color:var(--fasty-text);opacity:.6;background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;font-size:24px;line-height:1;transition:all .2s;display:flex}._closeButton_1pbdy_30:hover{opacity:1;background-color:#f0f0f0}._content_n86ez_1{flex:1;padding:18px;overflow-y:auto}._footer_e6jod_1{border-top:1px solid #e0e0e0;padding:18px}._overlay_160jk_1{z-index:999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._modal_160jk_11{background-color:var(--fasty-background);z-index:1000;border-radius:16px;flex-direction:column;max-width:90vw;max-height:90vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}._header_52hw4_1{border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:18px;display:flex}._content_52hw4_10{flex-direction:column;gap:4px;display:flex}._title_52hw4_16{font-size:22px;font-weight:var(--fasty-font-weight-bold);color:var(--fasty-text);margin:0;line-height:1.2}._description_52hw4_24{color:#6b7280;margin:0;font-size:13px;line-height:1.2}._closeButton_52hw4_31{cursor:pointer;width:40px;height:40px;color:var(--fasty-text);opacity:.6;background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;font-size:24px;line-height:1;transition:all .2s;display:flex}._closeButton_52hw4_31:hover{opacity:1;background-color:#f0f0f0}._body_6i5xc_1{flex:1;padding:18px;overflow-y:auto}._content_5wshu_1{flex-direction:column;display:flex;overflow-y:auto}._content_5wshu_1._sm_5wshu_7{width:400px;max-width:90vw}._content_5wshu_1._md_5wshu_12{width:600px;max-width:90vw}._content_5wshu_1._lg_5wshu_17{width:800px;max-width:90vw}._content_5wshu_1._xl_5wshu_22{width:1000px;max-width:90vw}._footer_1hqi4_1{border-top:1px solid #e0e0e0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 18px;display:flex}._toast-container_1rucc_1{z-index:9999;pointer-events:none;position:fixed}._toast-container--top-left_1rucc_7{top:20px;left:20px}._toast-container--top-center_1rucc_12{top:20px;left:50%}._toast-container--top-right_1rucc_17{top:20px;right:20px}._toast-container--bottom-left_1rucc_22{bottom:20px;left:20px}._toast-container--bottom-center_1rucc_27{bottom:20px;left:50%}._toast-container--bottom-right_1rucc_32{bottom:20px;right:20px}._toast_1rucc_1{pointer-events:auto;background:#fff;border:1px solid;border-radius:16px;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:12px 16px;display:flex;position:absolute;box-shadow:0 4px 7px -2px #00000026}._toast-container--top-left_1rucc_7 ._toast_1rucc_1,._toast-container--top-center_1rucc_12 ._toast_1rucc_1,._toast-container--top-right_1rucc_17 ._toast_1rucc_1{top:0}._toast-container--bottom-left_1rucc_22 ._toast_1rucc_1,._toast-container--bottom-center_1rucc_27 ._toast_1rucc_1,._toast-container--bottom-right_1rucc_32 ._toast_1rucc_1{bottom:0}._toast-container--top-left_1rucc_7 ._toast_1rucc_1,._toast-container--bottom-left_1rucc_22 ._toast_1rucc_1{left:0}._toast-container--top-center_1rucc_12 ._toast_1rucc_1,._toast-container--bottom-center_1rucc_27 ._toast_1rucc_1{left:50%;transform:translate(-50%)}._toast-container--top-right_1rucc_17 ._toast_1rucc_1,._toast-container--bottom-right_1rucc_32 ._toast_1rucc_1{left:auto;right:0}._toast__icon_1rucc_81{justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}._toast__message_1rucc_90{color:#333;flex:1;font-size:14px;line-height:1.4}._toast__close_1rucc_97{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;padding:2px;font-size:18px;transition:color .2s;display:flex}._toast__close_1rucc_97:hover{color:#333;background:#ffffffa4}._toast--success_1rucc_119{background:#f0fdf4;border-color:#10b981}._toast--success_1rucc_119 ._toast__icon_1rucc_81{color:#10b981}._toast--error_1rucc_128{background:#fef2f2;border-color:#ef4444}._toast--error_1rucc_128 ._toast__icon_1rucc_81{color:#ef4444}._toast--warning_1rucc_137{background:#fffbeb;border-color:#f59e0b}._toast--warning_1rucc_137 ._toast__icon_1rucc_81{color:#f59e0b}._toast--info_1rucc_146{background:#eff6ff;border-color:#3b82f6}._toast--info_1rucc_146 ._toast__icon_1rucc_81{color:#3b82f6}._otpContainer_vqdff_1{justify-content:center;align-items:center;gap:8px;display:flex}._otpInput_vqdff_8{text-align:center;width:48px;height:56px;font-size:24px;font-weight:var(--fasty-font-weight-bold);background-color:var(--fasty-background);color:var(--fasty-text);caret-color:var(--fasty-primary);border:2px solid #e0e0e0;border-radius:18px;outline:none;transition:all .2s ease-in-out}._otpInput_vqdff_8:focus{border-color:var(--fasty-primary);box-shadow:0 0 0 2px var(--fasty-background), 0 0 0 4px var(--fasty-primary);border-radius:28px}._otpInput_vqdff_8._filled_vqdff_31{border-color:var(--fasty-primary);background-color:rgba(var(--fasty-primary-rgb,59, 130, 246), .05)}._otpInput_vqdff_8._disabled_vqdff_36{background-color:var(--fasty-disabled-bg);color:var(--fasty-disabled);cursor:not-allowed;border-color:#e0e0e0}._sm_vqdff_43 ._otpInput_vqdff_8{border-radius:10px;width:36px;height:44px;font-size:18px}._sm_vqdff_43 ._otpInput_vqdff_8:focus{border-radius:16px}._lg_vqdff_54 ._otpInput_vqdff_8{border-radius:12px;width:48px;height:56px;font-size:24px}._lg_vqdff_54 ._otpInput_vqdff_8:focus{border-radius:18px}._xl_vqdff_65 ._otpInput_vqdff_8{border-radius:18px;width:60px;height:72px;font-size:32px}._xl_vqdff_65 ._otpInput_vqdff_8:focus{border-radius:24px}@media (width<=640px){._otpContainer_vqdff_1{gap:6px}._otpInput_vqdff_8{width:40px;height:48px;font-size:20px}._sm_vqdff_43 ._otpInput_vqdff_8{width:32px;height:40px;font-size:16px}._xl_vqdff_65 ._otpInput_vqdff_8{width:48px;height:60px;font-size:28px}}._accordion_p5xc9_1{flex-direction:column;gap:8px;width:100%;display:flex}._accordionItem_p5xc9_8{background-color:var(--fasty-background);border:1px solid #e0e0e0;border-radius:12px;transition:all .3s;overflow:hidden}._accordionItem_p5xc9_8._open_p5xc9_16{border-color:var(--fasty-primary);box-shadow:0 2px 8px #0000000d}._accordionTrigger_p5xc9_21{cursor:pointer;width:100%;font-size:16px;font-weight:var(--fasty-font-weight-normal);color:var(--fasty-text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .2s;display:flex}._accordionTrigger_p5xc9_21:hover{background-color:#00000005}._accordionTrigger_p5xc9_21:focus-visible{background-color:rgba(var(--fasty-primary-rgb,59, 130, 246), .05);outline:none}._triggerText_p5xc9_46{flex:1}._triggerIcon_p5xc9_50{color:var(--fasty-primary);flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;display:flex}._accordionContent_p5xc9_59{height:0;overflow:hidden}._accordionContentInner_p5xc9_64{color:var(--fasty-text);padding:0 20px 16px;font-size:14px;line-height:1.6}._sm_p5xc9_71 ._accordionItem_p5xc9_8{border-radius:10px}._sm_p5xc9_71 ._accordionTrigger_p5xc9_21{padding:12px 16px;font-size:14px}._sm_p5xc9_71 ._accordionContentInner_p5xc9_64{padding:0 16px 12px;font-size:13px}._sm_p5xc9_71 ._triggerIcon_p5xc9_50{margin-left:8px}._lg_p5xc9_89 ._accordionItem_p5xc9_8{border-radius:12px}._lg_p5xc9_89 ._accordionTrigger_p5xc9_21{padding:16px 20px;font-size:16px}._lg_p5xc9_89 ._accordionContentInner_p5xc9_64{padding:0 20px 16px;font-size:14px}._xl_p5xc9_103 ._accordionItem_p5xc9_8{border-radius:16px}._xl_p5xc9_103 ._accordionTrigger_p5xc9_21{font-size:18px;font-weight:var(--fasty-font-weight-bold);padding:20px 24px}._xl_p5xc9_103 ._accordionContentInner_p5xc9_64{padding:0 24px 20px;font-size:16px}._xl_p5xc9_103 ._triggerIcon_p5xc9_50{margin-left:16px}._badge_1p9t7_1{font-size:11px;font-weight:var(--fasty-font-weight-normal);white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:4px;width:fit-content;padding:4px 10px;transition:all .2s;display:inline-flex}._default_1p9t7_15{background-color:var(--fasty-primary);color:#fff;border:1px solid #0000}._secondary_1p9t7_21{background-color:var(--fasty-secondary);color:var(--fasty-text);border:1px solid #e0e0e0}._destructive_1p9t7_27{background-color:var(--fasty-error);color:#fff;border:1px solid #0000}._hoverCardWrapper_1cb8v_1{width:fit-content;display:inline-block;position:relative}._trigger_1cb8v_7{cursor:pointer}._bridge_1cb8v_11{z-index:999;pointer-events:auto;position:absolute;left:0;right:0}._bridge_1cb8v_11._bottom_1cb8v_19{height:12px;top:100%}._bridge_1cb8v_11._top_1cb8v_24{height:12px;bottom:100%}._hoverCard_1cb8v_1{z-index:1000;background-color:var(--fasty-background);pointer-events:auto;border:1px solid #e0e0e0;border-radius:20px;min-width:200px;max-width:350px;padding:16px;position:absolute;left:50%;box-shadow:0 2px 10px -2px #0000001a}._hoverCard_1cb8v_1._bottom_1cb8v_19{top:calc(100% + 8px)}._hoverCard_1cb8v_1._top_1cb8v_24{bottom:calc(100% + 8px)}._checkboxWrapper_1owy4_1{align-items:center;width:fit-content;display:inline-flex}._hiddenInput_1owy4_7{opacity:0;pointer-events:none;width:0;height:0;position:absolute}._checkboxLabel_1owy4_15{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}._checkbox_1owy4_1{background-color:var(--fasty-background);border:2px solid #e0e0e0;border-radius:7px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:relative}._checkbox_1owy4_1:hover{border-color:var(--fasty-primary)}._checkbox_1owy4_1._checked_1owy4_40{background-color:var(--fasty-primary);border-color:var(--fasty-primary)}._checkmark_1owy4_45{color:#fff;transform-origin:50%;width:16px;height:16px}._labelText_1owy4_52{color:var(--fasty-text);font-size:14px;line-height:1.5}._checkboxWrapper_1owy4_1._disabled_1owy4_58 ._checkboxLabel_1owy4_15{cursor:not-allowed;opacity:.5}._checkboxWrapper_1owy4_1._disabled_1owy4_58 ._checkbox_1owy4_1{background-color:var(--fasty-disabled-bg);border-color:#e0e0e0}._checkboxWrapper_1owy4_1._disabled_1owy4_58 ._checkbox_1owy4_1._checked_1owy4_40{background-color:var(--fasty-disabled);border-color:var(--fasty-disabled)}._hiddenInput_1owy4_7:focus-visible+._checkboxLabel_1owy4_15 ._checkbox_1owy4_1{box-shadow:0 0 0 2px var(--fasty-background), 0 0 0 4px var(--fasty-primary);outline:none}._dropdownWrapper_iqkch_1{width:fit-content;display:inline-block;position:relative}._trigger_iqkch_7{cursor:pointer}._dropdownMenu_iqkch_11{z-index:1000;background-color:var(--fasty-background);border:1px solid #e0e0e0;border-radius:16px;min-width:200px;max-width:300px;padding:6px;position:absolute;left:0;box-shadow:0 2px 10px -2px #0000001a}._dropdownMenu_iqkch_11._bottom_iqkch_24{top:calc(100% + 8px)}._dropdownMenu_iqkch_11._top_iqkch_28{bottom:calc(100% + 8px)}._dropdownItem_iqkch_32{cursor:pointer;color:var(--fasty-text);-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;transition:background-color .2s;display:flex;position:relative}._dropdownItem_iqkch_32:hover{background-color:#0000000d}._dropdownItem_iqkch_32._disabled_iqkch_50{opacity:.5;cursor:not-allowed;pointer-events:none}._dropdownItem_iqkch_32._hasSubItems_iqkch_56{padding-right:8px}._itemContent_iqkch_60{flex:1}._arrowIcon_iqkch_64{color:#666;flex-shrink:0;margin-left:8px}._subMenu_iqkch_70{z-index:1001;background-color:var(--fasty-background);border:1px solid #e0e0e0;border-radius:16px;min-width:180px;max-width:280px;padding:6px;position:absolute;top:-6px;left:calc(100% + 4px);box-shadow:0 2px 10px -2px #0000001a}._separator_iqkch_84{background-color:#e0e0e0;height:1px;margin:6px 0}._tabsContainer_bvqc3_1{flex-direction:column;gap:16px;width:100%;display:flex}._tabsList_bvqc3_8{background-color:var(--fasty-secondary);background-color:var(--fasty-primary-muted);border-radius:18px;width:fit-content;padding:6px;display:flex;position:relative}._tab_bvqc3_1{cursor:pointer;font-size:14px;font-weight:var(--fasty-font-weight-normal);color:var(--fasty-text);z-index:2;white-space:nowrap;background:0 0;border:none;border-radius:16px;padding:10px 20px;transition:color .2s;position:relative}._tab_bvqc3_1:hover{color:var(--fasty-primary)}._tab_bvqc3_1._active_bvqc3_37{color:var(--fasty-text)}._indicator_bvqc3_41{background-color:var(--fasty-background);z-index:1;border-radius:16px;height:calc(100% - 8px);position:absolute;top:4px;left:4px;box-shadow:0 2px 4px -1px #0000001a}._tooltipWrapper_39a7p_1{width:fit-content;display:inline-block;position:relative}._trigger_39a7p_7{display:inline-block}._tooltip_39a7p_1{z-index:9999;color:#1e293b;font-size:13px;font-weight:var(--fasty-font-weight-normal);white-space:nowrap;pointer-events:none;transform-origin:50%;perspective:1000px;background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:10px 14px;position:absolute;box-shadow:0 4px 12px -3px #0000001f}._tooltip_39a7p_1._top_39a7p_28{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}._tooltip_39a7p_1._bottom_39a7p_34{top:calc(100% + 8px);left:50%;transform:translate(-50%)}._tooltip_39a7p_1._left_39a7p_40{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}._tooltip_39a7p_1._right_39a7p_46{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}._arrow_39a7p_52{background:#fff;border:1px solid #e2e8f0;width:10px;height:10px;position:absolute;transform:rotate(45deg)}._arrow-top_39a7p_61{border-top:none;border-left:none;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}._arrow-bottom_39a7p_69{border-bottom:none;border-right:none;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}._arrow-left_39a7p_77{border-bottom:none;border-left:none;top:50%;right:-4px;transform:translateY(-50%)rotate(45deg)}._arrow-right_39a7p_85{border-top:none;border-right:none;top:50%;left:-4px;transform:translateY(-50%)rotate(45deg)}
1
+ :root {
2
+ --fasty-background: #ffffff;
3
+ --fasty-text: #000000;
4
+ --fasty-primary: #2563eb;
5
+ --fasty-primary-muted: #5ea8fd1a;
6
+ --fasty-secondary: var(--fasty-background);
7
+ --fasty-warning: #f59e0b;
8
+ --fasty-error: #ef4444;
9
+ --fasty-disabled: #9ca3af;
10
+ --fasty-disabled-bg: #f3f4f6;
11
+ --fasty-radius: 6px;
12
+ --fasty-font-size: 14px;
13
+ --fasty-font-weight-normal: 400;
14
+ --fasty-font-weight-bold: 600;
15
+ }._button_1xsg4_1 {
16
+ border: none;
17
+ cursor: pointer;
18
+ font-size: 14px;
19
+ display: flex;
20
+ align-items: center;
21
+ gap: 8px;
22
+ font-weight: var(--fasty-font-weight-normal);
23
+ border: 1px solid transparent;
24
+ transition:
25
+ background-color 0.2s ease,
26
+ box-shadow 0.2s ease,
27
+ border-radius 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
28
+ width: fit-content;
29
+ will-change: transform;
30
+ }
31
+
32
+ ._primary_1xsg4_18 {
33
+ background-color: var(--fasty-primary);
34
+ color: white;
35
+ }
36
+
37
+ ._primary_1xsg4_18:hover:not(._disabled_1xsg4_23) {
38
+ background-color: #1d4ed8;
39
+ }
40
+
41
+ ._primary_1xsg4_18:focus-visible {
42
+ outline: none;
43
+ box-shadow:
44
+ 0 0 0 2px white,
45
+ 0 0 0 4px var(--fasty-primary);
46
+ }
47
+
48
+ ._secondary_1xsg4_34 {
49
+ background-color: var(--fasty-secondary);
50
+ color: var(--fasty-text);
51
+ border: 1px solid #e0e0e0;
52
+ }
53
+
54
+ ._secondary_1xsg4_34:hover:not(._disabled_1xsg4_23) {
55
+ background-color: #f9fafb;
56
+ border-color: #d1d5db;
57
+ }
58
+
59
+ ._secondary_1xsg4_34:focus-visible {
60
+ outline: none;
61
+ box-shadow:
62
+ 0 0 0 2px white,
63
+ 0 0 0 4px #e0e0e0;
64
+ }
65
+
66
+ ._warning_1xsg4_52 {
67
+ background-color: var(--fasty-warning);
68
+ color: white;
69
+ }
70
+
71
+ ._warning_1xsg4_52:hover:not(._disabled_1xsg4_23) {
72
+ background-color: #ea580c;
73
+ }
74
+
75
+ ._warning_1xsg4_52:focus-visible {
76
+ outline: none;
77
+ box-shadow:
78
+ 0 0 0 2px white,
79
+ 0 0 0 4px var(--fasty-warning);
80
+ }
81
+
82
+ ._error_1xsg4_68 {
83
+ background-color: var(--fasty-error);
84
+ color: white;
85
+ }
86
+
87
+ ._error_1xsg4_68:hover:not(._disabled_1xsg4_23) {
88
+ background-color: #dc2626;
89
+ }
90
+
91
+ ._error_1xsg4_68:focus-visible {
92
+ outline: none;
93
+ box-shadow:
94
+ 0 0 0 2px white,
95
+ 0 0 0 4px var(--fasty-error);
96
+ }
97
+
98
+ ._disabled_1xsg4_23 {
99
+ background-color: var(--fasty-disabled-bg) !important;
100
+ color: var(--fasty-disabled) !important;
101
+ cursor: not-allowed !important;
102
+ pointer-events: none;
103
+ }
104
+
105
+ /* Size variants */
106
+ ._sm_1xsg4_92 {
107
+ padding: 7px 12px;
108
+ font-size: 12px;
109
+ gap: 6px;
110
+ border-radius: 8px;
111
+
112
+ &:hover {
113
+ border-radius: 15px;
114
+ }
115
+ }
116
+
117
+ ._lg_1xsg4_103 {
118
+ border-radius: 12px;
119
+ padding: 9px 16px;
120
+ font-size: 14px;
121
+ gap: 8px;
122
+
123
+ &:hover {
124
+ border-radius: 20px;
125
+ }
126
+ }
127
+
128
+ ._xl_1xsg4_114 {
129
+ padding: 12px 20px;
130
+ font-size: 18px;
131
+ gap: 10px;
132
+ border-radius: 16px;
133
+ font-weight: var(--fasty-font-weight-bold);
134
+
135
+ &:hover {
136
+ border-radius: 24px;
137
+ }
138
+ }
139
+ ._input_1ddpd_1 {
140
+ padding: 8px 12px;
141
+ border: 1px solid #e0e0e0;
142
+ border-radius: 12px;
143
+ transition: all 0.2s ease-in-out;
144
+ outline: none;
145
+ font-size: 14px;
146
+
147
+ &:focus {
148
+ box-shadow:
149
+ 0 0 0 2px var(--fasty-background),
150
+ 0 0 0 3.5px var(--fasty-primary);
151
+
152
+ border-color: var(--fasty-primary);
153
+ border-radius: 20px;
154
+ }
155
+ }
156
+
157
+ ._inputWrapper_1ddpd_19 {
158
+ position: relative;
159
+ display: inline-flex;
160
+ align-items: center;
161
+ border: 1px solid #e0e0e0;
162
+ border-radius: 12px;
163
+ transition: all 0.2s ease-in-out;
164
+ background-color: var(--fasty-background);
165
+
166
+ &:focus-within {
167
+ box-shadow:
168
+ 0 0 0 2px var(--fasty-background),
169
+ 0 0 0 3.5px var(--fasty-primary);
170
+ border-color: var(--fasty-primary);
171
+ border-radius: 20px;
172
+ }
173
+ }
174
+
175
+ ._icon_1ddpd_37 {
176
+ display: flex;
177
+ align-items: center;
178
+ justify-content: center;
179
+ color: #666;
180
+ flex-shrink: 0;
181
+ padding: 0 0 0 8px;
182
+ }
183
+
184
+ ._eyeButton_1ddpd_46 {
185
+ display: flex;
186
+ align-items: center;
187
+ justify-content: center;
188
+ background: transparent;
189
+ border: none;
190
+ cursor: pointer;
191
+ color: #666;
192
+ padding: 0 12px 0 8px;
193
+ flex-shrink: 0;
194
+ transition: color 0.2s;
195
+
196
+ &:hover {
197
+ color: var(--fasty-primary);
198
+ }
199
+ }
200
+
201
+ ._inputWithIcon_1ddpd_63 {
202
+ border: none;
203
+ outline: none;
204
+ padding: 0;
205
+ flex: 1;
206
+ font-size: 14px;
207
+ background: transparent;
208
+ }
209
+
210
+ ._sm_1ddpd_72 {
211
+ padding: 6px 10px;
212
+ font-size: 12px;
213
+ border-radius: 10px;
214
+
215
+ &:focus {
216
+ border-radius: 16px;
217
+ }
218
+
219
+ &._inputWrapper_1ddpd_19 {
220
+ &:focus-within {
221
+ border-radius: 16px;
222
+ }
223
+ }
224
+
225
+ & ._inputWithIcon_1ddpd_63 {
226
+ font-size: 12px;
227
+ }
228
+ }
229
+
230
+ ._lg_1ddpd_92 {
231
+ padding: 10px 14px;
232
+ font-size: 16px;
233
+ border-radius: 14px;
234
+
235
+ &:focus {
236
+ border-radius: 22px;
237
+ }
238
+
239
+ &._inputWrapper_1ddpd_19 {
240
+ &:focus-within {
241
+ border-radius: 22px;
242
+ }
243
+ }
244
+
245
+ & ._inputWithIcon_1ddpd_63 {
246
+ font-size: 16px;
247
+ }
248
+ }
249
+
250
+ ._xl_1ddpd_112 {
251
+ padding: 12px 16px;
252
+ font-size: 18px;
253
+ border-radius: 16px;
254
+
255
+ &:focus {
256
+ border-radius: 24px;
257
+ }
258
+
259
+ &._inputWrapper_1ddpd_19 {
260
+ &:focus-within {
261
+ border-radius: 24px;
262
+ }
263
+ }
264
+
265
+ & ._inputWithIcon_1ddpd_63 {
266
+ font-size: 18px;
267
+ }
268
+ }
269
+ ._card_w8zkq_1 {
270
+ background-color: var(--fasty-background);
271
+ border-radius: 12px;
272
+ padding: 12px;
273
+ border: 1px solid #e0e0e0;
274
+ box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1);
275
+ }
276
+
277
+ ._dashed_w8zkq_9 {
278
+ border-style: dashed;
279
+ background-color: #f9f9f9;
280
+ }
281
+ ._overlay_1qbeq_1 {
282
+ position: fixed;
283
+ inset: 0;
284
+ background-color: rgba(0, 0, 0, 0.5);
285
+ z-index: 999;
286
+ }
287
+
288
+ ._sheet_1qbeq_8 {
289
+ position: fixed;
290
+ background-color: var(--fasty-background);
291
+ z-index: 1000;
292
+ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
293
+ display: flex;
294
+ flex-direction: column;
295
+ overflow: hidden;
296
+ }
297
+
298
+ ._sheet_1qbeq_8._right_1qbeq_18 {
299
+ top: 0;
300
+ right: 0;
301
+ bottom: 0;
302
+ border-radius: 12px 0 0 18px;
303
+ }
304
+
305
+ ._sheet_1qbeq_8._left_1qbeq_25 {
306
+ top: 0;
307
+ left: 0;
308
+ bottom: 0;
309
+ border-radius: 0 12px 18px 0;
310
+ }
311
+
312
+ ._sheet_1qbeq_8._top_1qbeq_32 {
313
+ top: 0;
314
+ left: 0;
315
+ right: 0;
316
+ border-radius: 0 0 18px 12px;
317
+ }
318
+
319
+ ._sheet_1qbeq_8._bottom_1qbeq_39 {
320
+ bottom: 0;
321
+ left: 0;
322
+ right: 0;
323
+ border-radius: 12px 18px 0 0;
324
+ }
325
+
326
+ ._sheet_1qbeq_8._right_1qbeq_18._sm_1qbeq_46,
327
+ ._sheet_1qbeq_8._left_1qbeq_25._sm_1qbeq_46 {
328
+ width: 300px;
329
+ max-width: 90vw;
330
+ }
331
+
332
+ ._sheet_1qbeq_8._right_1qbeq_18._md_1qbeq_52,
333
+ ._sheet_1qbeq_8._left_1qbeq_25._md_1qbeq_52 {
334
+ width: 400px;
335
+ max-width: 90vw;
336
+ }
337
+
338
+ ._sheet_1qbeq_8._right_1qbeq_18._lg_1qbeq_58,
339
+ ._sheet_1qbeq_8._left_1qbeq_25._lg_1qbeq_58 {
340
+ width: 600px;
341
+ max-width: 90vw;
342
+ }
343
+
344
+ ._sheet_1qbeq_8._right_1qbeq_18._xl_1qbeq_64,
345
+ ._sheet_1qbeq_8._left_1qbeq_25._xl_1qbeq_64 {
346
+ width: 800px;
347
+ max-width: 90vw;
348
+ }
349
+
350
+ ._sheet_1qbeq_8._right_1qbeq_18._full_1qbeq_70,
351
+ ._sheet_1qbeq_8._left_1qbeq_25._full_1qbeq_70 {
352
+ width: 100vw;
353
+ }
354
+
355
+ ._sheet_1qbeq_8._top_1qbeq_32._sm_1qbeq_46,
356
+ ._sheet_1qbeq_8._bottom_1qbeq_39._sm_1qbeq_46 {
357
+ width: 100%;
358
+ height: 300px;
359
+ max-height: 90vh;
360
+ }
361
+
362
+ ._sheet_1qbeq_8._top_1qbeq_32._md_1qbeq_52,
363
+ ._sheet_1qbeq_8._bottom_1qbeq_39._md_1qbeq_52 {
364
+ width: 100%;
365
+ height: 400px;
366
+ max-height: 90vh;
367
+ }
368
+
369
+ ._sheet_1qbeq_8._top_1qbeq_32._lg_1qbeq_58,
370
+ ._sheet_1qbeq_8._bottom_1qbeq_39._lg_1qbeq_58 {
371
+ width: 100%;
372
+ height: 600px;
373
+ max-height: 90vh;
374
+ }
375
+
376
+ ._sheet_1qbeq_8._top_1qbeq_32._xl_1qbeq_64,
377
+ ._sheet_1qbeq_8._bottom_1qbeq_39._xl_1qbeq_64 {
378
+ width: 100%;
379
+ height: 800px;
380
+ max-height: 90vh;
381
+ }
382
+
383
+ ._sheet_1qbeq_8._top_1qbeq_32._full_1qbeq_70,
384
+ ._sheet_1qbeq_8._bottom_1qbeq_39._full_1qbeq_70 {
385
+ width: 100%;
386
+ height: 100vh;
387
+ }
388
+
389
+ ._closeButton_1qbeq_109 {
390
+ position: absolute;
391
+ top: 16px;
392
+ right: 16px;
393
+ background: transparent;
394
+ border: none;
395
+ font-size: 24px;
396
+ cursor: pointer;
397
+ color: var(--fasty-text);
398
+ opacity: 0.6;
399
+ transition: opacity 0.2s;
400
+ padding: 4px 8px;
401
+ line-height: 1;
402
+ }
403
+
404
+ ._closeButton_1qbeq_109:hover {
405
+ opacity: 1;
406
+ }
407
+ ._header_1pbdy_1 {
408
+ display: flex;
409
+ justify-content: space-between;
410
+ align-items: flex-start;
411
+ border-bottom: 1px solid #e0e0e0;
412
+ padding: 18px;
413
+ }
414
+
415
+ ._content_1pbdy_9 {
416
+ display: flex;
417
+ flex-direction: column;
418
+ gap: 0px;
419
+ }
420
+
421
+ ._title_1pbdy_15 {
422
+ margin: 0;
423
+ font-size: 24px;
424
+ font-weight: var(--fasty-font-weight-bold);
425
+ color: var(--fasty-text);
426
+ line-height: 1.3;
427
+ }
428
+
429
+ ._description_1pbdy_23 {
430
+ margin: 8px 0 0 0;
431
+ font-size: 14px;
432
+ color: #6b7280;
433
+ line-height: 0.5;
434
+ }
435
+
436
+ ._closeButton_1pbdy_30 {
437
+ background: transparent;
438
+ border: none;
439
+ font-size: 24px;
440
+ width: 40px;
441
+ height: 40px;
442
+ cursor: pointer;
443
+ color: var(--fasty-text);
444
+ opacity: 0.6;
445
+ padding: 4px 8px;
446
+ line-height: 1;
447
+ flex-shrink: 0;
448
+ transition: all 0.2s;
449
+ border-radius: 12px;
450
+ display: flex;
451
+ align-items: center;
452
+ justify-content: center;
453
+
454
+ &:hover {
455
+ opacity: 1;
456
+ background-color: #f0f0f0;
457
+ }
458
+ }
459
+ ._content_n86ez_1 {
460
+ padding: 18px;
461
+ flex: 1;
462
+ overflow-y: auto;
463
+ }
464
+ ._footer_e6jod_1 {
465
+ padding: 18px;
466
+ border-top: 1px solid #e0e0e0;
467
+ }
468
+ ._overlay_160jk_1 {
469
+ position: fixed;
470
+ inset: 0;
471
+ background-color: rgba(0, 0, 0, 0.5);
472
+ z-index: 999;
473
+ display: flex;
474
+ align-items: center;
475
+ justify-content: center;
476
+ }
477
+
478
+ ._modal_160jk_11 {
479
+ position: fixed;
480
+ top: 50%;
481
+ left: 50%;
482
+ transform: translate(-50%, -50%);
483
+ background-color: var(--fasty-background);
484
+ z-index: 1000;
485
+ border-radius: 16px;
486
+ max-width: 90vw;
487
+ max-height: 90vh;
488
+ overflow: hidden;
489
+ display: flex;
490
+ flex-direction: column;
491
+ }
492
+ ._header_52hw4_1 {
493
+ display: flex;
494
+ justify-content: space-between;
495
+ align-items: flex-start;
496
+ border-bottom: 1px solid #e0e0e0;
497
+ padding: 18px;
498
+ flex-shrink: 0;
499
+ }
500
+
501
+ ._content_52hw4_10 {
502
+ display: flex;
503
+ flex-direction: column;
504
+ gap: 4px;
505
+ }
506
+
507
+ ._title_52hw4_16 {
508
+ margin: 0;
509
+ font-size: 22px;
510
+ font-weight: var(--fasty-font-weight-bold);
511
+ color: var(--fasty-text);
512
+ line-height: 1.2;
513
+ }
514
+
515
+ ._description_52hw4_24 {
516
+ margin: 0;
517
+ font-size: 13px;
518
+ color: #6b7280;
519
+ line-height: 1.2;
520
+ }
521
+
522
+ ._closeButton_52hw4_31 {
523
+ background: transparent;
524
+ border: none;
525
+ font-size: 24px;
526
+ width: 40px;
527
+ height: 40px;
528
+ cursor: pointer;
529
+ color: var(--fasty-text);
530
+ opacity: 0.6;
531
+ padding: 4px 8px;
532
+ line-height: 1;
533
+ flex-shrink: 0;
534
+ transition: all 0.2s;
535
+ border-radius: 12px;
536
+ display: flex;
537
+ align-items: center;
538
+ justify-content: center;
539
+
540
+ &:hover {
541
+ opacity: 1;
542
+ background-color: #f0f0f0;
543
+ }
544
+ }
545
+ ._body_6i5xc_1 {
546
+ padding: 18px;
547
+ overflow-y: auto;
548
+ flex: 1;
549
+ }
550
+ ._content_5wshu_1 {
551
+ display: flex;
552
+ flex-direction: column;
553
+ overflow-y: auto;
554
+ }
555
+
556
+ ._content_5wshu_1._sm_5wshu_7 {
557
+ width: 400px;
558
+ max-width: 90vw;
559
+ }
560
+
561
+ ._content_5wshu_1._md_5wshu_12 {
562
+ width: 600px;
563
+ max-width: 90vw;
564
+ }
565
+
566
+ ._content_5wshu_1._lg_5wshu_17 {
567
+ width: 800px;
568
+ max-width: 90vw;
569
+ }
570
+
571
+ ._content_5wshu_1._xl_5wshu_22 {
572
+ width: 1000px;
573
+ max-width: 90vw;
574
+ }
575
+ ._footer_1hqi4_1 {
576
+ display: flex;
577
+ justify-content: flex-end;
578
+ align-items: center;
579
+ gap: 12px;
580
+ border-top: 1px solid #e0e0e0;
581
+ padding: 16px 18px;
582
+ flex-shrink: 0;
583
+ }
584
+ ._toast-container_1rucc_1 {
585
+ position: fixed;
586
+ z-index: 9999;
587
+ pointer-events: none;
588
+ }
589
+
590
+ ._toast-container--top-left_1rucc_7 {
591
+ top: 20px;
592
+ left: 20px;
593
+ }
594
+
595
+ ._toast-container--top-center_1rucc_12 {
596
+ top: 20px;
597
+ left: 50%;
598
+ }
599
+
600
+ ._toast-container--top-right_1rucc_17 {
601
+ top: 20px;
602
+ right: 20px;
603
+ }
604
+
605
+ ._toast-container--bottom-left_1rucc_22 {
606
+ bottom: 20px;
607
+ left: 20px;
608
+ }
609
+
610
+ ._toast-container--bottom-center_1rucc_27 {
611
+ bottom: 20px;
612
+ left: 50%;
613
+ }
614
+
615
+ ._toast-container--bottom-right_1rucc_32 {
616
+ bottom: 20px;
617
+ right: 20px;
618
+ }
619
+
620
+ ._toast_1rucc_1 {
621
+ position: absolute;
622
+ display: flex;
623
+ align-items: center;
624
+ gap: 12px;
625
+ padding: 12px 16px;
626
+ border-radius: 16px;
627
+ box-shadow: 0 4px 7px -2px rgba(0, 0, 0, 0.15);
628
+ min-width: 300px;
629
+ max-width: 500px;
630
+ pointer-events: auto;
631
+ background: white;
632
+ border: 1px solid;
633
+ }
634
+
635
+ ._toast-container--top-left_1rucc_7 ._toast_1rucc_1,
636
+ ._toast-container--top-center_1rucc_12 ._toast_1rucc_1,
637
+ ._toast-container--top-right_1rucc_17 ._toast_1rucc_1 {
638
+ top: 0;
639
+ }
640
+
641
+ ._toast-container--bottom-left_1rucc_22 ._toast_1rucc_1,
642
+ ._toast-container--bottom-center_1rucc_27 ._toast_1rucc_1,
643
+ ._toast-container--bottom-right_1rucc_32 ._toast_1rucc_1 {
644
+ bottom: 0;
645
+ }
646
+
647
+ ._toast-container--top-left_1rucc_7 ._toast_1rucc_1,
648
+ ._toast-container--bottom-left_1rucc_22 ._toast_1rucc_1 {
649
+ left: 0;
650
+ }
651
+
652
+ ._toast-container--top-center_1rucc_12 ._toast_1rucc_1,
653
+ ._toast-container--bottom-center_1rucc_27 ._toast_1rucc_1 {
654
+ left: 50%;
655
+ transform: translateX(-50%);
656
+ }
657
+
658
+ ._toast-container--top-right_1rucc_17 ._toast_1rucc_1,
659
+ ._toast-container--bottom-right_1rucc_32 ._toast_1rucc_1 {
660
+ right: 0;
661
+ left: auto;
662
+ }
663
+
664
+ ._toast__icon_1rucc_81 {
665
+ font-size: 20px;
666
+ width: 24px;
667
+ height: 24px;
668
+ display: flex;
669
+ align-items: center;
670
+ justify-content: center;
671
+ }
672
+
673
+ ._toast__message_1rucc_90 {
674
+ flex: 1;
675
+ font-size: 14px;
676
+ line-height: 1.4;
677
+ color: #333;
678
+ }
679
+
680
+ ._toast__close_1rucc_97 {
681
+ background: none;
682
+ border: none;
683
+ cursor: pointer;
684
+ font-size: 18px;
685
+ color: #666;
686
+ padding: 2px;
687
+ width: 25px;
688
+ height: 25px;
689
+ display: flex;
690
+ align-items: center;
691
+ justify-content: center;
692
+ flex-shrink: 0;
693
+ transition: color 0.2s;
694
+ border-radius: 8px;
695
+ }
696
+
697
+ ._toast__close_1rucc_97:hover {
698
+ color: #333;
699
+ background: #ffffffa4;
700
+ }
701
+
702
+ ._toast--success_1rucc_119 {
703
+ border-color: #10b981;
704
+ background: #f0fdf4;
705
+ }
706
+
707
+ ._toast--success_1rucc_119 ._toast__icon_1rucc_81 {
708
+ color: #10b981;
709
+ }
710
+
711
+ ._toast--error_1rucc_128 {
712
+ border-color: #ef4444;
713
+ background: #fef2f2;
714
+ }
715
+
716
+ ._toast--error_1rucc_128 ._toast__icon_1rucc_81 {
717
+ color: #ef4444;
718
+ }
719
+
720
+ ._toast--warning_1rucc_137 {
721
+ border-color: #f59e0b;
722
+ background: #fffbeb;
723
+ }
724
+
725
+ ._toast--warning_1rucc_137 ._toast__icon_1rucc_81 {
726
+ color: #f59e0b;
727
+ }
728
+
729
+ ._toast--info_1rucc_146 {
730
+ border-color: #3b82f6;
731
+ background: #eff6ff;
732
+ }
733
+
734
+ ._toast--info_1rucc_146 ._toast__icon_1rucc_81 {
735
+ color: #3b82f6;
736
+ }
737
+ ._otpContainer_vqdff_1 {
738
+ display: flex;
739
+ gap: 8px;
740
+ align-items: center;
741
+ justify-content: center;
742
+ }
743
+
744
+ ._otpInput_vqdff_8 {
745
+ width: 48px;
746
+ height: 56px;
747
+ text-align: center;
748
+ font-size: 24px;
749
+ font-weight: var(--fasty-font-weight-bold);
750
+ border: 2px solid #e0e0e0;
751
+ border-radius: 18px;
752
+ outline: none;
753
+ transition: all 0.2s ease-in-out;
754
+ background-color: var(--fasty-background);
755
+ color: var(--fasty-text);
756
+ caret-color: var(--fasty-primary);
757
+ }
758
+
759
+ ._otpInput_vqdff_8:focus {
760
+ border-color: var(--fasty-primary);
761
+ box-shadow:
762
+ 0 0 0 2px var(--fasty-background),
763
+ 0 0 0 4px var(--fasty-primary);
764
+ border-radius: 28px;
765
+ }
766
+
767
+ ._otpInput_vqdff_8._filled_vqdff_31 {
768
+ border-color: var(--fasty-primary);
769
+ background-color: rgba(var(--fasty-primary-rgb, 59, 130, 246), 0.05);
770
+ }
771
+
772
+ ._otpInput_vqdff_8._disabled_vqdff_36 {
773
+ background-color: var(--fasty-disabled-bg);
774
+ color: var(--fasty-disabled);
775
+ cursor: not-allowed;
776
+ border-color: #e0e0e0;
777
+ }
778
+
779
+ ._sm_vqdff_43 ._otpInput_vqdff_8 {
780
+ width: 36px;
781
+ height: 44px;
782
+ font-size: 18px;
783
+ border-radius: 10px;
784
+ }
785
+
786
+ ._sm_vqdff_43 ._otpInput_vqdff_8:focus {
787
+ border-radius: 16px;
788
+ }
789
+
790
+ ._lg_vqdff_54 ._otpInput_vqdff_8 {
791
+ width: 48px;
792
+ height: 56px;
793
+ font-size: 24px;
794
+ border-radius: 12px;
795
+ }
796
+
797
+ ._lg_vqdff_54 ._otpInput_vqdff_8:focus {
798
+ border-radius: 18px;
799
+ }
800
+
801
+ ._xl_vqdff_65 ._otpInput_vqdff_8 {
802
+ width: 60px;
803
+ height: 72px;
804
+ font-size: 32px;
805
+ border-radius: 18px;
806
+ }
807
+
808
+ ._xl_vqdff_65 ._otpInput_vqdff_8:focus {
809
+ border-radius: 24px;
810
+ }
811
+
812
+ @media (max-width: 640px) {
813
+ ._otpContainer_vqdff_1 {
814
+ gap: 6px;
815
+ }
816
+
817
+ ._otpInput_vqdff_8 {
818
+ width: 40px;
819
+ height: 48px;
820
+ font-size: 20px;
821
+ }
822
+
823
+ ._sm_vqdff_43 ._otpInput_vqdff_8 {
824
+ width: 32px;
825
+ height: 40px;
826
+ font-size: 16px;
827
+ }
828
+
829
+ ._xl_vqdff_65 ._otpInput_vqdff_8 {
830
+ width: 48px;
831
+ height: 60px;
832
+ font-size: 28px;
833
+ }
834
+ }
835
+ ._accordion_p5xc9_1 {
836
+ display: flex;
837
+ flex-direction: column;
838
+ gap: 8px;
839
+ width: 100%;
840
+ }
841
+
842
+ ._accordionItem_p5xc9_8 {
843
+ border: 1px solid #e0e0e0;
844
+ border-radius: 12px;
845
+ overflow: hidden;
846
+ transition: all 0.3s ease;
847
+ background-color: var(--fasty-background);
848
+ }
849
+
850
+ ._accordionItem_p5xc9_8._open_p5xc9_16 {
851
+ border-color: var(--fasty-primary);
852
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
853
+ }
854
+
855
+ ._accordionTrigger_p5xc9_21 {
856
+ width: 100%;
857
+ display: flex;
858
+ align-items: center;
859
+ justify-content: space-between;
860
+ padding: 16px 20px;
861
+ background: transparent;
862
+ border: none;
863
+ cursor: pointer;
864
+ font-size: 16px;
865
+ font-weight: var(--fasty-font-weight-normal);
866
+ color: var(--fasty-text);
867
+ text-align: left;
868
+ transition: background-color 0.2s ease;
869
+ }
870
+
871
+ ._accordionTrigger_p5xc9_21:hover {
872
+ background-color: rgba(0, 0, 0, 0.02);
873
+ }
874
+
875
+ ._accordionTrigger_p5xc9_21:focus-visible {
876
+ outline: none;
877
+ background-color: rgba(var(--fasty-primary-rgb, 59, 130, 246), 0.05);
878
+ }
879
+
880
+ ._triggerText_p5xc9_46 {
881
+ flex: 1;
882
+ }
883
+
884
+ ._triggerIcon_p5xc9_50 {
885
+ display: flex;
886
+ align-items: center;
887
+ justify-content: center;
888
+ color: var(--fasty-primary);
889
+ flex-shrink: 0;
890
+ margin-left: 12px;
891
+ }
892
+
893
+ ._accordionContent_p5xc9_59 {
894
+ height: 0;
895
+ overflow: hidden;
896
+ }
897
+
898
+ ._accordionContentInner_p5xc9_64 {
899
+ padding: 0 20px 16px 20px;
900
+ color: var(--fasty-text);
901
+ font-size: 14px;
902
+ line-height: 1.6;
903
+ }
904
+
905
+ ._sm_p5xc9_71 ._accordionItem_p5xc9_8 {
906
+ border-radius: 10px;
907
+ }
908
+
909
+ ._sm_p5xc9_71 ._accordionTrigger_p5xc9_21 {
910
+ padding: 12px 16px;
911
+ font-size: 14px;
912
+ }
913
+
914
+ ._sm_p5xc9_71 ._accordionContentInner_p5xc9_64 {
915
+ padding: 0 16px 12px 16px;
916
+ font-size: 13px;
917
+ }
918
+
919
+ ._sm_p5xc9_71 ._triggerIcon_p5xc9_50 {
920
+ margin-left: 8px;
921
+ }
922
+
923
+ ._lg_p5xc9_89 ._accordionItem_p5xc9_8 {
924
+ border-radius: 12px;
925
+ }
926
+
927
+ ._lg_p5xc9_89 ._accordionTrigger_p5xc9_21 {
928
+ padding: 16px 20px;
929
+ font-size: 16px;
930
+ }
931
+
932
+ ._lg_p5xc9_89 ._accordionContentInner_p5xc9_64 {
933
+ padding: 0 20px 16px 20px;
934
+ font-size: 14px;
935
+ }
936
+
937
+ ._xl_p5xc9_103 ._accordionItem_p5xc9_8 {
938
+ border-radius: 16px;
939
+ }
940
+
941
+ ._xl_p5xc9_103 ._accordionTrigger_p5xc9_21 {
942
+ padding: 20px 24px;
943
+ font-size: 18px;
944
+ font-weight: var(--fasty-font-weight-bold);
945
+ }
946
+
947
+ ._xl_p5xc9_103 ._accordionContentInner_p5xc9_64 {
948
+ padding: 0 24px 20px 24px;
949
+ font-size: 16px;
950
+ }
951
+
952
+ ._xl_p5xc9_103 ._triggerIcon_p5xc9_50 {
953
+ margin-left: 16px;
954
+ }
955
+ ._badge_1p9t7_1 {
956
+ display: inline-flex;
957
+ align-items: center;
958
+ justify-content: center;
959
+ padding: 4px 10px;
960
+ font-size: 11px;
961
+ border-radius: 20px;
962
+ gap: 4px;
963
+ font-weight: var(--fasty-font-weight-normal);
964
+ transition: all 0.2s ease;
965
+ white-space: nowrap;
966
+ width: fit-content;
967
+ }
968
+
969
+ ._default_1p9t7_15 {
970
+ background-color: var(--fasty-primary);
971
+ color: white;
972
+ border: 1px solid transparent;
973
+ }
974
+
975
+ ._secondary_1p9t7_21 {
976
+ background-color: var(--fasty-secondary);
977
+ color: var(--fasty-text);
978
+ border: 1px solid #e0e0e0;
979
+ }
980
+
981
+ ._destructive_1p9t7_27 {
982
+ background-color: var(--fasty-error);
983
+ color: white;
984
+ border: 1px solid transparent;
985
+ }
986
+ ._hoverCardWrapper_1cb8v_1 {
987
+ position: relative;
988
+ display: inline-block;
989
+ width: fit-content;
990
+ }
991
+
992
+ ._trigger_1cb8v_7 {
993
+ cursor: pointer;
994
+ }
995
+
996
+ ._bridge_1cb8v_11 {
997
+ position: absolute;
998
+ left: 0;
999
+ right: 0;
1000
+ z-index: 999;
1001
+ pointer-events: auto;
1002
+ }
1003
+
1004
+ ._bridge_1cb8v_11._bottom_1cb8v_19 {
1005
+ top: 100%;
1006
+ height: 12px;
1007
+ }
1008
+
1009
+ ._bridge_1cb8v_11._top_1cb8v_24 {
1010
+ bottom: 100%;
1011
+ height: 12px;
1012
+ }
1013
+
1014
+ ._hoverCard_1cb8v_1 {
1015
+ position: absolute;
1016
+ left: 50%;
1017
+ z-index: 1000;
1018
+ background-color: var(--fasty-background);
1019
+ border: 1px solid #e0e0e0;
1020
+ border-radius: 20px;
1021
+ padding: 16px;
1022
+ box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
1023
+ min-width: 200px;
1024
+ max-width: 350px;
1025
+ pointer-events: auto;
1026
+ }
1027
+
1028
+ ._hoverCard_1cb8v_1._bottom_1cb8v_19 {
1029
+ top: calc(100% + 8px);
1030
+ }
1031
+
1032
+ ._hoverCard_1cb8v_1._top_1cb8v_24 {
1033
+ bottom: calc(100% + 8px);
1034
+ }
1035
+ ._checkboxWrapper_1owy4_1 {
1036
+ display: inline-flex;
1037
+ align-items: center;
1038
+ width: fit-content;
1039
+ }
1040
+
1041
+ ._hiddenInput_1owy4_7 {
1042
+ position: absolute;
1043
+ opacity: 0;
1044
+ width: 0;
1045
+ height: 0;
1046
+ pointer-events: none;
1047
+ }
1048
+
1049
+ ._checkboxLabel_1owy4_15 {
1050
+ display: flex;
1051
+ align-items: center;
1052
+ gap: 10px;
1053
+ cursor: pointer;
1054
+ user-select: none;
1055
+ }
1056
+
1057
+ ._checkbox_1owy4_1 {
1058
+ width: 20px;
1059
+ height: 20px;
1060
+ border: 2px solid #e0e0e0;
1061
+ border-radius: 7px;
1062
+ display: flex;
1063
+ align-items: center;
1064
+ justify-content: center;
1065
+ transition: all 0.2s ease;
1066
+ background-color: var(--fasty-background);
1067
+ position: relative;
1068
+ }
1069
+
1070
+ ._checkbox_1owy4_1:hover {
1071
+ border-color: var(--fasty-primary);
1072
+ }
1073
+
1074
+ ._checkbox_1owy4_1._checked_1owy4_40 {
1075
+ background-color: var(--fasty-primary);
1076
+ border-color: var(--fasty-primary);
1077
+ }
1078
+
1079
+ ._checkmark_1owy4_45 {
1080
+ width: 16px;
1081
+ height: 16px;
1082
+ color: white;
1083
+ transform-origin: center;
1084
+ }
1085
+
1086
+ ._labelText_1owy4_52 {
1087
+ font-size: 14px;
1088
+ color: var(--fasty-text);
1089
+ line-height: 1.5;
1090
+ }
1091
+
1092
+ ._checkboxWrapper_1owy4_1._disabled_1owy4_58 ._checkboxLabel_1owy4_15 {
1093
+ cursor: not-allowed;
1094
+ opacity: 0.5;
1095
+ }
1096
+
1097
+ ._checkboxWrapper_1owy4_1._disabled_1owy4_58 ._checkbox_1owy4_1 {
1098
+ background-color: var(--fasty-disabled-bg);
1099
+ border-color: #e0e0e0;
1100
+ }
1101
+
1102
+ ._checkboxWrapper_1owy4_1._disabled_1owy4_58 ._checkbox_1owy4_1._checked_1owy4_40 {
1103
+ background-color: var(--fasty-disabled);
1104
+ border-color: var(--fasty-disabled);
1105
+ }
1106
+
1107
+ ._hiddenInput_1owy4_7:focus-visible + ._checkboxLabel_1owy4_15 ._checkbox_1owy4_1 {
1108
+ outline: none;
1109
+ box-shadow:
1110
+ 0 0 0 2px var(--fasty-background),
1111
+ 0 0 0 4px var(--fasty-primary);
1112
+ }
1113
+ ._dropdownWrapper_iqkch_1 {
1114
+ position: relative;
1115
+ display: inline-block;
1116
+ width: fit-content;
1117
+ }
1118
+
1119
+ ._trigger_iqkch_7 {
1120
+ cursor: pointer;
1121
+ }
1122
+
1123
+ ._dropdownMenu_iqkch_11 {
1124
+ position: absolute;
1125
+ left: 0;
1126
+ z-index: 1000;
1127
+ background-color: var(--fasty-background);
1128
+ border: 1px solid #e0e0e0;
1129
+ border-radius: 16px;
1130
+ padding: 6px;
1131
+ box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
1132
+ min-width: 200px;
1133
+ max-width: 300px;
1134
+ }
1135
+
1136
+ ._dropdownMenu_iqkch_11._bottom_iqkch_24 {
1137
+ top: calc(100% + 8px);
1138
+ }
1139
+
1140
+ ._dropdownMenu_iqkch_11._top_iqkch_28 {
1141
+ bottom: calc(100% + 8px);
1142
+ }
1143
+
1144
+ ._dropdownItem_iqkch_32 {
1145
+ display: flex;
1146
+ align-items: center;
1147
+ justify-content: space-between;
1148
+ padding: 10px 12px;
1149
+ border-radius: 12px;
1150
+ cursor: pointer;
1151
+ transition: background-color 0.2s ease;
1152
+ font-size: 14px;
1153
+ color: var(--fasty-text);
1154
+ position: relative;
1155
+ user-select: none;
1156
+ }
1157
+
1158
+ ._dropdownItem_iqkch_32:hover {
1159
+ background-color: rgba(0, 0, 0, 0.05);
1160
+ }
1161
+
1162
+ ._dropdownItem_iqkch_32._disabled_iqkch_50 {
1163
+ opacity: 0.5;
1164
+ cursor: not-allowed;
1165
+ pointer-events: none;
1166
+ }
1167
+
1168
+ ._dropdownItem_iqkch_32._hasSubItems_iqkch_56 {
1169
+ padding-right: 8px;
1170
+ }
1171
+
1172
+ ._itemContent_iqkch_60 {
1173
+ flex: 1;
1174
+ }
1175
+
1176
+ ._arrowIcon_iqkch_64 {
1177
+ color: #666;
1178
+ flex-shrink: 0;
1179
+ margin-left: 8px;
1180
+ }
1181
+
1182
+ ._subMenu_iqkch_70 {
1183
+ position: absolute;
1184
+ left: calc(100% + 4px);
1185
+ top: -6px;
1186
+ z-index: 1001;
1187
+ background-color: var(--fasty-background);
1188
+ border: 1px solid #e0e0e0;
1189
+ border-radius: 16px;
1190
+ padding: 6px;
1191
+ box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
1192
+ min-width: 180px;
1193
+ max-width: 280px;
1194
+ }
1195
+
1196
+ ._separator_iqkch_84 {
1197
+ height: 1px;
1198
+ background-color: #e0e0e0;
1199
+ margin: 6px 0;
1200
+ }
1201
+ ._tabsContainer_bvqc3_1 {
1202
+ width: 100%;
1203
+ display: flex;
1204
+ flex-direction: column;
1205
+ gap: 16px;
1206
+ }
1207
+
1208
+ ._tabsList_bvqc3_8 {
1209
+ display: flex;
1210
+ position: relative;
1211
+ background-color: var(--fasty-secondary);
1212
+ padding: 6px;
1213
+ border-radius: 18px;
1214
+ width: fit-content;
1215
+ background-color: var(--fasty-primary-muted);
1216
+ }
1217
+
1218
+ ._tab_bvqc3_1 {
1219
+ padding: 10px 20px;
1220
+ background: transparent;
1221
+ border: none;
1222
+ cursor: pointer;
1223
+ font-size: 14px;
1224
+ font-weight: var(--fasty-font-weight-normal);
1225
+ color: var(--fasty-text);
1226
+ border-radius: 16px;
1227
+ transition: color 0.2s ease;
1228
+ position: relative;
1229
+ z-index: 2;
1230
+ white-space: nowrap;
1231
+ }
1232
+
1233
+ ._tab_bvqc3_1:hover {
1234
+ color: var(--fasty-primary);
1235
+ }
1236
+
1237
+ ._tab_bvqc3_1._active_bvqc3_37 {
1238
+ color: var(--fasty-text);
1239
+ }
1240
+
1241
+ ._indicator_bvqc3_41 {
1242
+ position: absolute;
1243
+ height: calc(100% - 8px);
1244
+ background-color: var(--fasty-background);
1245
+ border-radius: 16px;
1246
+ top: 4px;
1247
+ left: 4px;
1248
+ z-index: 1;
1249
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
1250
+ }
1251
+ ._tooltipWrapper_39a7p_1 {
1252
+ position: relative;
1253
+ display: inline-block;
1254
+ width: fit-content;
1255
+ }
1256
+
1257
+ ._trigger_39a7p_7 {
1258
+ display: inline-block;
1259
+ }
1260
+
1261
+ ._tooltip_39a7p_1 {
1262
+ position: absolute;
1263
+ z-index: 9999;
1264
+ background: #ffffff;
1265
+ color: #1e293b;
1266
+ padding: 10px 14px;
1267
+ border-radius: 17px;
1268
+ font-size: 13px;
1269
+ font-weight: var(--fasty-font-weight-normal);
1270
+ white-space: nowrap;
1271
+ pointer-events: none;
1272
+ box-shadow: 0 4px 12px -3px rgba(0, 0, 0, 0.12);
1273
+ border: 1px solid #e2e8f0;
1274
+ transform-origin: center;
1275
+ perspective: 1000px;
1276
+ }
1277
+
1278
+ ._tooltip_39a7p_1._top_39a7p_28 {
1279
+ bottom: calc(100% + 8px);
1280
+ left: 50%;
1281
+ transform: translateX(-50%);
1282
+ }
1283
+
1284
+ ._tooltip_39a7p_1._bottom_39a7p_34 {
1285
+ top: calc(100% + 8px);
1286
+ left: 50%;
1287
+ transform: translateX(-50%);
1288
+ }
1289
+
1290
+ ._tooltip_39a7p_1._left_39a7p_40 {
1291
+ right: calc(100% + 8px);
1292
+ top: 50%;
1293
+ transform: translateY(-50%);
1294
+ }
1295
+
1296
+ ._tooltip_39a7p_1._right_39a7p_46 {
1297
+ left: calc(100% + 8px);
1298
+ top: 50%;
1299
+ transform: translateY(-50%);
1300
+ }
1301
+
1302
+ ._arrow_39a7p_52 {
1303
+ position: absolute;
1304
+ width: 10px;
1305
+ height: 10px;
1306
+ background: #ffffff;
1307
+ transform: rotate(45deg);
1308
+ border: 1px solid #e2e8f0;
1309
+ }
1310
+
1311
+ ._arrow-top_39a7p_61 {
1312
+ bottom: -4px;
1313
+ left: 50%;
1314
+ transform: translateX(-50%) rotate(45deg);
1315
+ border-top: none;
1316
+ border-left: none;
1317
+ }
1318
+
1319
+ ._arrow-bottom_39a7p_69 {
1320
+ top: -4px;
1321
+ left: 50%;
1322
+ transform: translateX(-50%) rotate(45deg);
1323
+ border-bottom: none;
1324
+ border-right: none;
1325
+ }
1326
+
1327
+ ._arrow-left_39a7p_77 {
1328
+ right: -4px;
1329
+ top: 50%;
1330
+ transform: translateY(-50%) rotate(45deg);
1331
+ border-left: none;
1332
+ border-bottom: none;
1333
+ }
1334
+
1335
+ ._arrow-right_39a7p_85 {
1336
+ left: -4px;
1337
+ top: 50%;
1338
+ transform: translateY(-50%) rotate(45deg);
1339
+ border-right: none;
1340
+ border-top: none;
1341
+ }
2
1342
  /*$vite$:1*/