@v-miniapp/ui-react 1.0.41 → 1.0.45

package/dist-storybook/assets/iframe-yMKl6hJA.css

@@ -0,0 +1 @@
+:root{--0_125rem: 2px;--0_25rem: 4px;--0_375rem: 6px;--0_5rem: 8px;--0_625rem: 10px;--0_75rem: 12px;--0_875rem: 14px;--1rem: 16px;--1_125rem: 18px;--1_25rem: 20px;--1_5rem: 24px;--1_75rem: 28px;--1_875rem: 30px;--2rem: 32px;--2_25rem: 36px;--2_5rem: 40px;--2_75rem: 44px;--3rem: 48px;--3_5rem: 56px;--3_75rem: 60px;--4rem: 64px;--4_5rem: 72px;--5rem: 80px;--6rem: 96px;--7rem: 112px;--8rem: 128px;--9rem: 144px;--10rem: 160px;--11rem: 176px;--12rem: 192px;--13rem: 208px;--14rem: 224px;--15rem: 240px;--16rem: 256px;--18rem: 288px;--20rem: 320px;--24rem: 384px}:root{--color-global-basic-white: #ffffffff;--color-global-basic-white-0: #ffffff00;--color-global-basic-white-5: #ffffff0d;--color-global-basic-white-15: #ffffff26;--color-global-basic-white-25: #ffffff40;--color-global-basic-white-30: #ffffff4d;--color-global-basic-white-50: #ffffff80;--color-global-basic-white-80: #ffffffcc;--color-global-basic-black: #000000ff;--color-global-basic-black-5: #0000000d;--color-global-basic-black-20: #00000033;--color-global-red-red-05: #fef2f2ff;--color-global-red-red-10: #fee2e2ff;--color-global-red-red-20: #fecacaff;--color-global-red-red-30: #fca5a5ff;--color-global-red-red-40: #f87171ff;--color-global-red-red-50: #ef4444ff;--color-global-red-red-50-15: #ef444426;--color-global-red-red-50-25: #ef444440;--color-global-red-red-60: #dc2626ff;--color-global-red-red-60-15: #dc262626;--color-global-red-red-60-25: #dc262640;--color-global-red-red-70: #b91c1cff;--color-global-red-red-80: #991b1bff;--color-global-red-red-90: #7f1d1dff;--color-global-red-red-95: #450a0aff;--color-global-orange-orange-05: #fff7edff;--color-global-orange-orange-10: #ffedd5ff;--color-global-orange-orange-20: #fed7aaff;--color-global-orange-orange-30: #fdba74ff;--color-global-orange-orange-40: #fb923cff;--color-global-orange-orange-50: #f97316ff;--color-global-orange-orange-60: #ea580cff;--color-global-orange-orange-70: #c2410cff;--color-global-orange-orange-80: #9a3412ff;--color-global-orange-orange-90: #7c2d12ff;--color-global-orange-orange-95: #431407ff;--color-global-dynamic-red-dynamic-red-05: #fef2f4ff;--color-global-dynamic-red-dynamic-red-10: #fde2e7ff;--color-global-dynamic-red-dynamic-red-20: #fbcad3ff;--color-global-dynamic-red-dynamic-red-30: #f8a5b4ff;--color-global-dynamic-red-dynamic-red-40: #f37289ff;--color-global-dynamic-red-dynamic-red-50: #ef405eff;--color-global-dynamic-red-dynamic-red-60: #ea0029ff;--color-global-dynamic-red-dynamic-red-70: #bf0021ff;--color-global-dynamic-red-dynamic-red-80: #a1001cff;--color-global-dynamic-red-dynamic-red-90: #8a0018ff;--color-global-dynamic-red-dynamic-red-95: #4a000dff;--color-global-amber-amber-05: #fffbebff;--color-global-amber-amber-10: #fef3c7ff;--color-global-amber-amber-20: #fde68aff;--color-global-amber-amber-30: #fcd34dff;--color-global-amber-amber-40: #fbbf24ff;--color-global-amber-amber-50: #f59e0bff;--color-global-amber-amber-60: #d97706ff;--color-global-amber-amber-70: #b45309ff;--color-global-amber-amber-80: #92400eff;--color-global-amber-amber-90: #78350fff;--color-global-amber-amber-95: #451a03ff;--color-global-yellow-yellow-05: #fefce8ff;--color-global-yellow-yellow-10: #fef9c3ff;--color-global-yellow-yellow-20: #fef08aff;--color-global-yellow-yellow-30: #fde047ff;--color-global-yellow-yellow-40: #facc15ff;--color-global-yellow-yellow-40-15: #facc1526;--color-global-yellow-yellow-40-25: #facc1540;--color-global-yellow-yellow-50: #eab308ff;--color-global-yellow-yellow-60: #ca8a04ff;--color-global-yellow-yellow-70: #a16207ff;--color-global-yellow-yellow-80: #854d0eff;--color-global-yellow-yellow-90: #713f12ff;--color-global-yellow-yellow-95: #422006ff;--color-global-lime-lime-05: #f7fee7ff;--color-global-lime-lime-10: #ecfccbff;--color-global-lime-lime-20: #d9f99dff;--color-global-lime-lime-30: #bef264ff;--color-global-lime-lime-40: #a3e635ff;--color-global-lime-lime-50: #84cc16ff;--color-global-lime-lime-60: #65a30dff;--color-global-lime-lime-70: #4d7c0fff;--color-global-lime-lime-80: #3f6212ff;--color-global-lime-lime-90: #365314ff;--color-global-lime-lime-95: #1a2e05ff;--color-global-green-green-05: #f0fdf4ff;--color-global-green-green-10: #dcfce7ff;--color-global-green-green-20: #bbf7d0ff;--color-global-green-green-30: #86efacff;--color-global-green-green-40: #4ade80ff;--color-global-green-green-50: #22c55eff;--color-global-green-green-60: #16a34aff;--color-global-green-green-70: #15803dff;--color-global-green-green-80: #166534ff;--color-global-green-green-90: #14532dff;--color-global-green-green-95: #052e16ff;--color-global-emerald-emerald-05: #ecfdf5ff;--color-global-emerald-emerald-10: #d1fae5ff;--color-global-emerald-emerald-20: #a7f3d0ff;--color-global-emerald-emerald-30: #6ee7b7ff;--color-global-emerald-emerald-40: #34d399ff;--color-global-emerald-emerald-50: #10b981ff;--color-global-emerald-emerald-60: #059669ff;--color-global-emerald-emerald-70: #047857ff;--color-global-emerald-emerald-80: #065f46ff;--color-global-emerald-emerald-90: #064e3bff;--color-global-emerald-emerald-95: #022c22ff;--color-global-teal-teal-05: #f0fdfaff;--color-global-teal-teal-10: #ccfbf1ff;--color-global-teal-teal-20: #99f6e4ff;--color-global-teal-teal-30: #5eead4ff;--color-global-teal-teal-40: #2dd4bfff;--color-global-teal-teal-50: #14b8a6ff;--color-global-teal-teal-60: #0d9488ff;--color-global-teal-teal-70: #0f766eff;--color-global-teal-teal-80: #115e59ff;--color-global-teal-teal-90: #134e4aff;--color-global-teal-teal-95: #042f2eff;--color-global-cyan-cyan-05: #ecfeffff;--color-global-cyan-cyan-10: #cffafeff;--color-global-cyan-cyan-20: #a5f3fcff;--color-global-cyan-cyan-30: #67e8f9ff;--color-global-cyan-cyan-40: #22d3eeff;--color-global-cyan-cyan-50: #06b6d4ff;--color-global-cyan-cyan-60: #0891b2ff;--color-global-cyan-cyan-70: #0e7490ff;--color-global-cyan-cyan-80: #155e75ff;--color-global-cyan-cyan-90: #164e63ff;--color-global-cyan-cyan-95: #083344ff;--color-global-sky-sky-05: #f0f9ffff;--color-global-sky-sky-10: #e0f2feff;--color-global-sky-sky-20: #bae6fdff;--color-global-sky-sky-30: #7dd3fcff;--color-global-sky-sky-40: #38bdf8ff;--color-global-sky-sky-50: #0ea5e9ff;--color-global-sky-sky-60: #0284c7ff;--color-global-sky-sky-70: #0369a1ff;--color-global-sky-sky-80: #075985ff;--color-global-sky-sky-90: #0c4a6eff;--color-global-sky-sky-95: #082f49ff;--color-global-blue-blue-05: #eff6ffff;--color-global-blue-blue-10: #dbeafeff;--color-global-blue-blue-20: #bfdbfeff;--color-global-blue-blue-30: #93c5fdff;--color-global-blue-blue-40: #60a5faff;--color-global-blue-blue-40-15: #60a5fa26;--color-global-blue-blue-40-25: #60a5fa40;--color-global-blue-blue-50: #3b82f6ff;--color-global-blue-blue-60: #2563ebff;--color-global-blue-blue-60-15: #2563eb26;--color-global-blue-blue-60-25: #2563eb40;--color-global-blue-blue-70: #1d4ed8ff;--color-global-blue-blue-80: #1e40afff;--color-global-blue-blue-90: #1e3a8aff;--color-global-blue-blue-95: #172554ff;--color-global-indigo-indigo-05: #eef2ffff;--color-global-indigo-indigo-10: #e0e7ffff;--color-global-indigo-indigo-20: #c7d2feff;--color-global-indigo-indigo-30: #a5b4fcff;--color-global-indigo-indigo-40: #818cf8ff;--color-global-indigo-indigo-50: #6366f1ff;--color-global-indigo-indigo-60: #4f46e5ff;--color-global-indigo-indigo-70: #4338caff;--color-global-indigo-indigo-80: #3730a3ff;--color-global-indigo-indigo-90: #312e81ff;--color-global-indigo-indigo-95: #1e1b4bff;--color-global-violet-violet-05: #f5f3ffff;--color-global-violet-violet-10: #ede9feff;--color-global-violet-violet-20: #ddd6feff;--color-global-violet-violet-30: #c4b5fdff;--color-global-violet-violet-40: #a78bfaff;--color-global-violet-violet-50: #8b5cf6ff;--color-global-violet-violet-60: #7c3aedff;--color-global-violet-violet-70: #6d28d9ff;--color-global-violet-violet-80: #5b21b6ff;--color-global-violet-violet-90: #4c1d95ff;--color-global-violet-violet-95: #2e1065ff;--color-global-purple-purple-05: #faf5ffff;--color-global-purple-purple-10: #f3e8ffff;--color-global-purple-purple-20: #e9d5ffff;--color-global-purple-purple-30: #d8b4feff;--color-global-purple-purple-40: #c084fcff;--color-global-purple-purple-50: #a855f7ff;--color-global-purple-purple-60: #9333eaff;--color-global-purple-purple-70: #7e22ceff;--color-global-purple-purple-80: #6b21a8ff;--color-global-purple-purple-90: #581c87ff;--color-global-purple-purple-95: #3b0764ff;--color-global-fuchsia-fuchsia-05: #fdf4ffff;--color-global-fuchsia-fuchsia-10: #fae8ffff;--color-global-fuchsia-fuchsia-20: #f5d0feff;--color-global-fuchsia-fuchsia-30: #f0abfcff;--color-global-fuchsia-fuchsia-40: #e879f9ff;--color-global-fuchsia-fuchsia-50: #d946efff;--color-global-fuchsia-fuchsia-60: #c026d3ff;--color-global-fuchsia-fuchsia-70: #a21cafff;--color-global-fuchsia-fuchsia-80: #86198fff;--color-global-fuchsia-fuchsia-90: #701a75ff;--color-global-fuchsia-fuchsia-95: #4a044eff;--color-global-pink-pink-05: #fdf2f8ff;--color-global-pink-pink-10: #fce7f3ff;--color-global-pink-pink-20: #fbcfe8ff;--color-global-pink-pink-30: #f9a8d4ff;--color-global-pink-pink-40: #f472b6ff;--color-global-pink-pink-50: #ec4899ff;--color-global-pink-pink-60: #db2777ff;--color-global-pink-pink-70: #be185dff;--color-global-pink-pink-80: #9d174dff;--color-global-pink-pink-90: #831843ff;--color-global-pink-pink-95: #500724ff;--color-global-rose-rose-05: #fff1f2ff;--color-global-rose-rose-10: #ffe4e6ff;--color-global-rose-rose-20: #fecdd3ff;--color-global-rose-rose-30: #fda4afff;--color-global-rose-rose-40: #fb7185ff;--color-global-rose-rose-50: #f43f5eff;--color-global-rose-rose-60: #e11d48ff;--color-global-rose-rose-70: #be123cff;--color-global-rose-rose-80: #9f1239ff;--color-global-rose-rose-90: #881337ff;--color-global-rose-rose-95: #4c0519ff;--color-global-slate-slate-05: #f8fafcff;--color-global-slate-slate-10: #f1f5f9ff;--color-global-slate-slate-20: #e2e8f0ff;--color-global-slate-slate-30: #cbd5e1ff;--color-global-slate-slate-40: #94a3b8ff;--color-global-slate-slate-50: #64748bff;--color-global-slate-slate-60: #475569ff;--color-global-slate-slate-70: #334155ff;--color-global-slate-slate-80: #1e293bff;--color-global-slate-slate-90: #0f172aff;--color-global-slate-slate-95: #020617ff;--color-global-gray-gray-05: #f9fafbff;--color-global-gray-gray-10: #f3f4f6ff;--color-global-gray-gray-20: #e5e7ebff;--color-global-gray-gray-30: #d1d5dbff;--color-global-gray-gray-40: #9ca3afff;--color-global-gray-gray-50: #6b7280ff;--color-global-gray-gray-60: #4b5563ff;--color-global-gray-gray-70: #374151ff;--color-global-gray-gray-80: #1f2937ff;--color-global-gray-gray-90: #111827ff;--color-global-gray-gray-95: #030712ff;--color-global-zinc-zinc-05: #fafafaff;--color-global-zinc-zinc-10: #f4f4f5ff;--color-global-zinc-zinc-20: #e4e4e7ff;--color-global-zinc-zinc-30: #d4d4d8ff;--color-global-zinc-zinc-40: #a1a1aaff;--color-global-zinc-zinc-50: #71717aff;--color-global-zinc-zinc-60: #52525bff;--color-global-zinc-zinc-70: #3f3f46ff;--color-global-zinc-zinc-80: #27272aff;--color-global-zinc-zinc-90: #18181bff;--color-global-zinc-zinc-95: #09090bff;--color-global-neutral-neutral-05: #fafafaff;--color-global-neutral-neutral-05-5: #fafafa0d;--color-global-neutral-neutral-05-50: #fafafa80;--color-global-neutral-neutral-10: #f5f5f5ff;--color-global-neutral-neutral-20: #e5e5e5ff;--color-global-neutral-neutral-20-30: #e5e5e54d;--color-global-neutral-neutral-30: #d4d4d4ff;--color-global-neutral-neutral-40: #a3a3a3ff;--color-global-neutral-neutral-50: #737373ff;--color-global-neutral-neutral-50-15: #73737326;--color-global-neutral-neutral-50-20: #73737333;--color-global-neutral-neutral-50-30: #7373734d;--color-global-neutral-neutral-50-50: #73737380;--color-global-neutral-neutral-60: #525252ff;--color-global-neutral-neutral-70: #404040ff;--color-global-neutral-neutral-80: #262626ff;--color-global-neutral-neutral-90: #171717ff;--color-global-neutral-neutral-95: #0a0a0aff;--color-global-neutral-neutral-95-0: #0a0a0a00;--color-global-neutral-neutral-95-5: #0a0a0a0d;--color-global-neutral-neutral-95-15: #0a0a0a26;--color-global-neutral-neutral-95-25: #0a0a0a40;--color-global-neutral-neutral-95-50: #0a0a0a80;--color-global-neutral-neutral-95-65: #0a0a0aa6;--color-global-stone-stone-05: #fafaf9ff;--color-global-stone-stone-10: #f5f5f4ff;--color-global-stone-stone-20: #e7e5e4ff;--color-global-stone-stone-30: #d6d3d1ff;--color-global-stone-stone-40: #a8a29eff;--color-global-stone-stone-50: #78716cff;--color-global-stone-stone-60: #57534eff;--color-global-stone-stone-70: #44403cff;--color-global-stone-stone-80: #292524ff;--color-global-stone-stone-90: #1c1917ff;--color-global-stone-stone-95: #0c0a09ff;--color-alias-custom-brand: var(--color-global-dynamic-red-dynamic-red-60);--color-alias-custom-brand-subtle: var( --color-global-dynamic-red-dynamic-red-10 );--color-alias-custom-brand-strong: var( --color-global-dynamic-red-dynamic-red-80 );--color-alias-custom-brand-disabled: var( --color-global-dynamic-red-dynamic-red-20 );--color-alias-background: var(--color-global-basic-white);--image-image: light;--color-alias-background-disabled: var(--color-global-neutral-neutral-95-15);--color-alias-background-brand: var(--color-alias-custom-brand);--color-alias-background-brand-subtle: var(--color-alias-custom-brand-subtle);--color-alias-background-brand-strong: var(--color-alias-custom-brand-strong);--color-alias-background-brand-disabled: var( --color-alias-custom-brand-disabled );--color-alias-background-inverse: var(--color-global-neutral-neutral-80);--color-alias-background-disabled-inverse: var(--color-global-basic-white-15);--color-alias-background-grid-pattern: var( --color-global-neutral-neutral-20-30 );--color-alias-layer-01: var(--color-global-neutral-neutral-10);--color-alias-layer-hover-01: var(--color-global-neutral-neutral-20);--color-alias-layer-accent-01: var(--color-global-neutral-neutral-20);--color-alias-layer-accent-hover-01: var(--color-global-neutral-neutral-30);--color-alias-layer-02: var(--color-global-basic-white);--color-alias-layer-hover-02: var(--color-global-neutral-neutral-10);--color-alias-layer-accent-02: var(--color-global-neutral-neutral-20);--color-alias-layer-accent-hover-02: var(--color-global-neutral-neutral-30);--color-alias-layer-overlay: var(--color-global-neutral-neutral-95-5);--color-alias-layer-overlay-inverse: var(--color-global-neutral-neutral-05-5);--color-alias-border-subtle-00: var(--color-global-neutral-neutral-20);--color-alias-border-subtle-01: var(--color-global-neutral-neutral-30);--color-alias-border-subtle-selected-01: var( --color-global-neutral-neutral-40 );--color-alias-border-strong-01: var(--color-global-neutral-neutral-50);--color-alias-border-subtle-02: var(--color-global-neutral-neutral-20);--color-alias-border-subtle-selected-02: var(--global-neutral-neutral-30);--color-alias-border-strong-02: var(--color-global-neutral-neutral-50);--color-alias-border-inverse: var(--color-global-neutral-neutral-60);--color-alias-border-disabled: var(--color-global-neutral-neutral-95-25);--color-alias-border-disabled-inverse: var(--color-global-basic-white-25);--color-alias-border-brand: var(--color-alias-custom-brand);--color-alias-border-on-brand: var(--color-global-basic-white);--color-alias-border-overlay: var(--color-global-neutral-neutral-95-15);--color-alias-object-primary: var(--color-global-neutral-neutral-95);--color-alias-object-primary-inverse: var(--color-global-basic-white);--color-alias-object-secondary: var(--color-global-neutral-neutral-50);--color-alias-object-placeholder: var(--color-global-neutral-neutral-40);--color-alias-object-disabled: var(--color-global-neutral-neutral-95-25);--color-alias-object-disabled-inverse: var(--color-global-basic-white-25);--color-alias-object-brand: var(--color-alias-custom-brand);--color-alias-object-on-brand: var(--color-global-basic-white);--color-alias-object-on-color-dark: var(--color-global-basic-white);--color-alias-object-on-color-light: var(--color-global-neutral-neutral-95);--color-alias-object-helper: var(--color-global-neutral-neutral-50);--color-alias-object-interactive: var(--color-alias-custom-brand);--color-alias-link-primary: var(--color-global-blue-blue-50);--color-alias-link-primary-hover: var(--color-global-blue-blue-60);--color-alias-link-secondary: var(--color-global-blue-blue-60);--color-alias-link-visited: var(--color-global-purple-purple-60);--color-alias-link-inverse: var(--color-global-blue-blue-40);--color-alias-link-inverse-hover: var(--color-global-blue-blue-30);--color-alias-link-inverse-visited: var(--color-global-purple-purple-40);--color-alias-support-negative: var(--color-global-red-red-60);--color-alias-support-negative-subtle: var(--color-global-red-red-05);--color-alias-support-negative-inverse: var(--color-global-red-red-50);--color-alias-support-positive: var(--color-global-green-green-60);--color-alias-support-positive-subtle: var(--color-global-green-green-05);--color-alias-support-positive-inverse: var(--color-global-green-green-40);--color-alias-support-warning: var(--color-global-orange-orange-60);--color-alias-support-warning-subtle: var(--color-global-orange-orange-05);--color-alias-support-warning-inverse: var(--color-global-orange-orange-40);--color-alias-support-info: var(--color-global-blue-blue-70);--color-alias-support-info-subtle: var(--color-global-blue-blue-05);--color-alias-support-info-inverse: var(--color-global-blue-blue-50);--color-alias-support-highlight: var(--color-global-yellow-yellow-40);--color-alias-switch-off: var(--color-global-neutral-neutral-40);--color-alias-overlay: var(--color-global-neutral-neutral-95-50);--color-alias-overlay-subtle: var(--color-global-neutral-neutral-95-15);--color-alias-transparent: var(--color-global-basic-white-0);--color-alias-picker-view-overlay: var(--color-global-basic-white-80);--color-alias-skeleton-element: var(--color-global-neutral-neutral-30);--color-alias-skeleton-element-inverse: var( --color-global-neutral-neutral-50 );--color-alias-skeleton-background: var(--color-global-neutral-neutral-10);--color-alias-skeleton-background-inverse: var( --color-global-neutral-neutral-70 );--color-alias-background-nav-box: var(--color-global-basic-black-5);--color-alias-background-nav-box-inverse: var(--color-global-basic-black-20)}:root[data-theme=dark]{--color-alias-custom-brand: var(--color-global-red-red-50);--color-alias-custom-brand-subtle: var(--color-global-red-red-90);--color-alias-custom-brand-strong: var(--color-global-red-red-70);--color-alias-custom-brand-disabled: var(--color-global-red-red-80);--color-alias-background: var(--color-global-neutral-neutral-80);--image-image: dark;--color-alias-background-disabled: var(--color-global-basic-white-15);--color-alias-background-brand: var(--color-alias-custom-brand);--color-alias-background-brand-subtle: var(--color-alias-custom-brand-subtle);--color-alias-background-brand-strong: var(--color-alias-custom-brand-strong);--color-alias-background-brand-disabled: var( --color-alias-custom-brand-disabled );--color-alias-background-inverse: var(--color-global-basic-white);--color-alias-background-disabled-inverse: var( --color-global-neutral-neutral-95-15 );--color-alias-background-grid-pattern: var(--color-global-neutral-neutral-80);--color-alias-layer-01: var(--color-global-neutral-neutral-90);--color-alias-layer-hover-01: var(--color-global-neutral-neutral-95);--color-alias-layer-accent-01: var(--color-global-basic-black);--color-alias-layer-accent-hover-01: var(--color-global-basic-black);--color-alias-layer-02: var(--color-global-neutral-neutral-80);--color-alias-layer-hover-02: var(--color-global-neutral-neutral-95);--color-alias-layer-accent-02: var(--color-global-basic-black);--color-alias-layer-accent-hover-02: var(--color-global-basic-black);--color-alias-layer-overlay: var(--color-global-neutral-neutral-95-50);--color-alias-layer-overlay-inverse: var( --color-global-neutral-neutral-05-50 );--color-alias-border-subtle-00: var(--color-global-neutral-neutral-60);--color-alias-border-subtle-01: var(--color-global-neutral-neutral-50);--color-alias-border-subtle-selected-01: var( --color-global-neutral-neutral-40 );--color-alias-border-strong-01: var(--color-global-neutral-neutral-30);--color-alias-border-subtle-02: var(--global-neutral-neutral-40);--color-alias-border-subtle-selected-02: var( --color-global-neutral-neutral-30 );--color-alias-border-strong-02: var(--color-global-neutral-neutral-30);--color-alias-border-inverse: var(--color-global-neutral-neutral-20);--color-alias-border-disabled: var(--color-global-basic-white-25);--color-alias-border-disabled-inverse: var( --color-global-neutral-neutral-95-25 );--color-alias-border-brand: var(--color-alias-custom-brand);--color-alias-border-on-brand: var(--color-global-basic-white);--color-alias-border-overlay: var(--color-global-basic-white-15);--color-alias-object-primary: var(--color-global-basic-white);--color-alias-object-primary-inverse: var(--color-global-neutral-neutral-95);--color-alias-object-secondary: var(--color-global-neutral-neutral-30);--color-alias-object-placeholder: var(--color-global-neutral-neutral-50);--color-alias-object-disabled: var(--color-global-basic-white-25);--color-alias-object-disabled-inverse: var( --color-global-neutral-neutral-95-25 );--color-alias-object-brand: var(--color-alias-custom-brand);--color-alias-object-on-brand: var(--color-global-basic-white);--color-alias-object-on-color-dark: var(--color-global-basic-white);--color-alias-object-on-color-light: var(--color-global-neutral-neutral-95);--color-alias-object-helper: var(--color-global-neutral-neutral-30);--color-alias-object-interactive: var(--color-alias-custom-brand);--color-alias-link-primary: var(--color-global-blue-blue-40);--color-alias-link-primary-hover: var(--color-global-blue-blue-50);--color-alias-link-secondary: var(--color-global-blue-blue-50);--color-alias-link-visited: var(--color-global-purple-purple-40);--color-alias-link-inverse: var(--color-global-blue-blue-50);--color-alias-link-inverse-hover: var(--color-global-blue-blue-60);--color-alias-link-inverse-visited: var(--color-global-purple-purple-60);--color-alias-support-negative: var(--color-global-red-red-50);--color-alias-support-negative-subtle: var(--color-global-red-red-90);--color-alias-support-negative-inverse: var(--color-global-red-red-60);--color-alias-support-positive: var(--color-global-green-green-40);--color-alias-support-positive-subtle: var(--color-global-green-green-90);--color-alias-support-positive-inverse: var(--color-global-green-green-50);--color-alias-support-warning: var(--color-global-orange-orange-40);--color-alias-support-warning-subtle: var(--color-global-orange-orange-90);--color-alias-support-warning-inverse: var(--color-global-orange-orange-50);--color-alias-support-info: var(--color-global-blue-blue-50);--color-alias-support-info-subtle: var(--color-global-blue-blue-90);--color-alias-support-info-inverse: var(--color-global-blue-blue-70);--color-alias-support-highlight: var(--color-global-yellow-yellow-40);--color-alias-switch-off: var(--color-global-neutral-neutral-60);--color-alias-overlay: var(--color-global-neutral-neutral-95-65);--color-alias-transparent: var(--color-global-neutral-neutral-95-0);--color-alias-picker-view-overlay: var(--color-global-neutral-neutral-95-50);--color-alias-skeleton-element: var(--color-global-neutral-neutral-50);--color-alias-skeleton-element-inverse: var( --color-global-neutral-neutral-30 );--color-alias-skeleton-background: var(--color-global-neutral-neutral-70);--color-alias-skeleton-background-inverse: var( --color-global-neutral-neutral-10 );--color-alias-background-nav-box: var(--color-global-basic-black-20);--color-alias-background-nav-box-inverse: var(--color-global-basic-black-5)}:root{--opacity-opacity-5: 5px;--opacity-opacity-10: 10px;--opacity-opacity-15: 15px;--opacity-opacity-20: 20px;--opacity-opacity-25: 25px;--opacity-opacity-30: 30px;--opacity-opacity-35: 35px;--opacity-opacity-40: 40px;--opacity-opacity-45: 46px;--opacity-opacity-50: 50px;--opacity-opacity-55: 55px;--opacity-opacity-60: 60px;--opacity-opacity-65: 65px;--opacity-opacity-70: 70px;--opacity-opacity-75: 75px;--opacity-opacity-80: 80px;--opacity-opacity-85: 85px;--opacity-opacity-90: 90px;--opacity-opacity-95: 95px;--blur-blur-sm: 4px;--blur-blur: 8px;--blur-blur-md: 12px;--blur-blur-lg: 16px;--blur-blur-xl: 24px;--blur-blur-2xl: 40px;--blur-blur-3xl: 64px}:root{--radius-rounded-none: 0px;--radius-rounded-sm: var(--0_125rem);--radius-rounded: var(--0_25rem);--radius-rounded-md: var(--0_375rem);--radius-rounded-lg: var(--0_5rem);--radius-rounded-xl: var(--0_75rem);--radius-rounded-2xl: var(--1rem);--radius-rounded-3xl: var(--1_5rem);--radius-rounded-4xl: var(--2rem);--radius-rounded-circle: 10000px;--size-size-0: 0px;--size-size-px: 1px;--size-size-0_5: var(--0_125rem);--size-size-1: var(--0_25rem);--size-size-1_5: var(--0_375rem);--size-size-2: var(--0_5rem);--size-size-2_5: var(--0_625rem);--size-size-3: var(--0_75rem);--size-size-3_5: var(--0_875rem);--size-size-4: var(--1rem);--size-size-5: var(--1_25rem);--size-size-6: var(--1_5rem);--size-size-7: var(--1_75rem);--size-size-8: var(--2rem);--size-size-9: var(--2_25rem);--size-size-10: var(--2_5rem);--size-size-11: var(--2_75rem);--size-size-12: var(--3rem);--size-size-14: var(--3_5rem);--size-size-16: var(--4rem);--size-size-20: var(--5rem);--size-size-24: var(--6rem);--size-size-28: var(--7rem);--size-size-32: var(--8rem);--size-size-36: var(--9rem);--size-size-40: var(--10rem);--size-size-44: var(--11rem);--size-size-48: var(--12rem);--size-size-52: var(--13rem);--size-size-56: var(--14rem);--size-size-60: var(--15rem);--size-size-64: var(--16rem);--size-size-72: var(--18rem);--size-size-80: var(--20rem);--size-size-96: var(--24rem);--gap-gap-0: 0px;--gap-gap-px: 1px;--gap-gap-0_5: var(--0_125rem);--gap-gap-1: var(--0_25rem);--gap-gap-1_5: var(--0_375rem);--gap-gap-2: var(--0_5rem);--gap-gap-2_5: var(--0_625rem);--gap-gap-3: var(--0_75rem);--gap-gap-3_5: var(--0_875rem);--gap-gap-4: var(--1rem);--gap-gap-5: var(--1_25rem);--gap-gap-6: var(--1_5rem);--gap-gap-7: var(--1_75rem);--gap-gap-8: var(--2rem);--gap-gap-9: var(--2_25rem);--gap-gap-10: var(--2_5rem);--gap-gap-11: var(--2_75rem);--gap-gap-12: var(--3rem);--gap-gap-14: var(--3_5rem);--gap-gap-16: var(--4rem);--gap-gap-20: var(--5rem);--gap-gap-24: var(--6rem);--gap-gap-28: var(--7rem);--gap-gap-32: var(--8rem);--gap-gap-36: var(--9rem);--gap-gap-40: var(--10rem);--gap-gap-44: var(--11rem);--gap-gap-48: var(--12rem);--gap-gap-52: var(--13rem);--gap-gap-56: var(--14rem);--gap-gap-60: var(--15rem);--gap-gap-64: var(--16rem);--gap-gap-72: var(--18rem);--gap-gap-80: var(--20rem);--gap-gap-96: var(--24rem)}:root{--font-family-font-lexend: Lexend;--font-size-font-size-2xs: var(--0_625rem);--font-size-font-size-xs: var(--0_75rem);--font-size-font-size-sm: var(--0_875rem);--font-size-font-size-base: var(--1rem);--font-size-font-size-lg: var(--1_125rem);--font-size-font-size-xl: var(--1_25rem);--font-size-font-size-2xl: var(--1_5rem);--font-size-font-size-3xl: var(--1_875rem);--font-size-font-size-4xl: var(--2_25rem);--font-size-font-size-5xl: var(--3rem);--font-size-font-size-6xl: var(--3_75rem);--font-size-font-size-7xl: var(--4_5rem);--font-size-font-size-8xl: var(--6rem);--font-size-font-size-9xl: var(--8rem);--line-height-line-height-2xs: var(--0_75rem);--line-height-line-height-xs: var(--1rem);--line-height-line-height-sm: var(--1_25rem);--line-height-line-height-base: var(--1_5rem);--line-height-line-height-lg: var(--1_75rem);--line-height-line-height-xl: var(--1_75rem);--line-height-line-height-2xl: var(--2rem);--line-height-line-height-3xl: var(--2_25rem);--line-height-line-height-4xl: var(--2_5rem);--line-height-line-height-5xl: var(--3rem);--font-weight-font-weight-regular: Regular;--font-weight-font-weight-medium: Medium;--font-weight-font-weight-semibold: Semi Bold;--font-weight-font-weight-bold: Bold}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;height:100%;text-size-adjust:100%}html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;outline:none}*{text-underline-offset:4px}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:inherit}:root{--primary-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary-font-weight: normal;--primary-line-height: normal;--primary-text-color: var(--color-alias-object-primary, #0a0a0a);--primary-background-color: #ffffff;--primary-anchor-color: var(--color-alias-custom-brand)}body{margin:0;font-family:var(--primary-font-family);font-weight:var(--primary-font-weight);line-height:var(--primary-line-height);color:var(--primary-text-color);background-color:var(--primary-background-color);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(var(--color-black),0)}a,button{cursor:pointer}a{color:var(--color-alias-link-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0;background:transparent}div.px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100dvw;top:-100dvh;-webkit-user-select:none;user-select:none;pointer-events:none}.ka-wrapper,.ka-content{width:100%;height:100%}body{--vsf-bottom-tab-bar-height: calc(var(--safe-area-inset-bottom, 0px) + 52px)}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwkT9mI1F55MKw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwAT9mI1F55MKw.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwgT9mI1F55MKw.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwcT9mI1F55MKw.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwsT9mI1F55MKw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwoT9mI1F55MKw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwQT9mI1F54.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvvYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvmYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvuYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvhYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvtYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvsYwYZ8UA3J58.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwYZ8UA3.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-font-family: "Inter", sans-serif}@font-face{font-family:v-mini-icon;src:url(./v-mini-icon-Dn1BmJzb.woff2);font-weight:400;font-style:normal}.vsf-bottom-tab-bar-page{width:100%;height:calc(100% - var(--vsf-current-bottom-tab-bar-height, 56px))}:root{--vt-duration: 0s;--vt-timing: ease-in-out;--vt-new-name: vt-slide-in-forward;--vt-old-name: vt-slide-out-forward;--vt-new-index: 1;--vt-old-index: 0}::view-transition-new(root){animation:var(--vt-new-name) var(--vt-duration) var(--vt-timing) forwards;z-index:var(--vt-new-index)}::view-transition-old(root){animation:var(--vt-old-name) var(--vt-duration) var(--vt-timing) forwards;z-index:var(--vt-old-index)}@keyframes vt-slide_left-in-forward{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes vt-slide_left-out-forward{to{transform:translate(-20%)}}@keyframes vt-slide_left-in-back{0%{transform:translate(-20%)}to{transform:translate(0)}}@keyframes vt-slide_left-out-back{to{transform:translate(100%)}}@keyframes vt-slide_up-in-forward{0%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes vt-slide_up-out-forward{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes vt-slide_up-in-back{0%{transform:translate(0)}to{transform:translate(0)}}@keyframes vt-slide_up-out-back{0%{transform:translate(0)}to{transform:translateY(100%)}}@keyframes vt-fade_in-in-forward{0%{opacity:0}to{opacity:1}}@keyframes vt-fade_in-out-forward{0%{opacity:1}to{opacity:0}}@keyframes vt-fade_in-in-back{0%{opacity:0}to{opacity:1}}@keyframes vt-fade_in-out-back{0%{opacity:1}to{opacity:0}}.vsf-app{flex:1;display:flex;flex-direction:column;height:100dvh;overflow:hidden;background-color:var(--color-background-app, #f5f5f5);position:relative}.vsf-page{flex:1;width:100%;height:100%;overflow:auto}.vsf-page--safe-area-top-offset{padding-top:var(--safe-area-inset-top, 0px)}.vsf-page--header-offset{padding-top:var(--vsf-title-bar-height, 56px)}.vsf-page--safe-area-bottom-offset{padding-bottom:var(--safe-area-inset-bottom, 0px)}.vsf-page__content{position:relative}.vsf-page__content--spacing{padding:var(--gap-gap-4, 16px)}.vsf-typography__size--inherit{font-size:inherit;line-height:inherit}.vsf-typography__size--5x-large{font-size:var(--font-size-font-size-5xl, 48px);line-height:var(--line-height-line-height-5xl, 48px)}.vsf-typography__size--4x-large{font-size:var(--font-size-font-size-4xl, 36px);line-height:var(--line-height-line-height-4xl, 40px)}.vsf-typography__size--3x-large{font-size:var(--font-size-font-size-3xl, 30px);line-height:var(--line-height-line-height-3xl, 36px)}.vsf-typography__size--2x-large{font-size:var(--font-size-font-size-2xl, 24px);line-height:var(--line-height-line-height-2xl, 32px)}.vsf-typography__size--x-large{font-size:var(--font-size-font-size-xl, 20px);line-height:var(--line-height-line-height-lg, 28px)}.vsf-typography__size--large{font-size:var(--font-size-font-size-lg, 18px);line-height:var(--line-height-line-height-lg, 28px)}.vsf-typography__size--base{font-size:var(--font-size-font-size-base, 16px);line-height:var(--line-height-line-height-base, 24px)}.vsf-typography__size--small{font-size:var(--font-size-font-size-sm, 14px);line-height:var(--line-height-line-height-sm, 20px)}.vsf-typography__size--x-small{font-size:var(--font-size-font-size-xs, 12px);line-height:var(--line-height-line-height-xs, 16px)}.vsf-typography__size--2x-small{font-size:var(--font-size-font-size-2xs, 10px);line-height:var(--line-height-line-height-2xs, 12px)}.vsf-typography__size--3x-small{font-size:8px;line-height:10px}.vsf-typography__weight--inherit{font-weight:inherit}.vsf-typography__weight--100{font-weight:100}.vsf-typography__weight--200{font-weight:200}.vsf-typography__weight--light,.vsf-typography__weight--300{font-weight:300}.vsf-typography__weight--regular,.vsf-typography__weight--400{font-weight:400}.vsf-typography__weight--medium,.vsf-typography__weight--500{font-weight:500}.vsf-typography__weight--semibold,.vsf-typography__weight--600{font-weight:600}.vsf-typography__weight--bold,.vsf-typography__weight--700{font-weight:700}.vsf-typography__weight--800{font-weight:800}.vsf-typography__weight--900{font-weight:900}.vsf-icon{font-family:v-mini-icon;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:inherit;width:inherit;height:inherit}.vsf-icon svg{width:100%;height:100%}.vsf-icon--spin{animation:spin 1s linear infinite}.vsf-icon--ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.vsf-icon--pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.vsf-icon--bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.vsf-button{display:inline-flex;justify-content:center;align-items:center;border-radius:0;outline:none;border:none;text-align:center;cursor:pointer;transition:all ease .3s;position:relative;overflow:hidden}.vsf-button>*{position:relative;z-index:10}.vsf-button__overlay{position:absolute;inset:0;z-index:9;transition:all ease .3s;opacity:0}.vsf-button:active .vsf-button__overlay,.vsf-button--loading .vsf-button__overlay{opacity:.25}.vsf-button:disabled{cursor:not-allowed}.vsf-button:disabled .vsf-button__overlay{opacity:0}.vsf-button--large{padding:var(--gap-gap-3, 12px) var(--gap-gap-6, 24px);min-height:var(--size-size-12, 48px);max-height:var(--size-size-12, 48px);gap:var(--gap-gap-2, 8px)}.vsf-button--large.vsf-button--icon-only{padding:var(--gap-gap-3, 12px);min-width:var(--size-size-12, 48px);max-width:var(--size-size-12, 48px)}.vsf-button--medium{padding:var(--gap-gap-1_5, 6px) var(--gap-gap-3, 12px);min-height:var(--size-size-8, 32px);max-height:var(--size-size-8, 32px);gap:var(--gap-gap-15, 6px)}.vsf-button--medium.vsf-button--icon-only{padding:var(--gap-gap-1_5, 6px);min-width:var(--size-size-8, 32px);max-width:var(--size-size-8, 32px)}.vsf-button--rounded{border-radius:var(--radius-rounded-lg, 8px)}.vsf-button--pill{border-radius:var(--radius-rounded-circle, 10000px)}.vsf-button--solid{background:var(--color-alias-background-brand, #ea0029);color:var(--color-alias-object-on-brand, #fff)}.vsf-button--solid .vsf-button__overlay{background:var(--color-alias-object-on-brand, #fff)}.vsf-button--solid.vsf-button--theme-neutral{color:var(--color-alias-object-primary-inverse, #fff);background:var(--color-alias-background-inverse, #262626)}.vsf-button--solid.vsf-button--theme-neutral .vsf-button__overlay{background:var(--color-alias-object-primary-inverse, #fff)}.vsf-button--solid.vsf-button--theme-neutral-inverse{color:var(--color-alias-object-primary, #0a0a0a);background:var(--color-alias-background, #fff)}.vsf-button--solid.vsf-button--theme-neutral-inverse .vsf-button__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-button--solid:disabled{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15));color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-button--solid-subtle{background:var(--color-alias-background-brand-subtle, #fde2e7);color:var(--color-alias-object-brand, #ea0029)}.vsf-button--solid-subtle .vsf-button__overlay{background:var(--color-alias-object-brand, #ea0029)}.vsf-button--solid-subtle.vsf-button--theme-neutral{color:var(--color-alias-object-primary, #0a0a0a);background:var(--color-alias-layer-overlay, rgba(10, 10, 10, .05))}.vsf-button--solid-subtle.vsf-button--theme-neutral .vsf-button__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-button--solid-subtle.vsf-button--theme-neutral-inverse{color:var(--color-alias-object-primary-inverse, #fff);background:var(--color-alias-layer-overlay-inverse, rgba(250, 250, 250, .05))}.vsf-button--solid-subtle.vsf-button--theme-neutral-inverse .vsf-button__overlay{background:var(--color-alias-object-primary-inverse, #fff)}.vsf-button--solid-subtle:disabled{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15));color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-button--outline{border:1px solid var(--color-alias-border-brand, #ea0029);background:var(--color-alias-background, #fff);color:var(--color-alias-object-brand, #ea0029)}.vsf-button--outline .vsf-button__overlay{background:var(--color-alias-object-brand, #ea0029)}.vsf-button--outline.vsf-button--theme-neutral{border:1px solid var(--color-alias-border-subtle-01, #d4d4d4);color:var(--color-alias-object-primary, #0a0a0a);background:var(--color-alias-background, #fff)}.vsf-button--outline.vsf-button--theme-neutral .vsf-button__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-button--outline.vsf-button--theme-neutral-inverse{color:var(--color-alias-object-primary-inverse, #fff);border:1px solid var(--color-alias-border-inverse, #525252);background:var(--color-alias-background-inverse, #262626)}.vsf-button--outline.vsf-button--theme-neutral-inverse .vsf-button__overlay{background:var(--color-alias-object-primary-inverse, #fff)}.vsf-button--outline:disabled{border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25));color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-button--ghost{background:transparent;color:var(--color-alias-object-brand, #ea0029)}.vsf-button--ghost .vsf-button__overlay{background:var(--color-alias-object-brand, #ea0029)}.vsf-button--ghost.vsf-button--theme-neutral{color:var(--color-alias-object-primary, #0a0a0a)}.vsf-button--ghost.vsf-button--theme-neutral .vsf-button__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-button--ghost.vsf-button--theme-neutral-inverse{color:var(--color-alias-object-primary-inverse, #fff)}.vsf-button--ghost.vsf-button--theme-neutral-inverse .vsf-button__overlay{background:var(--color-alias-object-primary-inverse, #fff)}.vsf-button--ghost:disabled{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25));background-color:transparent}.vsf-button--block{display:flex}.vsf-button__icon{display:inline-flex;font-size:var(--size-size-5, 20px)}.vsf-button__icon svg,.vsf-button__icon img,.vsf-button__icon .vsf-icon{font-size:var(--size-size-5, 20px);width:var(--size-size-5, 20px);height:var(--size-size-5, 20px)}.vsf-button__icon svg svg,.vsf-button__icon img svg,.vsf-button__icon .vsf-icon svg{font-size:inherit;width:inherit;height:inherit}.vsf-navigation-bar{--navigation-bar-icon-background: transparent;--navigation-bar-border-width: 1px;--navigation-bar-border-color: var(--navigation-bar-background);--navigation-bar-opacity: 1}.vsf-navigation-bar--default{--navigation-bar-background: var(--color-alias-background);--navigation-bar-icon-color: var(--color-alias-object-primary);--navigation-bar-title-color: var(--color-alias-object-primary)}.vsf-navigation-bar--default.vsf-navigation-bar--transparent{--navigation-bar-icon-background: var(--color-alias-background-nav-box)}.vsf-navigation-bar--inverse{--navigation-bar-background: var(--color-alias-background-inverse);--navigation-bar-icon-color: var(--color-alias-object-primary-inverse);--navigation-bar-title-color: var(--color-alias-object-primary-inverse)}.vsf-navigation-bar--inverse.vsf-navigation-bar--transparent{--navigation-bar-icon-background: var( --color-alias-background-nav-box-inverse )}.vsf-navigation-bar--transparent{--navigation-bar-background: transparent;--navigation-bar-border-color: transparent;--navigation-bar-opacity: 0}.vsf-navigation-bar--divider{--navigation-bar-border-color: var(--color-alias-border-subtle-00)}.vsf-navigation-bar{height:var(--vsf-title-bar-height, 56px);display:flex;align-items:center;padding-top:var(--safe-area-inset-top, 0px);padding-left:var(--gap-gap-4, 16px);padding-right:var(--vsf-header-padding-right, 16px);position:relative}.vsf-navigation-bar__background{position:absolute;inset:0;background-color:var(--navigation-bar-background);border-bottom:var(--navigation-bar-border-width) solid var(--navigation-bar-border-color);opacity:var(--navigation-bar-opacity)}.vsf-navigation-bar__inner{display:flex;align-items:center;gap:var(--gap-gap-2, 8px);width:100%;position:relative}.vsf-navigation-bar__icon{padding:10px;border:none;outline:none;width:var(--size-size-11, 44px);height:var(--size-size-11, 44px);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--navigation-bar-icon-background);color:var(--navigation-bar-icon-color);cursor:pointer;position:relative;font-size:24px}.vsf-navigation-bar__icon img,.vsf-navigation-bar__icon svg{width:24px;height:24px}.vsf-navigation-bar__title{overflow:hidden;color:var(--navigation-bar-title-color);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-style:normal;font-weight:500;line-height:1.5;flex:1}.vsf-navigation-bar-page__navbar{width:100%}.vsf-navigation-bar-page__navbar--sticky{position:absolute;z-index:999}.vsf-navigation-bar-page__children{display:flex;height:calc(100% - var(--vsf-title-bar-height, 56px))}.vsf-navigation-bar-page__children>*{flex:1}.vsf-navigation-bar-page__children--full{height:100%}.vsf-bottom-tab-bar{height:var(--vsf-bottom-tab-bar-height, 56px);position:relative;display:flex;align-items:stretch;background:var(--color-alias-background, #fff);--bottom-offset: 0px;--tab-bar-height: 40px;height:calc(var(--bottom-offset) + var(--tab-bar-height));padding-bottom:var(--bottom-offset)}.vsf-bottom-tab-bar--safe-area-bottom-offset{--bottom-offset: var(--safe-area-inset-bottom, 0px)}.vsf-bottom-tab-bar--has-icon{--tab-bar-height: 52px}.vsf-bottom-tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.vsf-bottom-tab-bar__item--active .vsf-bottom-tab-bar__icon{display:none}.vsf-bottom-tab-bar__item--active .vsf-bottom-tab-bar__icon-active{display:flex}.vsf-bottom-tab-bar__item--active .vsf-bottom-tab-bar__label{display:none}.vsf-bottom-tab-bar__item--active .vsf-bottom-tab-bar__label-active{display:block}.vsf-bottom-tab-bar__icon-active,.vsf-bottom-tab-bar__icon{text-align:center;font-size:20px}.vsf-bottom-tab-bar__icon-active>img,.vsf-bottom-tab-bar__icon-active svg,.vsf-bottom-tab-bar__icon>img,.vsf-bottom-tab-bar__icon svg{width:20px;height:20px}.vsf-bottom-tab-bar__icon{color:var(--color-alias-object-secondary, #737373);display:flex}.vsf-bottom-tab-bar__icon-active{color:var(--color-alias-object-brand, #ea0029);display:none}.vsf-bottom-tab-bar__label{color:var(--color-alias-object-secondary, #737373);text-align:center}.vsf-bottom-tab-bar__label-active{color:var(--color-alias-object-brand, #ea0029);text-align:center;font-weight:500;display:none}.vsf-bottom-tab-bar__divider{height:1px;position:absolute;left:0;right:0;top:0;background-color:var(--color-alias-border-subtle-00, #e5e5e5)}.vsf-bottom-tab-bar__indicator{height:1px;position:absolute;top:0;transition:all ease .3s;background-color:var(--color-alias-object-brand, #ea0029)}.vsf-carousel__viewport{overflow:hidden}.vsf-carousel__tracks{display:flex;align-items:flex-start;touch-action:pan-y pinch-zoom;margin-left:calc(var(--carousel-gap) * -1);transition:height ease .25s}.vsf-carousel__item{flex-shrink:0;width:calc(100% - var(--carousel-gap) * 2 - 16px);padding-left:var(--carousel-gap);transform:translateZ(0)}.vsf-pagination{display:flex;align-items:center;justify-content:center;gap:var(--gap-gap-1, 4px);margin-top:var(--gap-gap-4, 16px)}.vsf-pagination__item{display:flex;width:var(--size-size-4, 16px);height:var(--size-size-05, 2px);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-circle, 10000px);background:var(--color-alias-layer-accent-01, #e5e5e5);transition:all ease .3s}.vsf-pagination__item--active{background:var(--color-alias-background-brand, #ea0029);width:var(--size-size-6, 24px)}.vsf-sheet{position:fixed;z-index:var(--sheet-index, 1000);inset:0;padding-bottom:calc(var(--safe-area-inset-bottom, 0px) + var(--gap-gap-3, 12px));padding-top:calc(var(--vsf-title-bar-height, 56px) + var(--gap-gap-3, 12px));padding-left:var(--gap-gap-3, 12px);padding-right:var(--gap-gap-3, 12px);display:flex;align-items:flex-end;display:none}.vsf-sheet--open{display:flex}.vsf-sheet__overlay{position:absolute;inset:0;z-index:1;background:var(--color-alias-overlay, rgba(10, 10, 10, .5))}.vsf-sheet__overlay--blur{background:var(--color-alias-overlay-subtle, rgba(10, 10, 10, .05));-webkit-backdrop-filter:blur(calc(var(--blur-blur, 8px) / 2));backdrop-filter:blur(calc(var(--blur-blur, 8px) / 2))}.vsf-sheet__overlay{animation:vsf-sheet--fade .25s ease-out}@keyframes vsf-sheet--fade{0%{opacity:0}to{opacity:1}}.vsf-sheet__box{position:relative;width:100%;z-index:2;border-radius:var(--radius-rounded-3xl, 24px);background:var(--color-alias-background, #fff);overflow:hidden;max-height:100%;display:flex;flex-direction:column;animation:vsf-sheet--fade-up .25s ease-out}@keyframes vsf-sheet--fade-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.vsf-sheet-header{display:flex;padding:var(--gap-gap-3, 12px);align-items:center;gap:var(--gap-gap-1, 4px);border-radius:var(--radius-rounded-none, 0);width:100%}.vsf-sheet-header__placeholder-icon{width:32px;height:32px}.vsf-sheet-header__title{flex:1;overflow:hidden;color:var(--color-alias-object-primary, #0a0a0a);text-align:center;text-overflow:ellipsis}.vsf-sheet-body{width:100%;padding-top:var(--gap-gap-0, 0);padding-bottom:var(--gap-gap-4, 16px);overflow:auto}.vsf-sheet-body--horizontal-space{padding-left:var(--gap-gap-4, 16px);padding-right:var(--gap-gap-4, 16px)}.vsf-sheet-footer{width:100%;display:flex;padding:var(--gap-gap-4, 16px);flex-direction:row;align-items:flex-start;gap:var(--gap-gap-3, 12px);align-self:stretch}.vsf-sheet-footer>*{flex:1}body:has(.vsf-sheet--open){overflow:hidden}.vsf-section{display:flex;padding-top:var(--gap-gap-4, 16px);padding-bottom:var(--gap-gap-4, 16px);flex-direction:column;align-items:stretch;gap:var(--gap-gap-0, 0);align-self:stretch;border-radius:0;background:var(--color-alias-background, #fff)}.vsf-section--space{gap:var(--gap-gap-3, 12px)}.vsf-section--shape-rounded{border-radius:var(--radius-rounded-2xl, 16px)}.vsf-section-title{display:flex;padding:var(--gap-gap-0, 0) var(--gap-gap-4, 16px);align-items:center;gap:var(--gap-gap-2, 8px)}.vsf-section-title__icon{font-size:20px;display:flex}.vsf-section-title__icon img,.vsf-section-title__icon svg{width:20px;height:20px}.vsf-section-title__title{flex:1}.vsf-section-content{padding:var(--gap-gap-0, 0) var(--gap-gap-4, 16px)}.vsf-list-item{display:flex;padding:var(--gap-gap-3, 12px) var(--gap-gap-4, 16px);align-items:flex-start;gap:var(--gap-gap-3, 12px);position:relative;align-items:center}.vsf-list-item__divider{position:absolute;left:var(--gap-gap-4, 16px);right:var(--gap-gap-4, 16px);bottom:0;height:1px;background:var(--color-alias-border-subtle-00, #e5e5e5)}.vsf-list-item__content{display:flex;flex-direction:column;flex:1}.vsf-list-item__prefix,.vsf-list-item__lead-content,.vsf-list-item__suffix,.vsf-list-item__trail-content{display:flex}.vsf-option-item{display:flex;padding:var(--gap-gap-3, 12px) var(--gap-gap-4, 16px);justify-content:center;align-items:center;gap:var(--gap-gap-1, 4px);position:relative}.vsf-option-item__content{flex:1;position:relative;z-index:10}.vsf-option-item__icon{position:relative;z-index:10}.vsf-option-item__overlay{position:absolute;z-index:1;left:var(--gap-gap-2, 8px);top:var(--gap-gap-1, 4px);right:var(--gap-gap-2, 8px);bottom:var(--gap-gap-1, 4px);border-radius:var(--radius-rounded-lg, 8px);transition:all ease .4s;opacity:0}.vsf-option-item:active .vsf-option-item__overlay{opacity:.15}.vsf-option-item__divider{position:absolute;bottom:0;left:var(--gap-gap-4, 16px);right:var(--gap-gap-4, 16px);height:1px;background:var(--color-alias-border-subtle-00, #e5e5e5)}.vsf-option-item--brand .vsf-option-item__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-option-item--brand.vsf-option-item--selected{color:var(--color-alias-object-brand, #ea0029);font-weight:600}.vsf-option-item--brand.vsf-option-item--selected .vsf-option-item__overlay{background:var(--color-alias-object-brand, #ea0029)}.vsf-option-item--neutral .vsf-option-item__overlay{background:var(--color-alias-object-primary, #0a0a0a)}.vsf-option-item--neutral.vsf-option-item--selected{font-weight:600}.vsf-image{--width: var(--image-width, auto);--height: var(--image-height, auto);width:var(--width);height:var(--height);display:block;overflow:hidden}.vsf-image__img{width:100%;height:100%;display:block}.vsf-image__tip{position:relative;background-color:var(--color-fill-content, #f5f5f5);height:100%;width:100%;display:flex;align-items:center;justify-content:center}.vsf-image__tip .vsf-icon,.vsf-image__tip svg{font-size:24px;width:24px;height:24px;color:var(--color-weak, #999)}.vsf-image__tip .vsf-icon svg,.vsf-image__tip svg svg{font-size:inherit;width:inherit;height:inherit}.vsf-pull-to-refresh{min-height:100%}.vsf-pull-to-refresh__head{overflow:hidden;position:relative}.vsf-pull-to-refresh__head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--color-alias-object-secondary, #737373);display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:400}.vsf-alert{display:flex;padding:0 var(--gap-gap-2, 8px);gap:var(--gap-gap-2, 8px);border-radius:var(--radius-rounded-lg, 8px);background:var(--color-alias-background, #fff)}.vsf-alert--informative{border:1px solid var(--color-alias-border-subtle-01, #d4d4d4)}.vsf-alert--positive{border:1px solid var(--color-alias-support-positive, #22c55e)}.vsf-alert--negative{border:1px solid var(--color-alias-support-negative, #dc2626)}.vsf-alert__icon{padding:var(--gap-gap-2, 8px) 0}.vsf-alert__content{padding:var(--gap-gap-2, 8px) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-gap-1, 4px);flex:1 0 0}.vsf-alert__action{align-self:center}.vsf-alert__close{align-self:center;display:flex;padding:var(--gap-gap-1, 4px);justify-content:flex-end;align-items:center;align-self:stretch}.vsf-skeleton{--width: 100%;--height: 20px;--border-radius: 0;--skeleton-color: var(--color-alias-skeleton-element, #d4d4d4);background-color:var(--skeleton-color);border-radius:var(--border-radius);width:var(--width);height:var(--height);display:block;box-sizing:border-box}.vsf-skeleton--rounded{border-radius:var(--radius-rounded-2xl, 16px)}.vsf-skeleton--rounded-8{border-radius:var(--radius-rounded-lg, 8px)}.vsf-skeleton--rounded-4{border-radius:var(--radius-rounded, 4px)}.vsf-skeleton--pill{border-radius:1000px}.vsf-skeleton--animated{animation:vsf-skeleton-loading 1s ease infinite}@keyframes vsf-skeleton-loading{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.vsf-skeleton--title{--width: 45%;--height: 32px;--border-radius: 2px;margin-bottom:16px}.vsf-skeleton__paragraph-line{--height: 18px;--border-radius: 2px;margin-bottom:12px}.vsf-skeleton__paragraph-line:last-child{--width: 65%;margin-bottom:0}.vsf-label{display:flex;flex-direction:column}.vsf-label__content{display:flex;align-items:center;gap:var(--gap-gap-1, 4px)}.vsf-label__content--loading{height:21px;display:flex;align-items:center}.vsf-label__required{color:var(--color-alias-support-negative, #dc2626)}.vsf-label__text{color:var(--color-alias-object-primary, #0a0a0a);flex-shrink:1}.vsf-label__helper{color:var(--color-alias-object-helper, #737373)}.vsf-label__helper--loading{height:18px;display:flex;align-items:center}.vsf-label__icon{display:flex;align-items:center;font-size:16px;color:var(--color-alias-object-secondary, #737373)}.vsf-label__icon svg{width:16px;height:16px}.vsf-label--disabled .vsf-label__text{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-input-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-gap-1, 4px)}.vsf-input-wrapper__input{display:flex;flex-direction:column;gap:var(--gap-gap-2, 8px);align-self:stretch;border:1px solid var(--color-alias-border-subtle-01, #d4d4d4);background:var(--color-alias-background, #fff);transition:all ease .3s;min-height:44px;justify-content:center}.vsf-input-wrapper__input__body{display:flex;align-items:center;align-self:stretch}.vsf-input-wrapper__input__footer{padding:0 var(--gap-gap-4, 16px)}.vsf-input-wrapper__input__inner{flex:1;display:flex;align-items:center;gap:8px;padding:0 var(--gap-gap-3, 12px) 0 var(--gap-gap-4, 16px)}.vsf-input-wrapper__input__child{flex:1;min-height:24px;display:flex;align-items:center}.vsf-input-wrapper__input__suffix,.vsf-input-wrapper__input__prefix{display:flex;align-items:center;gap:var(--gap-gap-3, 12px);color:var(--color-alias-object-primary, #0a0a0a)}.vsf-input-wrapper__input__suffix:after,.vsf-input-wrapper__input__prefix:after{content:"";display:block;height:12px;width:1px;background-color:var(--color-alias-border-subtle-01, #d4d4d4)}.vsf-input-wrapper__input__prefix{padding-left:12px}.vsf-input-wrapper__input__suffix{flex-direction:row-reverse;padding-right:12px}.vsf-input-wrapper__input__trailing-icon,.vsf-input-wrapper__input__leading-icon{display:flex;align-items:center;font-size:24px}.vsf-input-wrapper__input__trailing-icon svg,.vsf-input-wrapper__input__trailing-icon img,.vsf-input-wrapper__input__trailing-icon .vsf-icon,.vsf-input-wrapper__input__leading-icon svg,.vsf-input-wrapper__input__leading-icon img,.vsf-input-wrapper__input__leading-icon .vsf-icon{font-size:24px;width:24px;height:24px}.vsf-input-wrapper__input__trailing-icon svg svg,.vsf-input-wrapper__input__trailing-icon img svg,.vsf-input-wrapper__input__trailing-icon .vsf-icon svg,.vsf-input-wrapper__input__leading-icon svg svg,.vsf-input-wrapper__input__leading-icon img svg,.vsf-input-wrapper__input__leading-icon .vsf-icon svg{font-size:inherit;width:inherit;height:inherit}.vsf-input-wrapper--start .vsf-input-wrapper__input__inner,.vsf-input-wrapper--start .vsf-input-wrapper__input__body{align-items:flex-start}.vsf-input-wrapper--center .vsf-input-wrapper__input__inner,.vsf-input-wrapper--center .vsf-input-wrapper__input__body{align-items:center}.vsf-input-wrapper--end .vsf-input-wrapper__input__inner,.vsf-input-wrapper--end .vsf-input-wrapper__input__body{align-items:flex-end}.vsf-input-wrapper--rounded .vsf-input-wrapper__input{border-radius:var(--radius-rounded-lg, 8px)}.vsf-input-wrapper--pill .vsf-input-wrapper__input{border-radius:var(--radius-rounded-circle, 10000px)}.vsf-input-wrapper--focus .vsf-input-wrapper__input{border:1px solid var(--color-alias-border-subtle-selected-01, #a3a3a3)}.vsf-input-wrapper--error .vsf-input-wrapper__input{border:1px solid var(--color-alias-support-negative, #dc2626)}.vsf-input-wrapper--success .vsf-input-wrapper__input{border:1px solid var(--color-alias-support-positive, #22c55e)}.vsf-input-wrapper--disabled .vsf-input-wrapper__input{border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25));background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))}.vsf-input-wrapper--disabled .vsf-input-wrapper__input__suffix,.vsf-input-wrapper--disabled .vsf-input-wrapper__input__prefix{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-input-wrapper--disabled .vsf-input-wrapper__input__suffix:after,.vsf-input-wrapper--disabled .vsf-input-wrapper__input__prefix:after{background-color:var(--color-alias-border-disabled, rgba(10, 10, 10, .25))}.vsf-input-wrapper--disabled .vsf-input-wrapper__input__trailing-icon,.vsf-input-wrapper--disabled .vsf-input-wrapper__input__leading-icon{color:var(--color-alias-object-secondary, #737373)}.vsf-text-field{padding:0;margin:0;border:none;outline:none;width:100%;background-color:transparent;appearance:none;color:var(--color-alias-object-primary, #0a0a0a);font-size:var(--font-size-font-size-base, 16px);font-style:normal;font-weight:400;line-height:var(--line-height-line-height-base, 24px)}.vsf-text-field::placeholder{color:var(--color-alias-object-placeholder, #a3a3a3)}.vsf-text-field__loading{display:flex;padding:0 16px;gap:16px;align-items:center;height:24px}.vsf-text-field__loading--search{gap:8px}.vsf-number-field{display:flex;flex-direction:column;width:fit-content;gap:var(--gap-gap-1)}.vsf-number-field__inputs{display:flex;gap:var(--gap-gap-2, 8px);position:relative;overflow:hidden}.vsf-number-field__input{display:flex;align-items:center;justify-content:center;position:relative;width:var(--size-size-11, 44px);height:var(--size-size-11, 44px);border:1px solid var(--color-alias-border-subtle-01, #d4d4d4);border-radius:var(--radius-rounded-lg, 8px);background:var(--color-alias-background, #fff);color:var(--color-alias-object-primary)}.vsf-number-field__input--focused{border-color:var(--color-alias-border-subtle-selected-01)}.vsf-number-field__label{text-align:center;width:100%}.vsf-number-field__label--loading{align-self:center}.vsf-number-field__pointer{position:absolute;width:1.5px;top:10px;bottom:10px;left:8px;background:var(--color-alias-object-interactive, #ea0029);z-index:10;animation:blink 1s step-end infinite}.vsf-number-field__pointer--hidden{display:none}.vsf-number-field__pointer--visible{display:block;animation:blink 1s step-end infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.vsf-number-field__error-message{text-align:center;width:100%}.vsf-number-field__input-actual{position:absolute;width:1px;height:1px;border:none;caret-color:transparent;pointer-events:none}.vsf-number-field__value--masked{width:var(--size-size-2, 8px);height:var(--size-size-2, 8px);border-radius:10px;background-color:var(--color-alias-object-primary, #0a0a0a)}.vsf-number-field__placeholder{border-radius:"50%"}.vsf-number-field--pill .vsf-number-field__input{border-radius:50%}.vsf-number-field--error .vsf-number-field__input{border-color:var(--color-alias-support-negative)}.vsf-number-field--disabled .vsf-number-field__input{border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25));background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))}.vsf-checkbox{display:inline-flex;align-items:center;gap:var(--gap-gap-2, 8px);cursor:pointer}.vsf-checkbox__button{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--radius-rounded-lg, 8px);outline:none;overflow:hidden;transition:all ease .3s;position:relative;width:var(--size-size-6, 24px);height:var(--size-size-6, 24px);min-width:var(--size-size-6, 24px);min-height:var(--size-size-6, 24px);padding:var(--gap-gap-1, 4px)}.vsf-checkbox__button>*{position:relative;z-index:10}.vsf-checkbox__button svg{width:100%;height:100%}.vsf-checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.vsf-checkbox__overlay{position:absolute;inset:0;z-index:9;transition:all ease .3s;background:var(--color-alias-object-primary-inverse, #fff);opacity:0}.vsf-checkbox:active .vsf-checkbox__overlay,.vsf-checkbox--focus .vsf-checkbox__overlay{opacity:.25}.vsf-checkbox__number{-webkit-user-select:none;-ms-user-select:none;user-select:none}.vsf-checkbox--unchecked .vsf-checkbox__button,.vsf-checkbox--unchecked.vsf-checkbox--theme-inverse .vsf-checkbox__button{background:var(--color-alias-layer-01, #f5f5f5);border:1px solid var(--color-alias-border-subtle-01, #d4d4d4)}.vsf-checkbox--checked .vsf-checkbox__button{background:var(--color-alias-background-brand, #ea0029);border:none}.vsf-checkbox--checked.vsf-checkbox--theme-inverse .vsf-checkbox__button{background:var(--color-alias-background-inverse, #262626)}.vsf-checkbox--disabled{cursor:not-allowed}.vsf-checkbox--disabled .vsf-checkbox__button{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))!important;border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25))!important}.vsf-checkbox--disabled .vsf-checkbox__overlay{opacity:0!important}.vsf-radio{--cursor: pointer;--border-color: var(--color-alias-border-brand, #ea0029);--background-color: var(--color-alias-layer-01, #f5f5f5);--icon-color: var(--color-alias-object-brand, #ea0029);--icon-opacity: 0;--overlay-color: var(--color-alias-border-brand, #ea0029);--overlay-opacity: 0;display:flex;gap:var(--gap-gap-2, 8px)}.vsf-radio__button{display:flex;width:var(--size-size-6, 24px);height:var(--size-size-6, 24px);min-width:var(--size-size-6, 24px);max-width:var(--size-size-6, 24px);min-height:var(--size-size-6, 24px);max-height:var(--size-size-6, 24px);justify-content:center;align-items:center;cursor:var(--cursor);overflow:hidden;position:relative;border-radius:var(--radius-rounded-circle, 10000px);border:1px solid var(--border-color);background:var(--background-color);transition:all ease .3s}.vsf-radio__icon{position:relative;width:var(--size-size-3, 12px);height:var(--size-size-3, 12px);border-radius:50%;transition:all ease .3s;opacity:var(--icon-opacity);background:var(--icon-color)}.vsf-radio__overlay{position:absolute;inset:0;background:var(--overlay-color);opacity:var(--overlay-opacity)}.vsf-radio__input{display:none}.vsf-radio--brand{--border-color: var(--color-alias-border-subtle-01, #d4d4d4);--background-color: var(--color-alias-layer-01, #f5f5f5);--icon-color: var(--color-alias-object-brand, #ea0029);--icon-opacity: 0;--overlay-color: var(--color-alias-object-primary, #0a0a0a);--overlay-opacity: 0}.vsf-radio--brand.vsf-radio:focus,.vsf-radio--brand.vsf-radio:active,.vsf-radio--brand.vsf-radio--focus{--border-color: var(--color-alias-border-strong-01, #737373);--overlay-opacity: .25}.vsf-radio--brand.vsf-radio--disabled{--cursor: not-allowed;--border-color: var( --color-alias-border-disabled, rgba(10, 10, 10, .25) ) !important;--background-color: var( --color-alias-background-disabled, rgba(10, 10, 10, .15) ) !important;--overlay-opacity: 0 !important}.vsf-radio--brand.vsf-radio--checked{--border-color: var(--color-alias-border-brand, #ea0029);--overlay-color: var(--color-alias-border-brand, #ea0029);--icon-opacity: 1}.vsf-radio--brand.vsf-radio--checked.vsf-radio:focus,.vsf-radio--brand.vsf-radio--checked.vsf-radio:active,.vsf-radio--brand.vsf-radio--checked.vsf-radio--focus{--overlay-opacity: .25}.vsf-radio--brand.vsf-radio--checked.vsf-radio--disabled{--background-color: var(--color-alias-layer-01, #f5f5f5) !important;--icon-color: var( --color-alias-object-disabled, rgba(10, 10, 10, .25) ) !important}.vsf-radio--neutral{--border-color: var(--color-alias-border-subtle-01, #d4d4d4);--background-color: var(--color-alias-layer-01, #f5f5f5);--icon-color: var(--color-alias-object-primary, #0a0a0a);--icon-opacity: 0;--overlay-color: var(--color-alias-object-primary, #0a0a0a);--overlay-opacity: 0}.vsf-radio--neutral.vsf-radio:focus,.vsf-radio--neutral.vsf-radio:active,.vsf-radio--neutral.vsf-radio--focus{--border-color: var(--color-alias-border-strong-01, #737373);--overlay-opacity: .25}.vsf-radio--neutral.vsf-radio--disabled{--cursor: not-allowed;--border-color: var( --color-alias-border-disabled, rgba(10, 10, 10, .25) ) !important;--background-color: var( --color-alias-background-disabled, rgba(10, 10, 10, .15) ) !important;--overlay-opacity: 0 !important}.vsf-radio--neutral.vsf-radio--checked{--border-color: var(--color-alias-border-strong-01, #737373);--overlay-color: var(--color-alias-object-primary, #0a0a0a);--icon-opacity: 1}.vsf-radio--neutral.vsf-radio--checked.vsf-radio:focus,.vsf-radio--neutral.vsf-radio--checked.vsf-radio:active,.vsf-radio--neutral.vsf-radio--checked.vsf-radio--focus{--overlay-opacity: .25}.vsf-radio--neutral.vsf-radio--checked.vsf-radio--disabled{--background-color: var(--color-alias-layer-01, #f5f5f5) !important;--icon-color: var( --color-alias-object-disabled, rgba(10, 10, 10, .25) ) !important}.vsf-switch{display:inline-flex;align-items:center;border-radius:var(--radius-rounded-circle, 9999px);outline:none;overflow:hidden;cursor:pointer;transition:all ease .3s;position:relative;width:var(--size-size-12, 48px);height:var(--size-size-8, 32px);padding:0 var(--gap-gap-1, 4px)}.vsf-switch>*{position:relative;z-index:10}.vsf-switch__overlay{position:absolute;inset:0;z-index:9;transition:all ease .3s;background:var(--color-alias-object-primary-inverse, #fff);opacity:0}.vsf-switch:active .vsf-switch__overlay,.vsf-switch:focus .vsf-switch__overlay,.vsf-switch--focus .vsf-switch__overlay{opacity:.25}.vsf-switch__thumb{width:var(--size-size-6, 24px);height:var(--size-size-6, 24px);border-radius:var(--radius-rounded-circle, 9999px);background:var(--color-alias-object-on-brand, #fff);box-shadow:0 2px 10px #0003;transition:transform ease .3s}.vsf-switch__input{display:none}.vsf-switch--unchecked{background:#a3a3a3}.vsf-switch--unchecked .vsf-switch__thumb{transform:translate(0)}.vsf-switch--checked{background:var(--color-alias-background-brand, #ea0029)}.vsf-switch--checked .vsf-switch__thumb{transform:translate(calc(var(--size-size-12, 48px) - var(--size-size-6, 24px) - var(--gap-gap-1, 4px) * 2))}.vsf-switch--checked.vsf-switch--theme-inverse{background:var(--color-alias-background-inverse, #262626)}.vsf-switch--disabled{cursor:not-allowed}.vsf-switch--disabled .vsf-switch__thumb{box-shadow:none}.vsf-switch--disabled .vsf-switch__overlay{opacity:0!important}.vsf-switch--disabled.vsf-switch--unchecked{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))}.vsf-switch--disabled.vsf-switch--unchecked .vsf-switch__thumb{background:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-switch--disabled.vsf-switch--checked{background:var(--color-alias-background-brand-disabled, #fbcad3)}.vsf-switch--disabled.vsf-switch--checked .vsf-switch__thumb{background:var(--color-alias-object-on-brand, #fff)}.vsf-switch--disabled.vsf-switch--checked.vsf-switch--theme-inverse{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))}.vsf-switch--disabled.vsf-switch--checked.vsf-switch--theme-inverse .vsf-switch__thumb{background:var(--color-alias-object-primary-inverse, #fff)}.vsf-text-area__input{padding:0;margin:0;border:none;outline:none;width:100%;background-color:transparent;appearance:none;resize:none;min-height:72px;color:var(--color-alias-object-primary, #0a0a0a);font-size:var(--font-size-font-size-base, 16px);font-style:normal;font-weight:400;line-height:var(--line-height-line-height-base, 24px)}.vsf-text-area__input::placeholder{color:var(--color-alias-object-placeholder, #a3a3a3)}.vsf-text-area__input--auto-height{field-sizing:content}.vsf-text-area .vsf-input-wrapper__input{padding:var(--gap-gap-2, 8px) 0}.vsf-text-area .vsf-input-wrapper__input__inner{padding-right:var(--gap-gap-4, 16px)}.vsf-text-area__count{text-align:right}.vsf-text-area__loading{display:flex;flex-direction:column;gap:11px;padding:0 16px;height:72px}.vsf-date-field-input::-webkit-outer-spin-button,.vsf-date-field-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vsf-date-field-input{appearance:none;-moz-appearance:none;padding:0;margin:0;border:none;outline:none;width:100%;background-color:transparent;color:var(--color-alias-object-primary, #0a0a0a);font-size:var(--font-size-font-size-base, 16px);font-style:normal;font-weight:400;line-height:var(--line-height-line-height-base, 24px)}.vsf-date-field-input::placeholder{color:var(--color-alias-object-placeholder, #a3a3a3)}.vsf-date-field__loading{display:flex;padding:0 16px;gap:16px;justify-content:space-between;align-items:center;height:24px;width:100%}.vsf-date-field__loading__left{display:flex;gap:16px;align-items:center}.vsf-date-field-range{display:flex;gap:var(--gap-gap-2, 8px);align-items:center}.vsf-date-field-range__loading{display:flex;padding:0 16px;gap:16px;justify-content:space-between;align-items:center;height:24px;width:100%}.vsf-dialog{position:fixed;z-index:var(--sheet-index, 1000);inset:0;padding-bottom:calc(var(--safe-area-inset-bottom, 0px) + var(--gap-gap-6, 24px));padding-top:calc(var(--vsf-title-bar-height, 56px) + var(--gap-gap-6, 24px));padding-left:var(--gap-gap-6, 24px);padding-right:var(--gap-gap-6, 24px);display:flex;align-items:flex-end;gap:8px;flex-direction:column;justify-content:center;display:none}.vsf-dialog--open{display:flex}@keyframes vsf-dialog--fade{0%{opacity:0}to{opacity:1}}@keyframes vsf-dialog--fade-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.vsf-dialog__overlay{position:absolute;inset:0;z-index:1;background:var(--color-alias-overlay, rgba(10, 10, 10, .5));animation:vsf-dialog--fade .25s ease-out}.vsf-dialog__overlay--blur{background:var(--color-alias-overlay-subtle, rgba(10, 10, 10, .05));border-radius:var(--radius-rounded-none, 0);-webkit-backdrop-filter:blur(calc(var(--blur-blur, 8px) / 2));backdrop-filter:blur(calc(var(--blur-blur, 8px) / 2))}.vsf-dialog__box{position:relative;width:100%;z-index:2;border-radius:var(--radius-rounded-3xl, 24px);background:var(--color-alias-background, #fff);overflow:hidden;max-height:100%;display:flex;padding:var(--gap-gap-4, 16px);flex-direction:column;align-items:center;gap:var(--gap-gap-4, 16px)}.vsf-dialog__box--close{max-height:calc(100% - 52px)}.vsf-dialog__box{animation:vsf-dialog--fade-up .25s ease-out}.vsf-dialog__close{position:relative;z-index:10;animation:vsf-dialog--fade-up .25s ease-out}.vsf-dialog__image{height:80px}.vsf-dialog__title-group{display:flex;flex-direction:column;align-items:center;gap:var(--gap-gap-2, 8px);text-align:center}.vsf-dialog__body{flex:1;overflow-y:auto;overflow-x:hidden}.vsf-dialog__footer{display:flex;align-items:flex-start;gap:var(--gap-gap-2, 8px);align-self:stretch}.vsf-dialog__footer>*{flex:1}body:has(.vsf-dialog--open){overflow:hidden}.vsf-dropdown__sheet__search{padding:var(--gap-gap-0, 0) var(--gap-gap-4, 16px) var(--gap-gap-2, 8px) var(--gap-gap-4, 16px)}.vsf-dropdown__sheet__empty{padding:var(--gap-gap-4, 16px);display:flex;flex-direction:column;align-items:center;gap:var(--gap-gap-2, 8px);text-align:center}.vsf-dropdown__loading{display:flex;padding:0 16px;gap:16px;justify-content:space-between;align-items:center;height:24px;width:100%}.vsf-date-picker-base{--dpi-unit-height: 24px;--dpi-offset-number: 2;position:relative;display:flex;width:100%;height:calc(var(--dpi-unit-height) * (var(--dpi-offset-number) * 2 + 1));max-width:30rem;margin-left:auto;margin-right:auto}.vsf-date-picker-base:before,.vsf-date-picker-base:after{content:"";position:absolute;left:0;right:0;display:block;height:calc(50% - var(--dpi-unit-height) / 2);z-index:1;pointer-events:none}.vsf-date-picker-base:before{top:-.5px;border-bottom:1px solid var(--color-alias-border-subtle-00, #e5e5e5)}.vsf-date-picker-base:after{bottom:-.5px;border-top:1px solid var(--color-alias-border-subtle-00, #e5e5e5)}.vsf-date-picker-item{height:100%;display:flex;align-items:center;justify-content:center;line-height:var(--dpi-unit-height);flex:1 1 auto}.vsf-date-picker-item__scene{min-width:100%;height:100%;overflow:hidden;display:flex;align-items:center;touch-action:pan-x}.vsf-date-picker-item__viewport{height:var(--dpi-unit-height);width:100%;perspective:50000px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent}.vsf-date-picker-item__container{height:100%;width:100%;transform-style:preserve-3d;will-change:transform}.vsf-date-picker-item__slide{width:100%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;opacity:0}.vsf-date-picker-calendar-sheet__body{padding:0 var(--gap-gap-2, 8px)}.vsf-error{display:flex;flex-direction:column;align-items:center;gap:var(--gap-gap-4, 16px)}.vsf-error__content{display:flex;flex-direction:column;text-align:center;gap:var(--gap-gap-2, 8px)}.vsf-error--has-padding{padding:var(--gap-gap-2, 8px)}.vsf-error-boundary--global{padding:calc(var(--gap-gap-4, 16px) + var(--safe-area-inset-top, 0px)) var(--gap-gap-4, 16px) var(--gap-gap-4, 16px)}.vsf-avatar{overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background:var(--color-global-dynamic-red-dynamic-red-20, #fbcad3)}.vsf-avatar--show-image{background:transparent}.vsf-avatar--circle{border-radius:var(--radius-rounded-circle, 10000px)}.vsf-avatar--rounded{border-radius:var(--radius-rounded-lg, 8px)}.vsf-avatar__border{position:absolute;inset:0;pointer-events:none}.vsf-avatar__border--circle{border-radius:var(--radius-rounded-circle, 10000px)}.vsf-avatar__border--rounded{border-radius:var(--radius-rounded-lg, 8px)}.vsf-avatar__border--1{border:1px solid var(--color-alias-border-overlay, rgba(10, 10, 10, .15))}.vsf-avatar__border--2{border:2px solid var(--color-alias-border-overlay, rgba(10, 10, 10, .15))}.vsf-chip{position:relative;cursor:pointer;display:inline-flex;min-width:var(--size-size-8, 32px);min-height:var(--size-size-8, 32px);max-height:var(--size-size-8, 32px);padding:var(--gap-gap-0, 0) var(--gap-gap-2, 8px);justify-content:center;align-items:center;gap:var(--gap-gap-0, 0);border-radius:var(--radius-rounded-circle, 10000px);border:1px solid var(--color-alias-border-subtle-01, #d4d4d4);background:var(--color-alias-background, #fff)}.vsf-chip__overlay{position:absolute;inset:0;transition:all ease .3s;border-radius:var(--radius-rounded-circle, 10000px);background:var(--color-alias-object-primary, #0a0a0a);opacity:0}.vsf-chip:active .vsf-chip__overlay,.vsf-chip:focus .vsf-chip__overlay{opacity:.25}.vsf-chip--selected.vsf-chip--theme-neutral{color:var(--color-alias-object-primary, #0a0a0a);border-radius:var(--radius-rounded-circle, 10000px);border:1px solid var(--color-alias-border-strong-01, #737373);background:var(--color-alias-layer-accent-01, #e5e5e5)}.vsf-chip--selected.vsf-chip--theme-brand{color:var(--color-alias-object-brand, #ea0029);background:var(--color-alias-background-brand-subtle, #fde2e7);border-radius:var(--radius-rounded-circle, 10000px);border:1px solid var(--color-alias-border-brand, #ea0029)}.vsf-chip--selected.vsf-chip--theme-brand .vsf-chip__overlay{background:var(--color-alias-object-brand, #ea0029)}.vsf-chip__icon{display:flex;align-items:center}.vsf-chip__icon svg,.vsf-chip__icon img,.vsf-chip__icon .vsf-icon{font-size:16px;width:16px;height:16px}.vsf-chip__icon svg svg,.vsf-chip__icon img svg,.vsf-chip__icon .vsf-icon svg{font-size:inherit;width:inherit;height:inherit}.vsf-chip__label{display:flex;padding:0 var(--gap-gap-1, 4px);justify-content:center;align-items:center}.vsf-chip--disabled.vsf-chip{pointer-events:none;color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25));border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25));background:var(--color-alias-background, #fff)}.vsf-chip--disabled.vsf-chip.vsf-chip--type-input{border-radius:var(--radius-rounded-circle, 10000px);border:1px solid var(--color-alias-border-disabled, rgba(10, 10, 10, .25));background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15))}.vsf-chip--disabled .vsf-chip__badge{opacity:.4}.vsf-badge{font-weight:700;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-rounded-circle, 10000px);background:var(--color-global-red-red-60, #dc2626);color:var(--color-global-basic-white, #fff);padding:var(--gap-gap-05, 2px) var(--gap-gap-1, 4px);min-width:16px;text-align:center}.vsf-badge--dot{padding:0;width:8px;height:8px;min-width:var(--size-size-2, 8px);max-width:var(--size-size-2, 8px);min-height:var(--size-size-2, 8px);max-height:var(--size-size-2, 8px)}.vsf-badge--outline{border:2px solid var(--color-global-basic-white, #fff);min-width:20px}.vsf-badge--outline.vsf-badge--dot{width:12px;height:12px;min-width:var(--size-size-3, 12px);max-width:var(--size-size-3, 12px);min-height:var(--size-size-3, 12px);max-height:var(--size-size-3, 12px)}.vsf-badge-container{position:relative;width:fit-content}.vsf-badge-container .vsf-badge{position:absolute;top:0;inset-inline-end:0;transform:translate(50%,-50%);transform-origin:100% 0%;z-index:10}.vsf-uploader{display:flex;gap:var(--gap-gap-3, 12px);align-items:flex-end}.vsf-uploader__trigger{display:flex;width:var(--size-size-24, 96px);height:var(--size-size-24, 96px);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-rounded-lg, 8px);border:1px dashed var(--color-alias-border-subtle-01, #d4d4d4);background:var(--color-alias-layer-01, #f5f5f5);cursor:pointer}.vsf-uploader--disabled .vsf-uploader__trigger{background:var(--color-alias-background-disabled, rgba(10, 10, 10, .15));border-color:var(--color-alias-border-disabled, rgba(10, 10, 10, .25));cursor:not-allowed}.vsf-uploader__preview-list{display:flex;flex:1;gap:var(--gap-gap-3, 12px);overflow-x:scroll;align-items:flex-end;padding-top:14px;margin-top:-14px}.vsf-uploader__preview-item{position:relative;width:96px;height:96px;flex-shrink:0}.vsf-uploader__preview-image{width:100%;height:100%;border-radius:var(--radius-rounded-lg, 8px);border:1px solid var(--color-alias-border-overlay, rgba(10, 10, 10, .15))}.vsf-uploader__delete-button{position:absolute;top:-14px;right:-14px;display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color-global-neutral-neutral-0, #fff);background:var(--color-global-neutral-neutral-80, #404040);cursor:pointer}.vsf-tab-bar{position:relative;display:flex;align-items:center;flex-wrap:nowrap;overflow:auto;width:100%;border-bottom:1px solid var(--color-alias-border-subtle-00, #e5e5e5);background:var(--color-alias-background, #fff);scrollbar-width:none;-ms-overflow-style:none}.vsf-tab-bar::-webkit-scrollbar{display:none}.vsf-tab-bar__indicator{position:absolute;bottom:0;height:2px;background:var(--color-alias-border-brand, #ea0029);transition:all .3s ease-in-out;z-index:1}.vsf-tab-bar__item{display:flex;flex-shrink:0;flex-grow:1;padding:var(--gap-gap-3, 12px) var(--gap-gap-4, 16px);flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-gap-1, 4px);color:var(--color-alias-object-secondary, #737373);font-weight:400}.vsf-tab-bar__item--active{color:var(--color-alias-object-brand, #ea0029)}.vsf-tab-bar__item--active .vsf-tab-bar__item__label{font-weight:600}.vsf-tab-bar__item__label-with-badge{display:flex;gap:4px;align-items:center}.vsf-tab-bar--theme-neutral .vsf-tab-bar__indicator{background:var(--color-alias-border-strong-02, #737373)}.vsf-tab-bar--theme-neutral .vsf-tab-bar__item{color:var(--color-alias-object-secondary, #737373)}.vsf-tab-bar--theme-neutral .vsf-tab-bar__item--active{color:var(--color-alias-object-primary, #0a0a0a)}.vsf-rating{display:inline-flex;align-items:center;gap:var(--gap-gap-2, 8px)}.vsf-rating__icon{cursor:pointer;width:24px}.vsf-rating__icon-empty{fill:var(--color-alias-layer-accent-01, #e5e5e5)}.vsf-rating__icon-filled{fill:var(--color-alias-support-highlight, #facc15)}.vsf-rating--medium .vsf-rating__icon{width:16px}.vsf-rating--large .vsf-rating__icon{width:24px}.vsf-rating--x-large .vsf-rating__icon{width:40px}.vsf-rating--readonly .vsf-rating__icon{cursor:default;pointer-events:none}.vsf-tooltip{padding:var(--gap-gap-1, 4px) var(--gap-gap-2, 8px);border-radius:var(--radius-rounded, 4px);background:var(--color-alias-background-inverse, #262626);box-shadow:0 2px 10px #0003;color:var(--color-alias-object-primary-inverse, #fff);font-size:var(--font-size-font-size-xs, 12px);font-weight:400;line-height:var(--line-height-line-height-xs, 16px);position:relative;display:flex}.vsf-tooltip--reverse{background:var(--color-alias-background, #fff);color:var(--color-alias-object-primary, #0a0a0a)}.vsf-tooltip__arrow{width:8px;height:4px;background:var(--color-alias-background-inverse, #262626);clip-path:polygon(50% 100%,0% 0%,100% 0%);position:absolute;box-shadow:0 2px 10px #0003}.vsf-tooltip__arrow--reverse{background:var(--color-alias-background, #fff)}.vsf-tooltip__arrow--top{bottom:-4px;left:50%;transform:translate(-50%)}.vsf-tooltip__arrow--bottom{top:-4px;left:50%;transform:translate(-50%) rotate(180deg)}.vsf-tooltip__arrow--left{top:50%;right:-6px;transform:translateY(-50%) rotate(270deg)}.vsf-tooltip__arrow--right{top:50%;left:-6px;transform:translateY(-50%) rotate(90deg)}.vsf-tooltip__arrow--top-left{bottom:-4px;left:8px}.vsf-tooltip__arrow--top-right{bottom:-4px;right:8px}.vsf-tooltip__arrow--bottom-left{top:-4px;left:8px;transform:rotate(180deg)}.vsf-tooltip__arrow--bottom-right{top:-4px;right:8px;transform:rotate(180deg)}.vsf-tooltip__arrow--left-top{top:8px;right:-6px;transform:rotate(270deg)}.vsf-tooltip__arrow--left-bottom{bottom:8px;right:-6px;transform:rotate(270deg)}.vsf-tooltip__arrow--right-top{top:8px;left:-6px;transform:rotate(90deg)}.vsf-tooltip__arrow--right-bottom{bottom:8px;left:-6px;transform:rotate(90deg)}.vsf-tooltip__content{max-width:160px;flex-shrink:0}.vsf-tooltip__close{margin-left:4px;cursor:pointer}.vsf-calendar-range-picker{display:flex;padding:var(--gap-gap-2, 8px);flex-direction:column;gap:var(--gap-gap-2, 8px);background:var(--color-alias-background, #fff)}.vsf-calendar-range-picker__header{display:flex;justify-content:center;align-items:center;gap:var(--gap-gap-15, 6px);align-self:stretch}.vsf-calendar-range-picker__header-label{flex:1 0 0;text-align:center}.vsf-calendar-range-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px}.vsf-calendar-range-picker__cell-container{padding:0 2px;position:relative}.vsf-calendar-range-picker__cell-range-background{position:absolute;inset:0;background:var(--color-alias-background-brand-subtle, #fde2e7)}.vsf-calendar-range-picker__cell-range-background-start{left:50%}.vsf-calendar-range-picker__cell-range-background-end{right:50%}.vsf-calendar-range-picker__cell-range-background-start-end-row,.vsf-calendar-range-picker__cell-range-background-end-start-row{display:none}.vsf-calendar-range-picker__cell{display:flex;flex-direction:column;justify-content:center;align-items:center}.vsf-calendar-range-picker__cell-week{height:40px}.vsf-calendar-range-picker__cell-day{position:relative;aspect-ratio:.85;cursor:pointer}.vsf-calendar-range-picker__cell-day--disabled{cursor:unset;pointer-events:none;color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-range-picker__cell-day--disabled .vsf-calendar-range-picker__cell-day-sub-title{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-range-picker__cell-day--today{border-radius:var(--radius-rounded-lg, 8px);color:var(--color-alias-object-brand, #ea0029);border:1px solid var(--color-alias-border-brand, #ea0029)}.vsf-calendar-range-picker__cell-day--in-range-picker{color:var(--color-alias-object-brand, #ea0029)}.vsf-calendar-range-picker__cell-day--selected{border-radius:var(--radius-rounded-lg, 8px);color:var(--color-alias-object-on-brand, #fff);font-weight:700;background:var(--color-alias-background-brand, #ea0029)}.vsf-calendar-range-picker__cell-day--selected .vsf-calendar-range-picker__cell-day-sub-title{color:var(--color-alias-object-on-brand, #fff)}.vsf-calendar-range-picker__cell-day-sub-title{position:absolute;color:var(--color-alias-object-secondary, #737373);bottom:2px;left:0;right:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsf-calendar-range-picker__cell-day-filler{cursor:unset;pointer-events:none;color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-range-picker__cell-day-filler .vsf-calendar-range-picker__cell-day-sub-title{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-single-picker{display:flex;padding:var(--gap-gap-2, 8px);flex-direction:column;gap:var(--gap-gap-2, 8px);background:var(--color-alias-background, #fff)}.vsf-calendar-single-picker__header{display:flex;justify-content:center;align-items:center;gap:var(--gap-gap-15, 6px);align-self:stretch}.vsf-calendar-single-picker__header-label{flex:1 0 0;text-align:center}.vsf-calendar-single-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px}.vsf-calendar-single-picker__cell-container{padding:0 2px;position:relative}.vsf-calendar-single-picker__cell{display:flex;flex-direction:column;justify-content:center;align-items:center}.vsf-calendar-single-picker__cell-week{height:40px}.vsf-calendar-single-picker__cell-day{position:relative;aspect-ratio:.85;cursor:pointer}.vsf-calendar-single-picker__cell-day--disabled{cursor:unset;pointer-events:none;color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-single-picker__cell-day--disabled .vsf-calendar-single-picker__cell-day-sub-title{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-single-picker__cell-day--today{border-radius:var(--radius-rounded-lg, 8px);color:var(--color-alias-object-brand, #ea0029);border:1px solid var(--color-alias-border-brand, #ea0029)}.vsf-calendar-single-picker__cell-day--selected{border-radius:var(--radius-rounded-lg, 8px);color:var(--color-alias-object-on-brand, #fff);font-weight:700;background:var(--color-alias-background-brand, #ea0029)}.vsf-calendar-single-picker__cell-day--selected .vsf-calendar-single-picker__cell-day-sub-title{color:var(--color-alias-object-on-brand, #fff)}.vsf-calendar-single-picker__cell-day-sub-title{position:absolute;color:var(--color-alias-object-secondary, #737373);bottom:2px;left:0;right:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vsf-calendar-single-picker__cell-day-filler{cursor:unset;pointer-events:none;color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-single-picker__cell-day-filler .vsf-calendar-single-picker__cell-day-sub-title{color:var(--color-alias-object-disabled, rgba(10, 10, 10, .25))}.vsf-calendar-sheet-calendar-sheet__body{padding:0 var(--gap-gap-2, 8px)}.vsf-toast{display:flex;padding:var(--gap-gap-2, 8px);align-items:center;gap:var(--gap-gap-2, 8px);border-radius:var(--radius-rounded-lg, 8px)}.vsf-toast__close-icon,.vsf-toast__icon{display:flex}.vsf-toast__content{flex:1}.vsf-toast--neutral{color:var(--color-alias-object-primary-inverse, #fff);background:var(--color-alias-background-inverse, #262626)}.vsf-toast--neutral .vsf-toast__icon{color:var(--color-alias-object-primary-inverse, #fff)}.vsf-toast--informative{color:var(--color-alias-object-primary-inverse, #fff);background:var(--color-alias-background-inverse, #262626)}.vsf-toast--informative .vsf-toast__icon{color:var(--color-alias-object-primary-inverse, #fff)}.vsf-toast--positive{color:var(--color-alias-object-primary, #0a0a0a);border:.5px solid var(--color-alias-border-overlay, rgba(10, 10, 10, .15));background:var(--color-alias-support-positive-subtle, #f0fdf4)}.vsf-toast--positive .vsf-toast__icon{color:var(--color-alias-support-positive, #16a34a)}.vsf-toast--negative{color:var(--color-alias-object-primary, #0a0a0a);border:.5px solid var(--color-alias-border-overlay, rgba(10, 10, 10, .15));background:var(--color-alias-support-negative-subtle, #fef2f2)}.vsf-toast--negative .vsf-toast__icon{color:var(--color-alias-support-negative, #dc2626)}.vsf-toast-provider{position:fixed;left:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:999}.vsf-toast-provider--top{top:calc(var(--vsf-current-navigation-bar-height, 0px) + 16px);flex-direction:column-reverse}.vsf-toast-provider--bottom{bottom:calc(var(--vsf-current-bottom-tab-bar-height, 0px) + 16px)}

package/dist-storybook/assets/image-C3EsNRhz.js

@@ -0,0 +1,9 @@
+import{r as t,j as e}from"./iframe-CQAwSt4E.js";import{c as L,g as Z}from"./classname-CUR_zgkh.js";import{V as $}from"./visibility-sensor-CwrzJO06.js";import{I as g}from"./icon-DdQsMyRa.js";const b=l=>t.createElement("svg",{viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",...l},t.createElement("path",{d:"M19.233 6.233 17.42 9.08l-10.817.001a.665.665 0 0 0-.647.562l-.007.096V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.415 2.415 0 0 1 1.807.625l.126.127 4.182 4.525 2.267-3.292 5.461 7.841-4.065 7.375H6.604c-1.86 0-3.382-1.47-3.482-3.317l-.005-.192V9.744c0-1.872 1.461-3.405 3.296-3.505l.19-.005h12.63Zm22.163 0c1.86 0 3.382 1.472 3.482 3.314l.005.192v29.14a3.507 3.507 0 0 1-3.3 3.505l-.191.006H27.789l3.63-6.587.06-.119a1.87 1.87 0 0 0-.163-1.853l-6.928-9.949 3.047-4.422a2.374 2.374 0 0 1 1.96-1.01 2.4 2.4 0 0 1 1.86.87l.106.14L42.05 34.89V9.74a.664.664 0 0 0-.654-.658H21.855l1.812-2.848h17.73Zm-28.305 5.611c.794 0 1.52.298 2.07.788l-.843 1.325-.067.114a1.87 1.87 0 0 0 .11 1.959l.848 1.217c-.556.515-1.3.83-2.118.83a3.122 3.122 0 0 1-3.117-3.116 3.119 3.119 0 0 1 3.117-3.117Z",fill:"currentColor",fillRule:"nonzero"})),k=l=>t.createElement("svg",{width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l},t.createElement("path",{d:"M6.25 6C6.94036 6 7.5 6.55964 7.5 7.25C7.5 7.94036 6.94036 8.5 6.25 8.5C5.55964 8.5 5 7.94036 5 7.25C5 6.55964 5.55964 6 6.25 6Z",fill:"currentColor"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.25 2C14.767 2 16 3.233 16 4.75V13.25C16 14.767 14.767 16 13.25 16H4.75C3.233 16 2 14.767 2 13.25V4.75C2 3.233 3.233 2 4.75 2H13.25ZM4.75 3.5C4.061 3.5 3.5 4.061 3.5 4.75V13.25C3.5 13.5153 3.58391 13.7612 3.72559 13.9639L9.30469 8.38379C10.3777 7.31179 12.1223 7.31179 13.1943 8.38379L14.5 9.68848V4.75C14.5 4.061 13.939 3.5 13.25 3.5H4.75Z",fill:"currentColor"}));function i(l){return typeof l=="number"?`${l}px`:l}const r=Z("image"),q=({className:l,style:v,onClick:x,ref:C,lazy:d=!1,fit:I="fill",placeholder:w=e.jsx("div",{className:`${r}__tip`,children:e.jsx(g,{children:e.jsx(k,{})})}),fallback:j=e.jsx("div",{className:`${r}__tip`,children:e.jsx(g,{children:e.jsx(b,{})})}),src:V,srcSet:N,onLoad:S,onError:_,...a})=>{const[f,u]=t.useState(!1),[y,m]=t.useState(!1),[o,E]=t.useState(!d),R=t.useRef(null),s=o?V:void 0,h=o?N:void 0,p=t.useRef(s);t.useEffect(()=>{p.current!==s&&(p.current=s,u(!1),m(!1))},[s]);const H=()=>y||!s&&!h?j:e.jsxs(e.Fragment,{children:[!f&&w,e.jsx("img",{ref:R,src:s,srcSet:h,onLoad:c=>{u(!0),S?.(c)},onError:c=>{m(!0),_?.(c)},style:{objectFit:I,display:f?"block":"none"},...a,className:`${r}__img`})]}),n={};return typeof a.width<"u"&&(n["--width"]=i(a.width),n.width=i(a.width)),typeof a.height<"u"&&(n["--height"]=i(a.height),n.height=i(a.height)),e.jsxs("div",{ref:C,className:L(r,l),onClick:x,style:{...n,...v},children:[d&&!o&&e.jsx($,{onActive:()=>E(!0)}),H()]})};q.__docgenInfo={description:"",methods:[],displayName:"Image",props:{lazy:{defaultValue:{value:"false",computed:!1},required:!1},fit:{defaultValue:{value:"'fill'",computed:!1},required:!1},placeholder:{defaultValue:{value:`<div className={\`\${prefixClassName}__tip\`}>
+  <Icon>
+    <ImageIcon />
+  </Icon>
+</div>`,computed:!1},required:!1},fallback:{defaultValue:{value:`<div className={\`\${prefixClassName}__tip\`}>
+  <Icon>
+    <BrokenImage />
+  </Icon>
+</div>`,computed:!1},required:!1}}};export{q as I};

