@pnkx-lib/ui 1.9.522 → 1.9.525

package/dist/style.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.right-1{right:calc(var(--spacing)*1)}.left-\[62px\]{left:62px}.z-50,.z-\[50\]{z-index:50}.z-\[999\]{z-index:999}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-3{margin-inline:calc(var(--spacing)*-3)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.\!mt-\[-10px\]{margin-top:-10px!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[15px\]{margin-top:15px}.mt-auto{margin-top:auto}.\!mr-1{margin-right:calc(var(--spacing)*1)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.\!ml-1{margin-left:calc(var(--spacing)*1)!important}.\!ml-2{margin-left:calc(var(--spacing)*2)!important}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-\[-2rem\]{margin-left:-2rem}.ml-\[62px\]{margin-left:62px}.ml-\[225px\]{margin-left:225px}.ml-\[279px\]{margin-left:279px}.ml-auto{margin-left:auto}.\!flex{display:flex!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.\!h-fit{height:fit-content!important}.h-0{height:calc(var(--spacing)*0)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-20{height:calc(var(--spacing)*20)}.h-\[30px\]{height:30px}.h-\[42px\]{height:42px}.h-\[50vh\]{height:50vh}.h-\[300px\]{height:300px}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.\!w-3{width:calc(var(--spacing)*3)!important}.\!w-\[30px\]{width:30px!important}.\!w-\[50px\]{width:50px!important}.\!w-\[85px\]{width:85px!important}.\!w-\[500px\]{width:500px!important}.\!w-fit{width:fit-content!important}.\!w-full{width:100%!important}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10\!{width:calc(var(--spacing)*10)!important}.w-20{width:calc(var(--spacing)*20)}.w-20\!{width:calc(var(--spacing)*20)!important}.w-50{width:calc(var(--spacing)*50)}.w-\[30px\]{width:30px}.w-\[60px\]{width:60px}.w-\[62px\]{width:62px}.w-\[90px\]{width:90px}.w-\[217px\]{width:217px}.w-\[225px\]{width:225px}.w-\[384\.85px\]{width:384.85px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[120px\]{max-width:120px}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.translate-y-\[110\%\]{--tw-translate-y:110%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.-space-y-px>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(-1px*var(--tw-space-y-reverse));margin-block-end:calc(-1px*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-5{row-gap:calc(var(--spacing)*5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.\!rounded-full{border-radius:3.40282e38px!important}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-none{--tw-border-style:none;border-style:none}.\!border-\[\#BDE3FF\]{border-color:#bde3ff!important}.\!border-\[\#FFCDC9\]{border-color:#ffcdc9!important}.\!border-\[\#bde3ff\]{border-color:#bde3ff!important}.border-\[\#BDE3FF\],.border-\[\#bde3ff\]{border-color:#bde3ff}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.\!bg-\[\#0000000A\]{background-color:#0000000a!important}.\!bg-\[\#E5F4FF\]{background-color:#e5f4ff!important}.\!bg-\[\#E7F0FF\]{background-color:#e7f0ff!important}.bg-\[\#007BE5\]{background-color:#007be5}.bg-\[\#27CD7F\]{background-color:#27cd7f}.bg-\[\#722ED1\]{background-color:#722ed1}.bg-\[\#001523\]{background-color:#001523}.bg-\[\#2561ED\]{background-color:#2561ed}.bg-\[\#B2B7C2\]{background-color:#b2b7c2}.bg-\[\#DA9438\]{background-color:#da9438}.bg-\[\#DD4338\]{background-color:#dd4338}.bg-\[\#ECEFF3\]{background-color:#eceff3}.bg-\[\#FFFFFF\],.bg-\[white\]{background-color:#fff}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.\!px-0{padding-inline:calc(var(--spacing)*0)!important}.\!px-2{padding-inline:calc(var(--spacing)*2)!important}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[10px\]{padding-inline:10px}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-15{padding-top:calc(var(--spacing)*15)}.pt-17{padding-top:calc(var(--spacing)*17)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.\!pl-2\.5{padding-left:calc(var(--spacing)*2.5)!important}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[24px\]{font-size:24px}.\!font-light{--tw-font-weight:var(--font-weight-light)!important;font-weight:var(--font-weight-light)!important}.font-\[400\]{--tw-font-weight:400;font-weight:400}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#4B90FE\]{color:#4b90fe!important}.\!text-\[\#007BE5\]{color:#007be5!important}.\!text-\[\#8C93A3\]{color:#8c93a3!important}.\!text-\[\#52C41A\]{color:#52c41a!important}.\!text-\[\#1677FF\]{color:#1677ff!important}.\!text-\[\#DD4338\]{color:#dd4338!important}.\!text-\[\#E0E0E0\]{color:#e0e0e0!important}.\!text-\[\#FF4D4F\]{color:#ff4d4f!important}.text-\[\#1F1F1F\]{color:#1f1f1f}.text-\[\#5C657D\]{color:#5c657d}.text-\[\#007BE5\]{color:#007be5}.text-\[\#116DFF\]{color:#116dff}.text-\[\#131313\]{color:#131313}.text-\[\#B2B7C2\]{color:#b2b7c2}.text-\[\#c6c8cb\]{color:#c6c8cb}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.opacity-0{opacity:0}.opacity-100{opacity:1}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0px_0px_12px_0px_\#0006241f\]{--tw-shadow:0px 0px 12px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_6px_0px_\#0006241f\]{--tw-shadow:0px 4px 6px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.focus-within\:border-red-500:focus-within{border-color:var(--color-red-500)}.focus-within\:ring-red-500:focus-within{--tw-ring-color:var(--color-red-500)}@media (hover:hover){.hover\:rounded-sm:hover{border-radius:var(--radius-sm)}.hover\:bg-\[\#1B4ACB\]:hover{background-color:#1b4acb}.hover\:bg-\[\#007BE5\]:hover{background-color:#007be5}.hover\:bg-\[\#E5F4FF\]:hover{background-color:#e5f4ff}.hover\:bg-\[\#F5F6F7\]:hover{background-color:#f5f6f7}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:text-\[\#007BE5\]:hover{color:#007be5}.hover\:text-white:hover{color:var(--color-white)}}.focus\:z-10:focus{z-index:10}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}}.custom-pagination-reorder .ant-pagination-options{order:-1;margin-right:16px}.custom-pagination-reorder{align-items:center;display:flex}.custom-pagination-reorder .ant-pagination-total-text{order:0}.custom-pagination-reorder .ant-pagination-prev,.custom-pagination-reorder .ant-pagination-item,.custom-pagination-reorder .ant-pagination-next,.custom-pagination-reorder .ant-pagination-jump-prev,.custom-pagination-reorder .ant-pagination-jump-next{order:1}.custom-pagination-reorder .ant-pagination-options{order:-1}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.setting-table-modal div .ant-modal-header,.setting-table-modal div .ant-modal-footer{padding:0 24px!important}.containerSearchSelect :global(.ant-select-selector){border-radius:100px;border-color:#bde3ff!important}.inputSearchKey :global(.ant-input-clear-icon){color:#e7f0ff}.customBadge{background-color:#eeeef0!important}.customBadge :global(.ant-badge-count){color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadge .ant-badge-count{color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadgeActive{background-color:#bde3ff!important}.customBadgeActive .ant-badge-count{font-weight:500;color:#0f1d40!important;box-shadow:none!important;background:0 0!important}.customContainButtonIcon .ant-btn-icon{height:18px}.ant-table-cell:before{display:none!important}.ant-table-thead .ant-table-cell{font-weight:500;background-color:#d6e6fe!important;border-start-start-radius:0!important;border-start-end-radius:0!important}.ant-table-thead th.ant-table-column-has-sorters:hover{background-color:#d6e6fe}.ant-table-row.table-row-even{background-color:#f7f7f8}.ant-table-row.table-row-odd{background-color:#fff}.ant-table-cell-row-hover{cursor:pointer;background-color:#e7f0ff!important}.ant-table-body{scrollbar-width:auto;scrollbar-color:auto}.ant-table-body::-webkit-scrollbar{width:8px}.ant-table-body::-webkit-scrollbar-track{background-color:#e1e6e6}.ant-table-body::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}.ant-table-body::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-outlined.ant-select-multiple .ant-select-selection-item{gap:4px;display:flex;background-color:#bde3ff!important;padding:1px 8px!important}.label-input-container{justify-content:space-between;display:flex}.default-class-name-subLabel{color:#8c93a3!important}.pnkx-default-input{border-color:#bde3ff;width:100%;border-radius:6px!important}.pnkx-default-input :global(.ant-input-clear-icon){color:#e7f0ff}.pnkx-default-input.ant-input-affix-wrapper-disabled{box-shadow:none!important;cursor:not-allowed!important;border:none!important}.pnkx-default-select-container{width:100%;height:100%}.ant-select:hover .ant-select-selector{box-shadow:none!important;border-color:#a2a2a2!important}.pnkx-disable-select .ant-select-arrow{color:#00000040!important}.pnkx-default-select-container .ant-select-selector,.pnkx-default-select-container .ant-select .ant-select-selector{border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .ant-select.ant-select-disabled .ant-select-selector{border:none}.pnkx-default-field-container{width:100%;border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .pnkx-error-select .ant-select-selector{border:1px solid #ff4d4f!important}.pnkx-default-border-cascader .ant-select-selector,.pnkx-default-border-checkbox .ant-checkbox-inner{border-color:#bde3ff!important}.pnkx-default-border-date-picker{width:inherit;padding-right:calc(var(--spacing)*2.5);background-color:#fff;justify-content:space-between;align-items:center;display:flex;border:1px solid #bde3ff!important;border-radius:6px!important}.pnkx-erorr-border-date-picker{border-color:#ff4d4f!important}.pnkx-default-border-time-picker{border-color:#bde3ff;border-radius:6px!important}.pnkx-default-border-default-button{color:#007be5!important;border-color:#bde3ff!important}.ant-checkbox-inner{border-color:#007be5!important}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff}.ant-checkbox-checked .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-checked):not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-disabled):hover .ant-checkbox-inner{background-color:#e5f4ff!important;border-color:#007be5!important}.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-checked):hover .ant-checkbox-inner,.ant-checkbox-checked:hover .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-disabled .ant-checkbox-inner,.ant-checkbox-wrapper-disabled .ant-checkbox-inner{cursor:not-allowed!important;background-color:#f5f5f5!important;border-color:#d9d9d9!important}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner{background-color:#8b8787!important;border-color:#d9d9d9!important}.pnkx-default-modal .ant-modal-close-x{color:#000624}.ant-modal-body,.ant-modal-content{padding:0!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#e1e6e6}::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-arrow{color:#116dff!important}.ant-select-clear{color:#0065ff!important}.table-scroll-bar .ant-table-body{scrollbar-color:#a8caff transparent}.pnkx-not-found-content-select{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.pnkx-not-found-text-select{color:#00000073}.pnkx-not-found-icon-select{height:35px}.custom-upload-wrapper .ant-upload.ant-upload-drag{border:1px dashed #116dff!important}.cascader-style .ant-cascader-input{background-color:#fefefe;border-radius:6px;padding:6px 12px}.allowClearIcon{border-radius:50%;justify-content:center;width:18px;height:18px;display:inline-flex;background-color:#e7f0ff!important;align-items:center!important}.pnkx-default-upload-modal .ant-modal-footer{padding:0 16px 16px 0!important}.sortTableItem{align-items:center;display:flex}.textarea-custom{font-variant:tabular-nums;font-feature-settings:"tnum";box-sizing:border-box;z-index:0;color:#242323;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'><circle cx='3' cy='3' r='0.4' fill='black' /></svg>");background-position:20px 7px;background-size:5px 30px;border-radius:2px;width:100%;min-width:0;margin:0;padding:0 0 2px;font-family:inherit;font-size:13px;display:inline-block;position:relative;overflow:hidden;border:none!important;line-height:30px!important}.input-datepicker{color:#111827;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:.5rem 0 .5rem .75rem;transition:border-color .2s,box-shadow .2s}.input-datepicker:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.input-datepicker:disabled{cursor:not-allowed;opacity:.5}.dark .input-datepicker{color:#fff;background-color:#374151;border-color:#4b5563}.dark .input-datepicker::placeholder{color:#9ca3af}.dark .input-datepicker:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}button:focus,button:focus-visible{box-shadow:none!important;outline:none!important}.select-table-dropdown .select-table-custom .ant-table-thead>tr>th{color:#fff!important;background-color:#41ccfe!important;border-bottom:1px solid #2db8e8!important;font-weight:600!important}.select-table-dropdown .select-table-custom .ant-table-tbody>tr:hover>td{background-color:#edf8fc!important}.select-table-dropdown .select-table-custom .ant-table-tbody>tr.ant-table-row-selected>td,.select-table-dropdown .select-table-custom .ant-table-tbody>tr.ant-table-row-selected:hover>td{background-color:#b7e2f4!important}.select-single-table-dropdown .ant-table-thead>tr>th{color:#fff!important;background-color:#41ccfe!important;border-bottom:1px solid #2db8e8!important;font-weight:600!important}.select-single-table-dropdown .ant-table-tbody>tr:hover>td{cursor:pointer!important;background-color:#b7e2f4!important}.select-single-table-dropdown .ant-table-tbody>tr.ant-table-row-selected>td{background-color:#e6f7ff!important}.select-single-table-dropdown .ant-table-tbody>tr.ant-table-row-selected:hover>td{background-color:#b7e2f4!important}.indexNotEqualZerosortTableItem{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:#f0f0f0!important}.lastIndexZerosortTableItem{border-bottom-style:var(--tw-border-style)!important;border-bottom-color:#f0f0f0!important}.dragIconContainer{padding-left:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*3.5);cursor:grab}.dragIcon{cursor:grab!important}.childrenSortTableItem{flex:1}.settingColumnItem{width:100%;padding-top:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*2);display:inline-flex}.titleHeaderModalSettingTableContainer{padding-block:calc(var(--spacing)*4);color:#5c657d}.descriptionHeaderModalSettingTable{--tw-font-weight:var(--font-weight-normal);font-size:14px;font-weight:var(--font-weight-normal)}.footerModalSettingTable{margin-top:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*6);justify-content:flex-end;align-items:flex-end;display:flex}.backToDefaultButtonSettingTable{border-radius:var(--radius-3xl)!important;color:#007be5!important;border-color:#bde3ff!important}.submitButtonSettingTable{margin-left:calc(var(--spacing)*2);border-radius:var(--radius-3xl)!important;color:#fff!important;background-color:#007be5!important;border-color:#007be5!important}.content-setting-table-modal{scroll-behavior:smooth;max-height:75vh;overflow:auto}.content-setting-table-modal::-webkit-scrollbar{height:8px}.content-setting-table-modal::-webkit-scrollbar-track{background:inherit}.bodysettingTableIconContainer{width:calc(var(--spacing)*5);margin-right:calc(var(--spacing)*3);cursor:pointer}.wrapHeading{justify-content:space-between}.dividerHeading{border-bottom-style:var(--tw-border-style);border-bottom-width:.5px;border-color:var(--color-gray-300)}.filterContentHeading{padding:calc(var(--spacing)*1);padding-top:calc(var(--spacing)*2);background-color:#fff}.bodyFilterContentHeading{justify-content:space-between;align-items:center;display:flex}.settingTableIconContainer{align-items:center;gap:calc(var(--spacing)*2);display:flex}.customGroupTextButton{margin-top:.25rem;margin-left:.25rem;border-radius:8px!important;font-size:12px!important}.customGroupButtonActive{color:#0f1d40!important;background-color:#e5f4ff!important;border:1px solid #007be5!important;font-weight:500!important}.customGroupButtonInactive{box-shadow:none!important;color:#5c657d!important;border:1px solid #fff!important}.customBadgeText{color:#4d4d57!important;border-radius:8px!important}.buttonBadgeContainer{padding-bottom:15px}.clock-day:before{content:var(--timer-day)}.clock-months:before{content:var(--timer-months)}.clock-year:before{content:var(--timer-year)}.clock-hours:before{content:var(--timer-hours)}.clock-minutes:before{content:var(--timer-minutes)}.clock-seconds:before{content:var(--timer-seconds)}.clock-container{background-color:inherit;width:200px}.clock-col{text-align:center;width:fit-content;position:relative}.clock-col:not(:last-child):before,.clock-col:not(:last-child):after{content:"";background-color:#ffffff4d;border-radius:50%;width:5px;height:5px;display:block;position:absolute;right:-42px}.clock-col:not(:last-child):before{top:35%}.clock-col:not(:last-child):after{top:50%}.clock-timer:before{text-transform:uppercase;font-size:12px}.clock-label{color:#ffffff59;text-transform:uppercase;margin-top:10px;font-size:12px}@media (max-width:825px){.clock-container{place-items:flex-end center!important}.clock-col+.clock-col{margin-top:20px}.clock-col:before,.clock-col:after{display:none!important}}p{width:fit-content}.clock-container2{justify-content:center;align-items:flex-end;height:23px;display:flex}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.right-1{right:calc(var(--spacing)*1)}.left-\[62px\]{left:62px}.z-50,.z-\[50\]{z-index:50}.z-\[999\]{z-index:999}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-3{margin-inline:calc(var(--spacing)*-3)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.\!mt-\[-10px\]{margin-top:-10px!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[15px\]{margin-top:15px}.mt-auto{margin-top:auto}.\!mr-1{margin-right:calc(var(--spacing)*1)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.\!ml-1{margin-left:calc(var(--spacing)*1)!important}.\!ml-2{margin-left:calc(var(--spacing)*2)!important}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-\[-2rem\]{margin-left:-2rem}.ml-\[62px\]{margin-left:62px}.ml-\[225px\]{margin-left:225px}.ml-\[279px\]{margin-left:279px}.ml-auto{margin-left:auto}.\!flex{display:flex!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.\!h-6{height:calc(var(--spacing)*6)!important}.\!h-fit{height:fit-content!important}.h-0{height:calc(var(--spacing)*0)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-20{height:calc(var(--spacing)*20)}.h-\[30px\]{height:30px}.h-\[42px\]{height:42px}.h-\[50vh\]{height:50vh}.h-\[300px\]{height:300px}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.\!w-3{width:calc(var(--spacing)*3)!important}.\!w-\[30px\]{width:30px!important}.\!w-\[50px\]{width:50px!important}.\!w-\[85px\]{width:85px!important}.\!w-\[500px\]{width:500px!important}.\!w-fit{width:fit-content!important}.\!w-full{width:100%!important}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10\!{width:calc(var(--spacing)*10)!important}.w-20{width:calc(var(--spacing)*20)}.w-20\!{width:calc(var(--spacing)*20)!important}.w-50{width:calc(var(--spacing)*50)}.w-\[30px\]{width:30px}.w-\[60px\]{width:60px}.w-\[62px\]{width:62px}.w-\[90px\]{width:90px}.w-\[217px\]{width:217px}.w-\[225px\]{width:225px}.w-\[384\.85px\]{width:384.85px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[120px\]{max-width:120px}.max-w-fit{max-width:fit-content}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-screen-2xl{max-width:var(--breakpoint-2xl)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-screen-md{max-width:var(--breakpoint-md)}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.translate-y-\[110\%\]{--tw-translate-y:110%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\!flex-col{flex-direction:column!important}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.-space-y-px>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(-1px*var(--tw-space-y-reverse));margin-block-end:calc(-1px*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-5{row-gap:calc(var(--spacing)*5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.\!rounded-full{border-radius:3.40282e38px!important}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-none{--tw-border-style:none;border-style:none}.\!border-\[\#BDE3FF\]{border-color:#bde3ff!important}.\!border-\[\#FFCDC9\]{border-color:#ffcdc9!important}.\!border-\[\#bde3ff\]{border-color:#bde3ff!important}.border-\[\#BDE3FF\],.border-\[\#bde3ff\]{border-color:#bde3ff}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.\!bg-\[\#0000000A\]{background-color:#0000000a!important}.\!bg-\[\#E5F4FF\]{background-color:#e5f4ff!important}.\!bg-\[\#E7F0FF\]{background-color:#e7f0ff!important}.bg-\[\#007BE5\]{background-color:#007be5}.bg-\[\#27CD7F\]{background-color:#27cd7f}.bg-\[\#722ED1\]{background-color:#722ed1}.bg-\[\#001523\]{background-color:#001523}.bg-\[\#2561ED\]{background-color:#2561ed}.bg-\[\#B2B7C2\]{background-color:#b2b7c2}.bg-\[\#DA9438\]{background-color:#da9438}.bg-\[\#DD4338\]{background-color:#dd4338}.bg-\[\#ECEFF3\]{background-color:#eceff3}.bg-\[\#FFFFFF\],.bg-\[white\]{background-color:#fff}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.\!px-0{padding-inline:calc(var(--spacing)*0)!important}.\!px-2{padding-inline:calc(var(--spacing)*2)!important}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[10px\]{padding-inline:10px}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-15{padding-top:calc(var(--spacing)*15)}.pt-17{padding-top:calc(var(--spacing)*17)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.\!pl-2\.5{padding-left:calc(var(--spacing)*2.5)!important}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[24px\]{font-size:24px}.\!font-light{--tw-font-weight:var(--font-weight-light)!important;font-weight:var(--font-weight-light)!important}.font-\[400\]{--tw-font-weight:400;font-weight:400}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#4B90FE\]{color:#4b90fe!important}.\!text-\[\#007BE5\]{color:#007be5!important}.\!text-\[\#8C93A3\]{color:#8c93a3!important}.\!text-\[\#52C41A\]{color:#52c41a!important}.\!text-\[\#1677FF\]{color:#1677ff!important}.\!text-\[\#DD4338\]{color:#dd4338!important}.\!text-\[\#E0E0E0\]{color:#e0e0e0!important}.\!text-\[\#FF4D4F\]{color:#ff4d4f!important}.text-\[\#1F1F1F\]{color:#1f1f1f}.text-\[\#5C657D\]{color:#5c657d}.text-\[\#007BE5\]{color:#007be5}.text-\[\#116DFF\]{color:#116dff}.text-\[\#131313\]{color:#131313}.text-\[\#B2B7C2\]{color:#b2b7c2}.text-\[\#c6c8cb\]{color:#c6c8cb}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.opacity-0{opacity:0}.opacity-100{opacity:1}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0px_0px_12px_0px_\#0006241f\]{--tw-shadow:0px 0px 12px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_6px_0px_\#0006241f\]{--tw-shadow:0px 4px 6px 0px var(--tw-shadow-color,#0006241f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.focus-within\:border-red-500:focus-within{border-color:var(--color-red-500)}.focus-within\:ring-red-500:focus-within{--tw-ring-color:var(--color-red-500)}@media (hover:hover){.hover\:rounded-sm:hover{border-radius:var(--radius-sm)}.hover\:bg-\[\#1B4ACB\]:hover{background-color:#1b4acb}.hover\:bg-\[\#007BE5\]:hover{background-color:#007be5}.hover\:bg-\[\#E5F4FF\]:hover{background-color:#e5f4ff}.hover\:bg-\[\#F5F6F7\]:hover{background-color:#f5f6f7}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)}.hover\:text-\[\#007BE5\]:hover{color:#007be5}.hover\:text-white:hover{color:var(--color-white)}}.focus\:z-10:focus{z-index:10}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}.\[\&_\.ant-btn-icon\]\:h-\[18px\] .ant-btn-icon{height:18px}}.custom-pagination-reorder .ant-pagination-options{order:-1;margin-right:16px}.custom-pagination-reorder{align-items:center;display:flex}.custom-pagination-reorder .ant-pagination-total-text{order:0}.custom-pagination-reorder .ant-pagination-prev,.custom-pagination-reorder .ant-pagination-item,.custom-pagination-reorder .ant-pagination-next,.custom-pagination-reorder .ant-pagination-jump-prev,.custom-pagination-reorder .ant-pagination-jump-next{order:1}.custom-pagination-reorder .ant-pagination-options{order:-1}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.setting-table-modal div .ant-modal-header,.setting-table-modal div .ant-modal-footer{padding:0 24px!important}.containerSearchSelect :global(.ant-select-selector){border-radius:100px;border-color:#bde3ff!important}.inputSearchKey :global(.ant-input-clear-icon){color:#e7f0ff}.customBadge{background-color:#eeeef0!important}.customBadge :global(.ant-badge-count){color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadge .ant-badge-count{color:#4d4d57!important;box-shadow:none!important;background:0 0!important}.customBadgeActive{background-color:#bde3ff!important}.customBadgeActive .ant-badge-count{font-weight:500;color:#0f1d40!important;box-shadow:none!important;background:0 0!important}.customContainButtonIcon .ant-btn-icon{height:18px}.ant-table-cell:before{display:none!important}.ant-table-thead .ant-table-cell{font-weight:500;background-color:#d6e6fe!important;border-start-start-radius:0!important;border-start-end-radius:0!important}.ant-table-thead th.ant-table-column-has-sorters:hover{background-color:#d6e6fe}.ant-table-row.table-row-even{background-color:#f7f7f8}.ant-table-row.table-row-odd{background-color:#fff}.ant-table-cell-row-hover{cursor:pointer;background-color:#e7f0ff!important}.ant-table-body{scrollbar-width:auto;scrollbar-color:auto}.ant-table-body::-webkit-scrollbar{width:8px}.ant-table-body::-webkit-scrollbar-track{background-color:#e1e6e6}.ant-table-body::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}.ant-table-body::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-outlined.ant-select-multiple .ant-select-selection-item{gap:4px;display:flex;background-color:#bde3ff!important;padding:1px 8px!important}.label-input-container{justify-content:space-between;display:flex}.default-class-name-subLabel{color:#8c93a3!important}.pnkx-default-input{border-color:#bde3ff;width:100%;border-radius:6px!important}.pnkx-default-input :global(.ant-input-clear-icon){color:#e7f0ff}.pnkx-default-input.ant-input-affix-wrapper-disabled{box-shadow:none!important;cursor:not-allowed!important;border:none!important}.pnkx-default-select-container{width:100%;height:100%}.ant-select:hover .ant-select-selector{box-shadow:none!important;border-color:#a2a2a2!important}.pnkx-disable-select .ant-select-arrow{color:#00000040!important}.pnkx-default-select-container .ant-select-selector,.pnkx-default-select-container .ant-select .ant-select-selector{border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .ant-select.ant-select-disabled .ant-select-selector{border:none}.pnkx-default-field-container{width:100%;border-color:#bde3ff!important;border-radius:6px!important}.pnkx-default-select-container .pnkx-error-select .ant-select-selector{border:1px solid #ff4d4f!important}.pnkx-default-border-cascader .ant-select-selector,.pnkx-default-border-checkbox .ant-checkbox-inner{border-color:#bde3ff!important}.pnkx-default-border-date-picker{width:inherit;padding-right:calc(var(--spacing)*2.5);background-color:#fff;justify-content:space-between;align-items:center;display:flex;border:1px solid #bde3ff!important;border-radius:6px!important}.pnkx-erorr-border-date-picker{border-color:#ff4d4f!important}.pnkx-default-border-time-picker{border-color:#bde3ff;border-radius:6px!important}.pnkx-default-border-default-button{color:#007be5!important;border-color:#bde3ff!important}.ant-checkbox-inner{border-color:#007be5!important}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff}.ant-checkbox-checked .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-checked):not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-disabled):hover .ant-checkbox-inner{background-color:#e5f4ff!important;border-color:#007be5!important}.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-checked):hover .ant-checkbox-inner,.ant-checkbox-checked:hover .ant-checkbox-inner{background-color:#007be5!important;border-color:#007be5!important}.ant-checkbox-disabled .ant-checkbox-inner,.ant-checkbox-wrapper-disabled .ant-checkbox-inner{cursor:not-allowed!important;background-color:#f5f5f5!important;border-color:#d9d9d9!important}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner{background-color:#8b8787!important;border-color:#d9d9d9!important}.pnkx-default-modal .ant-modal-close-x{color:#000624}.ant-modal-body,.ant-modal-content{padding:0!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#e1e6e6}::-webkit-scrollbar-thumb{background-color:#a8caff;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#598cf4;border-radius:6px}.ant-select-arrow{color:#116dff!important}.ant-select-clear{color:#0065ff!important}.table-scroll-bar .ant-table-body{scrollbar-color:#a8caff transparent}.pnkx-not-found-content-select{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.pnkx-not-found-text-select{color:#00000073}.pnkx-not-found-icon-select{height:35px}.custom-upload-wrapper .ant-upload.ant-upload-drag{border:1px dashed #116dff!important}.cascader-style .ant-cascader-input{background-color:#fefefe;border-radius:6px;padding:6px 12px}.allowClearIcon{border-radius:50%;justify-content:center;width:18px;height:18px;display:inline-flex;background-color:#e7f0ff!important;align-items:center!important}.pnkx-default-upload-modal .ant-modal-footer{padding:0 16px 16px 0!important}.sortTableItem{align-items:center;display:flex}.textarea-custom{font-variant:tabular-nums;font-feature-settings:"tnum";box-sizing:border-box;z-index:0;color:#242323;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'><circle cx='3' cy='3' r='0.4' fill='black' /></svg>");background-position:20px 7px;background-size:5px 30px;border-radius:2px;width:100%;min-width:0;margin:0;padding:0 0 2px;font-family:inherit;font-size:13px;display:inline-block;position:relative;overflow:hidden;border:none!important;line-height:30px!important}.input-datepicker{color:#111827;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;outline:none;width:100%;padding:.5rem 0 .5rem .75rem;transition:border-color .2s,box-shadow .2s}.input-datepicker:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.input-datepicker:disabled{cursor:not-allowed;opacity:.5}.dark .input-datepicker{color:#fff;background-color:#374151;border-color:#4b5563}.dark .input-datepicker::placeholder{color:#9ca3af}.dark .input-datepicker:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}button:focus,button:focus-visible{box-shadow:none!important;outline:none!important}.select-table-dropdown .select-table-custom .ant-table-thead>tr>th{color:#fff!important;background-color:#41ccfe!important;border-bottom:1px solid #2db8e8!important;font-weight:600!important}.select-table-dropdown .select-table-custom .ant-table-tbody>tr:hover>td{background-color:#edf8fc!important}.select-table-dropdown .select-table-custom .ant-table-tbody>tr.ant-table-row-selected>td,.select-table-dropdown .select-table-custom .ant-table-tbody>tr.ant-table-row-selected:hover>td{background-color:#b7e2f4!important}.select-single-table-dropdown .ant-table-thead>tr>th{color:#fff!important;background-color:#41ccfe!important;border-bottom:1px solid #2db8e8!important;font-weight:600!important}.select-single-table-dropdown .ant-table-tbody>tr:hover>td{cursor:pointer!important;background-color:#b7e2f4!important}.select-single-table-dropdown .ant-table-tbody>tr.ant-table-row-selected>td{background-color:#e6f7ff!important}.select-single-table-dropdown .ant-table-tbody>tr.ant-table-row-selected:hover>td{background-color:#b7e2f4!important}.indexNotEqualZerosortTableItem{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:#f0f0f0!important}.lastIndexZerosortTableItem{border-bottom-style:var(--tw-border-style)!important;border-bottom-color:#f0f0f0!important}.dragIconContainer{padding-left:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*3.5);cursor:grab}.dragIcon{cursor:grab!important}.childrenSortTableItem{flex:1}.settingColumnItem{width:100%;padding-top:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*2);display:inline-flex}.titleHeaderModalSettingTableContainer{padding-block:calc(var(--spacing)*4);color:#5c657d}.descriptionHeaderModalSettingTable{--tw-font-weight:var(--font-weight-normal);font-size:14px;font-weight:var(--font-weight-normal)}.footerModalSettingTable{margin-top:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*6);justify-content:flex-end;align-items:flex-end;display:flex}.backToDefaultButtonSettingTable{border-radius:var(--radius-3xl)!important;color:#007be5!important;border-color:#bde3ff!important}.submitButtonSettingTable{margin-left:calc(var(--spacing)*2);border-radius:var(--radius-3xl)!important;color:#fff!important;background-color:#007be5!important;border-color:#007be5!important}.content-setting-table-modal{scroll-behavior:smooth;max-height:75vh;overflow:auto}.content-setting-table-modal::-webkit-scrollbar{height:8px}.content-setting-table-modal::-webkit-scrollbar-track{background:inherit}.bodysettingTableIconContainer{width:calc(var(--spacing)*5);margin-right:calc(var(--spacing)*3);cursor:pointer}.wrapHeading{justify-content:space-between}.dividerHeading{border-bottom-style:var(--tw-border-style);border-bottom-width:.5px;border-color:var(--color-gray-300)}.filterContentHeading{padding:calc(var(--spacing)*1);padding-top:calc(var(--spacing)*2);background-color:#fff}.bodyFilterContentHeading{justify-content:space-between;align-items:center;display:flex}.settingTableIconContainer{align-items:center;gap:calc(var(--spacing)*2);display:flex}.customGroupTextButton{margin-top:.25rem;margin-left:.25rem;border-radius:8px!important;font-size:12px!important}.customGroupButtonActive{color:#0f1d40!important;background-color:#e5f4ff!important;border:1px solid #007be5!important;font-weight:500!important}.customGroupButtonInactive{box-shadow:none!important;color:#5c657d!important;border:1px solid #fff!important}.customBadgeText{color:#4d4d57!important;border-radius:8px!important}.buttonBadgeContainer{padding-bottom:15px}.clock-day:before{content:var(--timer-day)}.clock-months:before{content:var(--timer-months)}.clock-year:before{content:var(--timer-year)}.clock-hours:before{content:var(--timer-hours)}.clock-minutes:before{content:var(--timer-minutes)}.clock-seconds:before{content:var(--timer-seconds)}.clock-container{background-color:inherit;width:200px}.clock-col{text-align:center;width:fit-content;position:relative}.clock-col:not(:last-child):before,.clock-col:not(:last-child):after{content:"";background-color:#ffffff4d;border-radius:50%;width:5px;height:5px;display:block;position:absolute;right:-42px}.clock-col:not(:last-child):before{top:35%}.clock-col:not(:last-child):after{top:50%}.clock-timer:before{text-transform:uppercase;font-size:12px}.clock-label{color:#ffffff59;text-transform:uppercase;margin-top:10px;font-size:12px}@media (max-width:825px){.clock-container{place-items:flex-end center!important}.clock-col+.clock-col{margin-top:20px}.clock-col:before,.clock-col:after{display:none!important}}p{width:fit-content}.clock-container2{justify-content:center;align-items:flex-end;height:23px;display:flex}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/es/constants/index.js

@@ -46,5 +46,6 @@ const ListStatusApproved = [
   3 /* INACTIVE */,
   5 /* DELETED */
 ];
+const RemoveIconColor = "#DD4338";
 
-export { ListStatusApproved, PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeCategoryBulkActions, TypeStatusTable };
+export { ListStatusApproved, PAGE_NUMBER, PAGE_SIZE, RemoveIconColor, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeCategoryBulkActions, TypeStatusTable };

package/es/index.js

@@ -3,7 +3,7 @@ export { FloatButton } from './ui/FloatButton.js';
 export { CascaderField } from './ui/Cascader.js';
 export { ErrorMessage } from './ui/ErrorMessage.js';
 export { Typography } from './ui/Typography.js';
-export { ActionRowTable, BulkActions, Clock, CustomeBulkActions, Table, TableCategory } from './ui/index.js';
+export { ActionRowTable, BulkActions, Clock, CustomeBulkActions, Table, TableCategory, TableForm } from './ui/index.js';
 export { Modal } from './ui/Modal.js';
 export { Tooltip } from './ui/Tooltip.js';
 export { Tabs } from './ui/Tabs.js';
@@ -51,7 +51,7 @@ export { ConfirmModal } from './ui/ConfirmModal.js';
 export { ErrorBoundary } from './ui/ErrorBoundary.js';
 export { CATEGORY_LIST_ENUM, CATEGORY_PRICE_LIST_ENUM, COUNT_LEVEL, CategoryStatus, badgeStatusCategoryConfig } from './ui/CategoryStatus.js';
 export { I as ID_TABLE_WRAPPER, a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from './chunks/common-BcURBmQ-.js';
-export { ListStatusApproved, PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeCategoryBulkActions, TypeStatusTable } from './constants/index.js';
+export { ListStatusApproved, PAGE_NUMBER, PAGE_SIZE, RemoveIconColor, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeCategoryBulkActions, TypeStatusTable } from './constants/index.js';
 export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
 export { Card } from './ui/Card.js';
 export { ConfigProvider } from './ui/ConfigProvider.js';

package/es/ui/index.js

@@ -9,7 +9,7 @@ import React__default, { useState as useState$1, useCallback, useEffect, useRef,
 import { Select, Input, Pagination, Table as Table$1, Tooltip as Tooltip$2 } from 'antd';
 import { I as ID_TABLE_WRAPPER } from '../chunks/common-BcURBmQ-.js';
 export { a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from '../chunks/common-BcURBmQ-.js';
-import { TypeStatusTable, TypeActionRowTable, TypeBulkActions as TypeBulkActions$1, ListStatusApproved } from '../constants/index.js';
+import { TypeStatusTable, TypeActionRowTable, TypeBulkActions as TypeBulkActions$1, ListStatusApproved, RemoveIconColor } from '../constants/index.js';
 export { PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeCategoryBulkActions } from '../constants/index.js';
 import { Modal } from './Modal.js';
 import { Tooltip as Tooltip$1 } from './Tooltip.js';
@@ -69,7 +69,7 @@ import { K as Keyframe, C as CSSMotion, a as CSSMotionList, T as Tooltip, P as P
 export { G as GenericUploadModal } from '../chunks/GenericUploadModal-CkhTggnS.js';
 import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized, e as _isNativeReflectConstruct, f as _setPrototypeOf, g as _getPrototypeOf } from '../chunks/createSuper-C9_dQ5Zr.js';
 import ReactDOM__default, { unstable_batchedUpdates, createPortal } from 'react-dom';
-import { isEmpty, isBoolean } from 'lodash';
+import { isEmpty, isBoolean, isString } from 'lodash';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 export { BreadcrumbHeading } from './BreadcrumbHeading.js';
 export { Card } from './Card.js';
@@ -87,6 +87,7 @@ export { SelectSingleTable } from './SelectSingleTable.js';
 import { u as useForm$1 } from '../chunks/index.esm-Ds4t-z37.js';
 import { Checkbox } from '../fields/Checkbox.js';
 import { PnkxField } from '../fields/PnkxField.js';
+import { Button as Button$1, Typography as Typography$1, Divider, Tag, Table as Table$2 } from '@pnkx-lib/ui';
 export { Descriptions } from './Descriptions.js';
 export { Sidebar } from './Sidebar/index.js';
 
@@ -18014,6 +18015,52 @@ const SettingIcon = ({
   }
 );
 
+const PlusIcon = ({
+  size = 24,
+  color = "currentColor",
+  className,
+  style,
+  onClick,
+  "aria-label": ariaLabel,
+  title,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className,
+    style: {
+      width: size,
+      height: size,
+      cursor: onClick ? "pointer" : "default",
+      ...style
+    },
+    onClick,
+    role: onClick ? "button" : void 0,
+    "aria-label": ariaLabel,
+    title,
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M12 12V6H11V12H5V13H11V19H12V13H18V12H12Z",
+            fill: color
+          }
+        )
+      }
+    )
+  }
+);
+
 const DragIcon = ({
   size = 24,
   color = "currentColor",
@@ -18063,6 +18110,33 @@ const DragIcon = ({
   }
 );
 
+const SaveIcon = ({
+  width = 24,
+  height = 24,
+  color = "currentColor",
+  // dùng màu kế thừa
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width,
+    height,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: color,
+        strokeLinecap: "round",
+        strokeWidth: 1.5,
+        d: "M6.6 20.4V15a1.2 1.2 0 0 1 1.2-1.2h8.4a1.2 1.2 0 0 1 1.2 1.2v6M15 7.2H7.8A1.2 1.2 0 0 1 6.6 6V2.4m14.398 4.197-3.595-3.595a2.057 2.057 0 0 0-1.455-.602H4.458A2.057 2.057 0 0 0 2.4 4.457v15.086c0 1.136.921 2.057 2.058 2.057h15.085a2.057 2.057 0 0 0 2.057-2.057V8.052c0-.546-.216-1.069-.602-1.455Z"
+      }
+    )
+  }
+);
+
 const RefuseApprovalDropListIcon = ({
   size = 22,
   color = "currentColor",
@@ -23626,6 +23700,139 @@ const TableCategory = ({
   return tableContent;
 };
 
+const TrashCanIcon = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M18.893 18.0357L19.393 18.0402V18.0402L18.893 18.0357ZM4.00049 5.5C3.72435 5.5 3.50049 5.72386 3.50049 6C3.50049 6.27614 3.72435 6.5 4.00049 6.5V5.5ZM20.0005 6.5C20.2766 6.5 20.5005 6.27614 20.5005 6C20.5005 5.72386 20.2766 5.5 20.0005 5.5V6.5ZM10.5005 10C10.5005 9.72386 10.2766 9.5 10.0005 9.5C9.72435 9.5 9.50049 9.72386 9.50049 10H10.5005ZM9.50049 18C9.50049 18.2761 9.72435 18.5 10.0005 18.5C10.2766 18.5 10.5005 18.2761 10.5005 18H9.50049ZM14.5005 10C14.5005 9.72386 14.2766 9.5 14.0005 9.5C13.7243 9.5 13.5005 9.72386 13.5005 10H14.5005ZM13.5005 18C13.5005 18.2761 13.7243 18.5 14.0005 18.5C14.2766 18.5 14.5005 18.2761 14.5005 18H13.5005ZM19.0005 6L18.5005 5.99554L18.393 18.0312L18.893 18.0357L19.393 18.0402L19.5005 6.00446L19.0005 6ZM14.8932 22V21.5H9.00049V22V22.5H14.8932V22ZM5.00049 6H4.50049V18H5.00049H5.50049V6H5.00049ZM4.00049 6V6.5H5.00049V6V5.5H4.00049V6ZM5.00049 6V6.5H8.00049V6V5.5H5.00049V6ZM8.00049 6V6.5H16.0005V6V5.5H8.00049V6ZM16.0005 6V6.5H19.0005V6V5.5H16.0005V6ZM19.0005 6V6.5H20.0005V6V5.5H19.0005V6ZM8.00049 5.55556H8.50049C8.50049 3.92176 10.0105 2.5 12.0005 2.5V2V1.5C9.5722 1.5 7.50049 3.262 7.50049 5.55556H8.00049ZM12.0005 2V2.5C13.9905 2.5 15.5005 3.92176 15.5005 5.55556H16.0005H16.5005C16.5005 3.262 14.4288 1.5 12.0005 1.5V2ZM8.00049 5.55556H7.50049V6H8.00049H8.50049V5.55556H8.00049ZM16.0005 5.55556H15.5005V6H16.0005H16.5005V5.55556H16.0005ZM9.00049 22V21.5C7.06749 21.5 5.50049 19.933 5.50049 18H5.00049H4.50049C4.50049 20.4853 6.51521 22.5 9.00049 22.5V22ZM18.893 18.0357L18.393 18.0312C18.3759 19.952 16.814 21.5 14.8932 21.5V22V22.5C17.3628 22.5 19.371 20.5097 19.393 18.0402L18.893 18.0357ZM10.0005 10H9.50049V18H10.0005H10.5005V10H10.0005ZM14.0005 10H13.5005V18H14.0005H14.5005V10H14.0005Z",
+        fill: props?.color || "#E0E0E0"
+      }
+    )
+  }
+);
+
+const TableForm = (props) => {
+  //! State
+  const {
+    data,
+    totalItems,
+    columns,
+    handleSubmit,
+    formFieldArray,
+    rowKey,
+    handleCancel,
+    renderHeadingTable,
+    hideCountNewItem,
+    // positionButton = "right",
+    defaultValues,
+    rowsSelected,
+    handleRemoveSelected,
+    ...restProps
+  } = props;
+  const { fields, prepend } = formFieldArray;
+  //! Function
+  const handleAddNew = () => {
+    prepend({ ...defaultValues, [rowKey]: `new_${Date.now()}` });
+  };
+  const newItemsCount = fields?.filter((field) => {
+    if (rowKey && isString(rowKey)) {
+      return typeof field?.[rowKey] === "string" && field?.[rowKey]?.startsWith("new_");
+    }
+  }).length;
+  const totalItemsCount = fields?.length;
+  const hasChanges = totalItemsCount > 0 && (newItemsCount > 0 || totalItemsCount !== (data?.length || 0));
+  //! Render
+  const onChangePage = restProps?.onChangePage ?? (() => {
+  });
+  const onChangePageSize = restProps?.onChangePageSize ?? (() => {
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "table-wrapper", children: [
+    /* @__PURE__ */ jsxs("div", { className: twMerge("mb-4 flex justify-between items-center"), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
+        handleCancel && /* @__PURE__ */ jsx(Button$1, { variant: "outlined", onClick: handleCancel, shape: "round", children: "Huỷ" }),
+        defaultValues && /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            type: "primary",
+            onClick: handleAddNew,
+            icon: /* @__PURE__ */ jsx(PlusIcon, {}),
+            shape: "round",
+            children: "Thêm mới"
+          }
+        ),
+        handleSubmit && /* @__PURE__ */ jsxs(
+          Button$1,
+          {
+            type: "primary",
+            onClick: handleSubmit,
+            disabled: fields.length === 0,
+            icon: /* @__PURE__ */ jsx(SaveIcon, { width: 18, height: 18 }),
+            shape: "round",
+            className: "[&_.ant-btn-icon]:h-[18px]",
+            children: [
+              "Lưu ",
+              hasChanges && `(${totalItemsCount})`
+            ]
+          }
+        )
+      ] }),
+      rowsSelected && rowsSelected?.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ jsxs(Typography$1.Text, { children: [
+            "Đã chọn ",
+            rowsSelected?.length,
+            " bản ghi"
+          ] }),
+          /* @__PURE__ */ jsx(Divider, { className: "mx-2 !h-6 ", type: "vertical" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            variant: "outlined",
+            disabled: fields.length === 0,
+            icon: /* @__PURE__ */ jsx(TrashCanIcon, { color: RemoveIconColor }),
+            shape: "round",
+            onClick: handleRemoveSelected,
+            className: twMerge(
+              "customContainButtonIcon_notNullFilter",
+              "customContainButtonIcon"
+            ),
+            children: "Xoá tất cả"
+          }
+        )
+      ] }),
+      newItemsCount > 0 && !hideCountNewItem && /* @__PURE__ */ jsxs(Tag, { color: "blue", children: [
+        newItemsCount,
+        " mục mới"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-white h-full", id: "layout-wrapper-table", children: [
+      /* @__PURE__ */ jsx("div", { className: "pl-2", children: renderHeadingTable && renderHeadingTable() }),
+      /* @__PURE__ */ jsx(
+        Table$2,
+        {
+          dataSource: fields,
+          columns,
+          totalItems,
+          rowsSelected,
+          rowKey,
+          onChangePage,
+          onChangePageSize,
+          ...restProps
+        }
+      )
+    ] })
+  ] });
+};
+
 var TypeBulkActions = /* @__PURE__ */ ((TypeBulkActions2) => {
   TypeBulkActions2["BULKACTION"] = "bulkaction";
   TypeBulkActions2["DROPLIST"] = "droplist";
@@ -23764,12 +23971,12 @@ const ListDataConvert = ({
       typeIcon: "error",
       title: "Xác nhận từ chối xác nhận",
       content: "Bạn có chắc chắn muốn từ chối xác nhận không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
+      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
       showTitle: true,
       countLevel: [COUNT_LEVEL.TWO_LEVEL],
       arrShows: [
         {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
+          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
           level: [COUNT_LEVEL.TWO_LEVEL]
         }
       ]
@@ -23783,12 +23990,12 @@ const ListDataConvert = ({
       typeIcon: "error",
       title: "Xác nhận huỷ gửi xác nhận",
       content: "Bạn có chắc chắn muốn huỷ gửi xác nhận không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.CREATED],
+      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
       showTitle: true,
       countLevel: [COUNT_LEVEL.TWO_LEVEL],
       arrShows: [
         {
-          status: [CATEGORY_PRICE_LIST_ENUM?.CREATED],
+          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
           level: [COUNT_LEVEL.TWO_LEVEL]
         }
       ]
@@ -23802,12 +24009,12 @@ const ListDataConvert = ({
       typeIcon: "info",
       title: "Xác nhận",
       content: "Bạn có chắc chắn muốn xác nhận không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
+      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
       showTitle: true,
       countLevel: [COUNT_LEVEL.TWO_LEVEL],
       arrShows: [
         {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
+          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
           level: [COUNT_LEVEL.TWO_LEVEL]
         }
       ]
@@ -23821,12 +24028,12 @@ const ListDataConvert = ({
       typeIcon: "info",
       title: "Gửi xác nhận",
       content: "Bạn có chắc chắn muốn gửi xác nhận không?",
-      arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
+      arrShow: [CATEGORY_PRICE_LIST_ENUM?.CREATED],
       showTitle: true,
       countLevel: [COUNT_LEVEL.TWO_LEVEL],
       arrShows: [
         {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
+          status: [CATEGORY_PRICE_LIST_ENUM?.CREATED],
           level: [COUNT_LEVEL.TWO_LEVEL]
         }
       ]
@@ -23847,10 +24054,6 @@ const ListDataConvert = ({
         {
           status: [CATEGORY_PRICE_LIST_ENUM?.CREATED],
           level: [COUNT_LEVEL.ONE_LEVEL]
-        },
-        {
-          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
-          level: [COUNT_LEVEL.ONE_LEVEL]
         }
       ]
     },
@@ -23869,7 +24072,7 @@ const ListDataConvert = ({
       arrShows: [
         {
           status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
-          level: [COUNT_LEVEL.ONE_LEVEL, COUNT_LEVEL.TWO_LEVEL]
+          level: [COUNT_LEVEL.TWO_LEVEL]
         },
         {
           status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
@@ -23911,7 +24114,17 @@ const ListDataConvert = ({
       content: "Bạn có chắc chắn muốn duyệt không?",
       arrShow: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
       showTitle: true,
-      countLevel: [COUNT_LEVEL.TWO_LEVEL, COUNT_LEVEL.ONE_LEVEL]
+      countLevel: [COUNT_LEVEL.TWO_LEVEL, COUNT_LEVEL.ONE_LEVEL],
+      arrShows: [
+        {
+          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_APPROVAL],
+          level: [COUNT_LEVEL.ONE_LEVEL, COUNT_LEVEL.TWO_LEVEL]
+        },
+        {
+          status: [CATEGORY_PRICE_LIST_ENUM?.WAITING_CONFIRM],
+          level: [COUNT_LEVEL.ONE_LEVEL]
+        }
+      ]
     }
   ];
   if (typeService === TypeCategoryBulkActions.CATEGORY) {
@@ -23933,7 +24146,6 @@ const DropListActions = ({
   //! State
   //! Function
   const IsShow = (arrShows) => {
-    console.log("arrShows", arrShows);
     if (!arrShows || arrShows.length === 0) return false;
     return arrShows.some((cond) => {
       const okStatus = !cond.status || cond.status.length === 0 || cond.status.includes(status);
@@ -24174,4 +24386,4 @@ const Clock = (props) => {
   ] });
 };
 
-export { ActionRowTable, Badge, BulkActions, Button, CATEGORY_LIST_ENUM, CATEGORY_PRICE_LIST_ENUM, COUNT_LEVEL, Clock, ConfirmModal, CustomeBulkActions, Heading, ID_TABLE_WRAPPER, ListStatusApproved, Modal, Popover, Table, TableCategory, Tooltip$1 as Tooltip, TypeActionRowTable, TypeBulkActions$1 as TypeBulkActions, TypeStatusTable, Typography };
+export { ActionRowTable, Badge, BulkActions, Button, CATEGORY_LIST_ENUM, CATEGORY_PRICE_LIST_ENUM, COUNT_LEVEL, Clock, ConfirmModal, CustomeBulkActions, Heading, ID_TABLE_WRAPPER, ListStatusApproved, Modal, Popover, RemoveIconColor, Table, TableCategory, TableForm, Tooltip$1 as Tooltip, TypeActionRowTable, TypeBulkActions$1 as TypeBulkActions, TypeStatusTable, Typography };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.522",
+  "version": "1.9.525",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/components/ui/TableForm/index.d.ts

@@ -0,0 +1,15 @@
+import { TableColumnsType, TableCommonProps } from '@pnkx-lib/ui';
+import { UseFieldArrayReturn } from 'react-hook-form';
+export interface TableFormProps<T> extends Omit<TableCommonProps<T>, "onChangePage" | "onChangePageSize"> {
+    data?: T[];
+    totalItems: number;
+    columns: TableColumnsType<T>;
+    defaultValues: T;
+    handleSubmit?: () => Promise<void>;
+    formFieldArray: UseFieldArrayReturn<any, any, any>;
+    handleCancel?: () => void;
+    hideCountNewItem?: boolean;
+    renderHeadingTable?: () => React.ReactNode;
+    handleRemoveSelected?: () => void;
+}
+export declare const TableForm: <T>(props: TableFormProps<T>) => import("react/jsx-runtime").JSX.Element;

package/types/components/ui/index.d.ts

@@ -71,6 +71,7 @@ export * from './LoadingWrapper';
 export * from './SelectSingleTable';
 export * from './GenericUploadModal';
 export * from './TableCategory';
+export * from './TableForm';
 export * from './Descriptions';
 export * from './CustomeBulkActions';
 export * from './Clock';

package/types/constants/table.d.ts

@@ -35,3 +35,4 @@ export declare enum TypeStatusTable {
     DELETED = 5
 }
 export declare const ListStatusApproved: TypeStatusTable[];
+export declare const RemoveIconColor = "#DD4338";