package/dist-storybook/assets/image.stories-C4l8D3ju.js

@@ -0,0 +1,255 @@
+import{j as t}from"./iframe-CQAwSt4E.js";import{T as h,S as x,M as g,P as y,a as f}from"./blocks-BuaOUtiH.js";import{I as s}from"./image-C3EsNRhz.js";import{t as e}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DHiZ-gXR.js";import"./classname-CUR_zgkh.js";import"./visibility-sensor-CwrzJO06.js";import"./index-B-Ksafg0.js";import"./icon-DdQsMyRa.js";import"./colors-_6nFGM3e.js";const u=()=>{const d=`
+## ${e("common.table.title")}
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`src\` | \`string\` | ${e("common.table.yes")} | ${e("components.image.srcDescription")} |
+| \`srcSet\` | \`string\` | ${e("common.table.no")} | ${e("components.image.srcSetDescription")} |
+| \`fit\` | \`'contain' | 'cover' | 'fill' | 'none' | 'scale-down'\` | ${e("common.table.no")} | ${e("components.image.fitDescription")} |
+| \`lazy\` | \`boolean\` | ${e("common.table.no")} | ${e("components.image.lazyDescription")} |
+| \`placeholder\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.image.placeholderDescription")} |
+| \`fallback\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.image.fallbackDescription")} |
+| \`width\` | \`number | string\` | ${e("common.table.no")} | ${e("components.image.widthDescription")} |
+| \`height\` | \`number | string\` | ${e("common.table.no")} | ${e("components.image.heightDescription")} |
+| \`alt\` | \`string\` | ${e("common.table.yes")} | ${e("components.image.altDescription")} |
+| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.image.classNameDescription")} |
+| \`...props\` | \`ComponentPropsWithRef<'img'>\` | ${e("common.table.no")} | ${e("components.image.propsDescription")} |
+  `;return t.jsxs(t.Fragment,{children:[t.jsx(h,{}),t.jsx(x,{}),t.jsx(g,{children:e("components.image.description")}),t.jsx(y,{}),t.jsx(g,{children:d}),t.jsx(f,{})]})},$={title:"Components/Image",component:s,parameters:{layout:"padded",docs:{page:u}},tags:["autodocs"],argTypes:{src:{control:"text",description:e("components.image.argTypes.srcDescription"),table:{type:{summary:"string"}}},srcSet:{control:"text",description:e("components.image.argTypes.srcSetDescription"),table:{type:{summary:"string"}}},fit:{control:"select",options:["contain","cover","fill","none","scale-down"],description:e("components.image.argTypes.fitDescription"),table:{type:{summary:"IImageFit"},defaultValue:{summary:"fill"}}},lazy:{control:"boolean",description:e("components.image.argTypes.lazyDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},placeholder:{control:!1,description:e("components.image.argTypes.placeholderDescription"),table:{type:{summary:"ReactNode"}}},fallback:{control:!1,description:e("components.image.argTypes.fallbackDescription"),table:{type:{summary:"ReactNode"}}},width:{control:{type:"number",min:50,max:800,step:10},description:e("components.image.argTypes.widthDescription"),table:{type:{summary:"number | string"}}},height:{control:{type:"number",min:50,max:800,step:10},description:e("components.image.argTypes.heightDescription"),table:{type:{summary:"number | string"}}},alt:{control:"text",description:e("components.image.argTypes.altDescription"),table:{type:{summary:"string"}}},className:{control:"text",description:e("components.image.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},o={storyName:e("components.image.stories.default.storyName"),args:{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.default.altText")}},i={storyName:e("components.image.stories.withDimensions.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.withDimensions.square"),width:200,height:200}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.withDimensions.rectangle"),width:300,height:200}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.withDimensions.portrait"),width:150,height:300})]})},a={storyName:e("components.image.stories.objectFit.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.fill")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.fill"),fit:"fill",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.cover")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.cover"),fit:"cover",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.contain")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.contain"),fit:"contain",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.none")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc",overflow:"hidden"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.none"),fit:"none",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.scaleDown")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.scaleDown"),fit:"scale-down",width:"100%",height:"100%"})})]})]})},n={storyName:e("components.image.stories.lazyLoading.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx("p",{style:{fontSize:"14px",color:"#666"},children:e("components.image.stories.lazyLoading.scrollPrompt")}),t.jsx("div",{style:{height:"500px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f5f5f5"},children:t.jsx("p",{children:e("components.image.stories.lazyLoading.scrollDown")})}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.lazyLoading.image1"),lazy:!0,width:400,height:300}),t.jsx("div",{style:{height:"300px"}}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.lazyLoading.image2"),lazy:!0,width:600,height:400})]})},r={storyName:e("components.image.stories.customPlaceholder.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.customPlaceholder.withCustom"),width:200,height:200,placeholder:t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f0f0f0",color:"#999"},children:e("components.image.stories.customPlaceholder.loading")})}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.customPlaceholder.withSpinner"),width:200,height:200,placeholder:t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f0f0f0"},children:t.jsx("div",{style:{width:"40px",height:"40px",border:"4px solid #f3f3f3",borderTop:"4px solid #3498db",borderRadius:"50%",animation:"spin 1s linear infinite"}})})})]})},m={storyName:e("components.image.stories.fallback.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[t.jsx(s,{src:"https://invalid-url-that-will-fail.com/image.jpg",alt:e("components.image.stories.fallback.brokenImage"),width:200,height:200}),t.jsx(s,{src:"https://invalid-url-that-will-fail.com/image.jpg",alt:e("components.image.stories.fallback.brokenWithFallback"),width:200,height:200,fallback:t.jsxs("div",{style:{width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"#f0f0f0",color:"#999"},children:[t.jsx("div",{style:{fontSize:"24px",marginBottom:"8px"},children:"⚠️"}),t.jsx("div",{style:{fontSize:"12px"},children:e("components.image.stories.fallback.failedToLoad")})]})})]})},l={storyName:e("components.image.stories.responsiveImages.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",srcSet:"https://vingroup.net/assets/images/logo.png 1x, https://vingroup.net/assets/images/logo.png 2x",alt:e("components.image.stories.responsiveImages.alt"),width:400,height:300}),t.jsx("p",{style:{fontSize:"14px",color:"#666"},children:e("components.image.stories.responsiveImages.description")})]})},p={storyName:e("components.image.stories.completeExample.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.completeExample.standardImage")}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.completeExample.standardImage"),width:400,height:300,fit:"cover"})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.completeExample.lazyLoadedImage")}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.completeExample.lazyLoadedImage"),width:600,height:400,lazy:!0,fit:"cover"})]})]})},c={storyName:e("components.image.stories.interactive.storyName"),args:{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.interactive.altText"),fit:"fill",lazy:!1,width:400,height:300}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.image.stories.default.storyName'),
+  args: {
+    src: 'https://vingroup.net/assets/images/logo.png',
+    alt: t('components.image.stories.default.altText')
+  }
+}`,...o.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.image.stories.withDimensions.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '16px',
+    flexWrap: 'wrap'
+  }}>
+      <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.withDimensions.square')} width={200} height={200} />
+      <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.withDimensions.rectangle')} width={300} height={200} />
+      <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.withDimensions.portrait')} width={150} height={300} />
+    </div>
+}`,...i.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.image.stories.objectFit.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '24px'
+  }}>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.image.stories.objectFit.fill')}
+        </h3>
+        <div style={{
+        width: '300px',
+        height: '200px',
+        border: '1px solid #ccc'
+      }}>
+          <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.objectFit.fill')} fit="fill" width="100%" height="100%" />
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.image.stories.objectFit.cover')}
+        </h3>
+        <div style={{
+        width: '300px',
+        height: '200px',
+        border: '1px solid #ccc'
+      }}>
+          <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.objectFit.cover')} fit="cover" width="100%" height="100%" />
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.image.stories.objectFit.contain')}
+        </h3>
+        <div style={{
+        width: '300px',
+        height: '200px',
+        border: '1px solid #ccc'
+      }}>
+          <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.objectFit.contain')} fit="contain" width="100%" height="100%" />
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.image.stories.objectFit.none')}
+        </h3>
+        <div style={{
+        width: '300px',
+        height: '200px',
+        border: '1px solid #ccc',
+        overflow: 'hidden'
+      }}>
+          <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.objectFit.none')} fit="none" width="100%" height="100%" />
+        </div>
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.image.stories.objectFit.scaleDown')}
+        </h3>
+        <div style={{
+        width: '300px',
+        height: '200px',
+        border: '1px solid #ccc'
+      }}>
+          <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.objectFit.scaleDown')} fit="scale-down" width="100%" height="100%" />
+        </div>
+      </div>
+    </div>
+}`,...a.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.image.stories.lazyLoading.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <p style={{
+      fontSize: '14px',
+      color: '#666'
+    }}>
+        {t('components.image.stories.lazyLoading.scrollPrompt')}
+      </p>
+      <div style={{
+      height: '500px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: '#f5f5f5'
+    }}>
+        <p>{t('components.image.stories.lazyLoading.scrollDown')}</p>
+      </div>
+      <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.lazyLoading.image1')} lazy width={400} height={300} />
+      <div style={{
+      height: '300px'
+    }} />
+      <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.lazyLoading.image2')} lazy width={600} height={400} />
+    </div>
+}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.image.stories.customPlaceholder.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '16px',
+    flexWrap: 'wrap'
+  }}>
+      <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.customPlaceholder.withCustom')} width={200} height={200} placeholder={<div style={{
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: '#f0f0f0',
+      color: '#999'
+    }}>
+            {t('components.image.stories.customPlaceholder.loading')}
+          </div>} />
+      <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.customPlaceholder.withSpinner')} width={200} height={200} placeholder={<div style={{
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: '#f0f0f0'
+    }}>
+            <div style={{
+        width: '40px',
+        height: '40px',
+        border: '4px solid #f3f3f3',
+        borderTop: '4px solid #3498db',
+        borderRadius: '50%',
+        animation: 'spin 1s linear infinite'
+      }} />
+          </div>} />
+    </div>
+}`,...r.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.image.stories.fallback.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '16px',
+    flexWrap: 'wrap'
+  }}>
+      <Image src="https://invalid-url-that-will-fail.com/image.jpg" alt={t('components.image.stories.fallback.brokenImage')} width={200} height={200} />
+      <Image src="https://invalid-url-that-will-fail.com/image.jpg" alt={t('components.image.stories.fallback.brokenWithFallback')} width={200} height={200} fallback={<div style={{
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: '#f0f0f0',
+      color: '#999'
+    }}>
+            <div style={{
+        fontSize: '24px',
+        marginBottom: '8px'
+      }}>⚠️</div>
+            <div style={{
+        fontSize: '12px'
+      }}>
+              {t('components.image.stories.fallback.failedToLoad')}
+            </div>
+          </div>} />
+    </div>
+}`,...m.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.image.stories.responsiveImages.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Image src="https://vingroup.net/assets/images/logo.png" srcSet="https://vingroup.net/assets/images/logo.png 1x, https://vingroup.net/assets/images/logo.png 2x" alt={t('components.image.stories.responsiveImages.alt')} width={400} height={300} />
+      <p style={{
+      fontSize: '14px',
+      color: '#666'
+    }}>
+        {t('components.image.stories.responsiveImages.description')}
+      </p>
+    </div>
+}`,...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.image.stories.completeExample.storyName'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '24px'
+  }}>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.image.stories.completeExample.standardImage')}
+        </h3>
+        <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.completeExample.standardImage')} width={400} height={300} fit="cover" />
+      </div>
+      <div>
+        <h3 style={{
+        marginBottom: '12px'
+      }}>
+          {t('components.image.stories.completeExample.lazyLoadedImage')}
+        </h3>
+        <Image src="https://vingroup.net/assets/images/logo.png" alt={t('components.image.stories.completeExample.lazyLoadedImage')} width={600} height={400} lazy fit="cover" />
+      </div>
+    </div>
+}`,...p.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.image.stories.interactive.storyName'),
+  args: {
+    src: 'https://vingroup.net/assets/images/logo.png',
+    alt: t('components.image.stories.interactive.altText'),
+    fit: 'fill',
+    lazy: false,
+    width: 400,
+    height: 300
+  }
+}`,...c.parameters?.docs?.source}}};const C=["Default","WithDimensions","ObjectFit","LazyLoading","CustomPlaceholder","Fallback","ResponsiveImages","CompleteExample","Interactive"];export{p as CompleteExample,r as CustomPlaceholder,o as Default,m as Fallback,c as Interactive,n as LazyLoading,a as ObjectFit,l as ResponsiveImages,i as WithDimensions,C as __namedExportsOrder,$ as default};

package/dist-storybook/assets/index-B-Ksafg0.js

@@ -0,0 +1 @@
+var i=function(){return i=Object.assign||function(t){for(var n,r=1,o=arguments.length;r<o;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t},i.apply(this,arguments)};function f(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n}function c(e){var t=typeof Symbol=="function"&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&typeof e.length=="number")return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function p(e,t){var n=typeof Symbol=="function"&&e[Symbol.iterator];if(!n)return e;var r=n.call(e),o,a=[],l;try{for(;(t===void 0||t-- >0)&&!(o=r.next()).done;)a.push(o.value)}catch(u){l={error:u}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(l)throw l.error}}return a}function s(e,t,n){if(n||arguments.length===2)for(var r=0,o=t.length,a;r<o;r++)(a||!(r in t))&&(a||(a=Array.prototype.slice.call(t,0,r)),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}var y=function(e){return typeof e=="function"};export{p as _,s as a,f as b,c,i as d,y as i};

package/dist-storybook/assets/index-BV0AJWP6.js

@@ -0,0 +1 @@
+import{_ as V,i as C,a as N}from"./index-B-Ksafg0.js";import{r as u}from"./iframe-CQAwSt4E.js";var O=function(a){var e=u.useRef(a);e.current=u.useMemo(function(){return a},[a]);var r=u.useRef(void 0);return r.current||(r.current=function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];return e.current.apply(this,n)}),r.current},P=function(){var a=V(u.useState({}),2),e=a[1];return u.useCallback(function(){return e({})},[])};function S(a,e){e===void 0&&(e={});var r=a??{},n=e.defaultValue,t=e.defaultValuePropName,c=t===void 0?"defaultValue":t,i=e.valuePropName,v=i===void 0?"value":i,d=e.trigger,m=d===void 0?"onChange":d,p=r[v],f=Object.prototype.hasOwnProperty.call(r,v),h=u.useMemo(function(){return f?p:Object.prototype.hasOwnProperty.call(r,c)?r[c]:n},[]),l=u.useRef(h);f&&(l.current=p);var b=P();function R(s){for(var g=[],o=1;o<arguments.length;o++)g[o-1]=arguments[o];var y=C(s)?s(l.current):s;f||(l.current=y,b()),r[m]&&r[m].apply(r,N([y],V(g),!1))}return[l.current,O(R)]}export{S as u};

package/dist-storybook/assets/index-CgMRTj-o.js

@@ -0,0 +1 @@
+import{e}from"./iframe-CQAwSt4E.js";import"./preload-helper-PPVm8Dsz.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function r(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{r as MDXProvider,u as useMDXComponents};

package/dist-storybook/assets/index-DHiZ-gXR.js

@@ -0,0 +1 @@
+import{a as O}from"./iframe-CQAwSt4E.js";var y={exports:{}},n={};var o;function S(){if(o)return n;o=1;var u=O();function g(r){var e="https://react.dev/errors/"+r;if(1<arguments.length){e+="?args[]="+encodeURIComponent(arguments[1]);for(var t=2;t<arguments.length;t++)e+="&args[]="+encodeURIComponent(arguments[t])}return"Minified React error #"+r+"; visit "+e+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function a(){}var i={d:{f:a,r:function(){throw Error(g(522))},D:a,C:a,L:a,m:a,X:a,S:a,M:a},p:0,findDOMNode:null},m=Symbol.for("react.portal");function v(r,e,t){var c=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:m,key:c==null?null:""+c,children:r,containerInfo:e,implementation:t}}var f=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function d(r,e){if(r==="font")return"";if(typeof e=="string")return e==="use-credentials"?e:""}return n.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=i,n.createPortal=function(r,e){var t=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)throw Error(g(299));return v(r,e,null,t)},n.flushSync=function(r){var e=f.T,t=i.p;try{if(f.T=null,i.p=2,r)return r()}finally{f.T=e,i.p=t,i.d.f()}},n.preconnect=function(r,e){typeof r=="string"&&(e?(e=e.crossOrigin,e=typeof e=="string"?e==="use-credentials"?e:"":void 0):e=null,i.d.C(r,e))},n.prefetchDNS=function(r){typeof r=="string"&&i.d.D(r)},n.preinit=function(r,e){if(typeof r=="string"&&e&&typeof e.as=="string"){var t=e.as,c=d(t,e.crossOrigin),s=typeof e.integrity=="string"?e.integrity:void 0,l=typeof e.fetchPriority=="string"?e.fetchPriority:void 0;t==="style"?i.d.S(r,typeof e.precedence=="string"?e.precedence:void 0,{crossOrigin:c,integrity:s,fetchPriority:l}):t==="script"&&i.d.X(r,{crossOrigin:c,integrity:s,fetchPriority:l,nonce:typeof e.nonce=="string"?e.nonce:void 0})}},n.preinitModule=function(r,e){if(typeof r=="string")if(typeof e=="object"&&e!==null){if(e.as==null||e.as==="script"){var t=d(e.as,e.crossOrigin);i.d.M(r,{crossOrigin:t,integrity:typeof e.integrity=="string"?e.integrity:void 0,nonce:typeof e.nonce=="string"?e.nonce:void 0})}}else e==null&&i.d.M(r)},n.preload=function(r,e){if(typeof r=="string"&&typeof e=="object"&&e!==null&&typeof e.as=="string"){var t=e.as,c=d(t,e.crossOrigin);i.d.L(r,t,{crossOrigin:c,integrity:typeof e.integrity=="string"?e.integrity:void 0,nonce:typeof e.nonce=="string"?e.nonce:void 0,type:typeof e.type=="string"?e.type:void 0,fetchPriority:typeof e.fetchPriority=="string"?e.fetchPriority:void 0,referrerPolicy:typeof e.referrerPolicy=="string"?e.referrerPolicy:void 0,imageSrcSet:typeof e.imageSrcSet=="string"?e.imageSrcSet:void 0,imageSizes:typeof e.imageSizes=="string"?e.imageSizes:void 0,media:typeof e.media=="string"?e.media:void 0})}},n.preloadModule=function(r,e){if(typeof r=="string")if(e){var t=d(e.as,e.crossOrigin);i.d.m(r,{as:typeof e.as=="string"&&e.as!=="script"?e.as:void 0,crossOrigin:t,integrity:typeof e.integrity=="string"?e.integrity:void 0})}else i.d.m(r)},n.requestFormReset=function(r){i.d.r(r)},n.unstable_batchedUpdates=function(r,e){return r(e)},n.useFormState=function(r,e,t){return f.H.useFormState(r,e,t)},n.useFormStatus=function(){return f.H.useHostTransitionStatus()},n.version="19.2.3",n}var _;function T(){if(_)return y.exports;_=1;function u(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(u)}catch(g){console.error(g)}}return u(),y.exports=S(),y.exports}export{T as r};

package/dist-storybook/assets/input-wrapper-BKHgnPy6.js

@@ -0,0 +1 @@
+import{j as i}from"./iframe-CQAwSt4E.js";import{r as h,I as $}from"./icon-DdQsMyRa.js";import{L as w}from"./label-DV2iCDmN.js";import{c as z,g as L}from"./classname-CUR_zgkh.js";import{T as j}from"./typography-DEpAJl_i.js";import{p as T}from"./pick-BhmhLmLe.js";import{o as b}from"./omit-Bsx5nTI0.js";const s=L("input-wrapper");function B(r){const n=T(r,["shape","disabled","success","successMessage","error","errorMessage","label","leadingIcon","onLeadingIconClick","trailingIcon","onTrailingIconClick","prefix","suffix","className"]),e=b(r,["shape","disabled","success","successMessage","error","errorMessage","label","leadingIcon","onLeadingIconClick","trailingIcon","onTrailingIconClick","prefix","suffix","className"]);return{wrapper:n,props:e}}const W=({shape:r="rounded",disabled:n,loadingNode:e,success:c,successMessage:l,error:a,errorMessage:p,className:v,label:t,leadingIcon:m,onLeadingIconClick:g,trailingIcon:_,onTrailingIconClick:I,prefix:u,suffix:d,isFocus:N,children:k,align:x,bottomInput:f,onInputClick:C,...y})=>(a=!e&&(a&&!n||!!p),c=!e&&!a&&!n&&(c||!!l),i.jsxs("div",{...y,className:z(s,v,{[`${s}--${x}`]:x,[`${s}--${r}`]:r,[`${s}--disabled`]:n,[`${s}--success`]:c,[`${s}--error`]:a,[`${s}--focus`]:N}),children:[!!t&&i.jsx(w,{...t,loading:!!e||t.loading}),i.jsxs("div",{className:`${s}__input`,onClick:C,children:[i.jsxs("div",{className:`${s}__input__body`,children:[!!e&&e,!e&&i.jsxs(i.Fragment,{children:[!!u&&i.jsx("div",{className:`${s}__input__prefix`,children:u}),i.jsxs("div",{className:`${s}__input__inner`,children:[!!m&&i.jsx("div",{className:`${s}__input__leading-icon`,onClick:o=>g?.(o),children:h(m)}),i.jsx("div",{className:`${s}__input__child`,children:k}),!!a&&i.jsx($,{name:"triangle-warning",size:20,color:"alias-support-negative",type:"fill"}),!!c&&i.jsx($,{name:"circle-check",size:20,color:"alias-support-positive",type:"fill"}),!!_&&i.jsx("div",{className:`${s}__input__trailing-icon`,onClick:o=>I?.(o),children:h(_)})]}),!!d&&i.jsx("div",{className:`${s}__input__suffix`,children:d})]})]}),!e&&!!f&&i.jsx("div",{className:`${s}__input__footer`,children:f})]}),!e&&a&&!!p&&i.jsx(j,{size:"small",weight:400,color:"alias-support-negative",className:`${s}__error-text`,children:p}),!e&&c&&!!l&&i.jsx(j,{size:"small",weight:400,color:"alias-support-positive",className:`${s}__success-text`,children:l})]}));W.__docgenInfo={description:"",methods:[],displayName:"InputWrapper",props:{shape:{defaultValue:{value:"'rounded'",computed:!1},required:!1}}};export{W as I,B as g};