brd-ui-kit 0.1.68 → 0.1.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/brd-ui-kit.css +1 -1
  2. package/dist/components/input-contact/input-contact.d.ts +8 -5
  3. package/dist/components-input-contact-input-contact.cjs +8 -6
  4. package/dist/components-input-contact-input-contact.cjs.map +1 -1
  5. package/dist/components-input-contact-input-contact.js +96 -56
  6. package/dist/components-input-contact-input-contact.js.map +1 -1
  7. package/package.json +1 -1
package/dist/brd-ui-kit.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@layer components;@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:var(--typography-globals-font-family-primary), ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-50:oklch(98% .016 73.684);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-500:oklch(62.7% .265 303.9);--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-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--tracking-tight:-.025em;--tracking-normal:0em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-xs:4px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--typography-globals-font-family-primary), ui-sans-serif, system-ui, sans-serif;--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;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}:root{--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08)}.dark{--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439)}}@layer utilities{.\@container\/field-group{container:field-group/inline-size}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.top-7{top:calc(var(--spacing) * 7)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.right-6{right:calc(var(--spacing) * 6)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.order-first{order:-9999}.order-last{order:9999}.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-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-3{margin-right:calc(var(--spacing) * 3)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.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-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-4\.5{margin-left:calc(var(--spacing) * -4.5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-full{width:100%;height:100%}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.75{height:calc(var(--spacing) * 3.75)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-5\.5{height:calc(var(--spacing) * 5.5)}.h-6{height:calc(var(--spacing) * 6)}.h-6\.25{height:calc(var(--spacing) * 6.25)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-31{height:calc(var(--spacing) * 31)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-190{height:calc(var(--spacing) * 190)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-63{max-height:calc(var(--spacing) * 63)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-36{min-height:calc(var(--spacing) * 36)}.min-h-37\.5{min-height:calc(var(--spacing) * 37.5)}.min-h-50{min-height:calc(var(--spacing) * 50)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-200{min-height:calc(var(--spacing) * 200)}.w-\(--anchor-width\){width:var(--anchor-width)}.w-\(--radix-select-trigger-width\){width:var(--radix-select-trigger-width)}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.75{width:calc(var(--spacing) * 3.75)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-5\.5{width:calc(var(--spacing) * 5.5)}.w-6\.25{width:calc(var(--spacing) * 6.25)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-18{width:calc(var(--spacing) * 18)}.w-24{width:calc(var(--spacing) * 24)}.w-48{width:calc(var(--spacing) * 48)}.w-62{width:calc(var(--spacing) * 62)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-160{width:calc(var(--spacing) * 160)}.w-\[15\.5rem\]{width:15.5rem}.w-\[100px\]{width:100px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.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-48{max-width:calc(var(--spacing) * 48)}.max-w-90{max-width:calc(var(--spacing) * 90)}.max-w-140{max-width:calc(var(--spacing) * 140)}.max-w-400{max-width:calc(var(--spacing) * 400)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-\(--anchor-width\){min-width:var(--anchor-width)}.min-w-\(--radix-select-trigger-width\){min-width:var(--radix-select-trigger-width)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-60{min-width:calc(var(--spacing) * 60)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.origin-top-left{transform-origin:0 0}.translate-x-1\/4{--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/4{--tw-translate-y: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.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-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize-none{resize:none}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-0\.75{gap:calc(var(--spacing) * .75)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.25{gap:calc(var(--spacing) * 3.25)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}: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-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * 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-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * 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)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-10{column-gap:calc(var(--spacing) * 10)}: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)))}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.justify-self-end{justify-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[0\.875rem\]{border-radius:.875rem}.rounded-\[1px\]{border-radius:1px}.rounded-\[2px\]{border-radius:2px}.rounded-\[8px\]{border-radius:8px}.rounded-\[28px\]{border-radius:28px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.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-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-default-border{border-color:var(--tokens-semantic-border-default-border)}.border-delicate-border{border-color:var(--tokens-semantic-border-delicate-border)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-800{border-color:var(--color-green-800)}.border-inp-default-border{border-color:var(--tokens-semantic-border-inp-default-border)}.border-inp-disabled-border{border-color:var(--tokens-semantic-border-inp-disabled-border)}.border-inp-focus-border{border-color:var(--tokens-semantic-border-inp-focus-border)}.border-inp-hover-border{border-color:var(--tokens-semantic-border-inp-hover-border)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-neutral-500{border-color:var(--color-neutral-500)}.border-neutral-600{border-color:var(--color-neutral-600)}.border-primary-inverse-hover-bg{border-color:var(--tokens-semantic-bg-primary-inverse-hover-bg)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-700{border-color:var(--color-red-700)}.border-sky-200{border-color:var(--color-sky-200)}.border-transparent{border-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[\#00C202\]{background-color:#00c202}.bg-\[\#289AD2\]{background-color:#289ad2}.bg-black{background-color:var(--color-black)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-contract-bg{background-color:var(--tokens-semantic-bg-contract-bg)}.bg-current{background-color:currentColor}.bg-delicate-border{background-color:var(--tokens-semantic-border-delicate-border)}.bg-disabled-bg{background-color:var(--tokens-semantic-bg-disabled-bg)}.bg-disabled-text\/85{background-color:var(--tokens-semantic-text-disabled-text)}@supports (color:color-mix(in lab,red,red)){.bg-disabled-text\/85{background-color:color-mix(in oklab,var(--tokens-semantic-text-disabled-text) 85%,transparent)}}.bg-error-bg{background-color:var(--tokens-semantic-bg-error-bg)}.bg-follow-up-bg{background-color:var(--tokens-semantic-bg-follow-up-bg)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-info-new-bg{background-color:var(--tokens-semantic-bg-info-new-bg)}.bg-invalid-bg{background-color:var(--tokens-semantic-bg-invalid-bg)}.bg-negotiation-bg{background-color:var(--tokens-semantic-bg-negotiation-bg)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-primary-bg{background-color:var(--tokens-semantic-bg-primary-bg)}.bg-primary-hover-bg{background-color:var(--tokens-semantic-bg-primary-hover-bg)}.bg-primary-inverse-bg,.bg-primary-inverse-bg\/20{background-color:var(--tokens-semantic-bg-primary-inverse-bg)}@supports (color:color-mix(in lab,red,red)){.bg-primary-inverse-bg\/20{background-color:color-mix(in oklab,var(--tokens-semantic-bg-primary-inverse-bg) 20%,transparent)}}.bg-primary-inverse-bg\/50{background-color:var(--tokens-semantic-bg-primary-inverse-bg)}@supports (color:color-mix(in lab,red,red)){.bg-primary-inverse-bg\/50{background-color:color-mix(in oklab,var(--tokens-semantic-bg-primary-inverse-bg) 50%,transparent)}}.bg-primary-inverse-hover-bg{background-color:var(--tokens-semantic-bg-primary-inverse-hover-bg)}.bg-primary-text{background-color:var(--tokens-semantic-text-primary-text)}.bg-proposal-bg{background-color:var(--tokens-semantic-bg-proposal-bg)}.bg-red-50{background-color:var(--color-red-50)}.bg-secondary-bg{background-color:var(--tokens-semantic-bg-secondary-bg)}.bg-secondary-inverse-bg{background-color:var(--tokens-semantic-bg-secondary-inverse-bg)}.bg-sky-50\/60{background-color:#f0f9ff99}@supports (color:color-mix(in lab,red,red)){.bg-sky-50\/60{background-color:color-mix(in oklab,var(--color-sky-50) 60%,transparent)}}.bg-success-bg{background-color:var(--tokens-semantic-bg-success-bg)}.bg-success-text{background-color:var(--tokens-semantic-text-success-text)}.bg-tertiary-bg{background-color:var(--tokens-semantic-bg-tertiary-bg)}.bg-tertiary-inverse-bg{background-color:var(--tokens-semantic-bg-tertiary-inverse-bg)}.bg-transparent{background-color:#0000}.bg-warning-bg{background-color:var(--tokens-semantic-bg-warning-bg)}.bg-white{background-color:var(--color-white)}.bg-\[linear-gradient\(135deg\,\#9933DD_0\%\,\#2831B9_50\%\,\#44CCFF_100\%\)\]{background-image:linear-gradient(135deg,#93d,#2831b9,#4cf)}.bg-clip-padding{background-clip:padding-box}.fill-black{fill:var(--color-black)}.fill-primary-bg{fill:var(--tokens-semantic-bg-primary-bg)}.fill-primary-inverse-bg{fill:var(--tokens-semantic-bg-primary-inverse-bg)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[3\.5px\]{padding:3.5px}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-6\.25{padding-inline:calc(var(--spacing) * 6.25)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.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(--typography-globals-font-size-md);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-md))}.text-h-lg{font-size:var(--typography-globals-font-size-h-lg);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-lg))}.text-h-md{font-size:var(--typography-globals-font-size-h-md);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-md))}.text-h-sm{font-size:var(--typography-globals-font-size-h-sm);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-sm))}.text-h-xl{font-size:var(--typography-globals-font-size-h-xl);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-xl))}.text-h-xs{font-size:var(--typography-globals-font-size-h-xs);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-xs))}.text-h-xxl{font-size:var(--typography-globals-font-size-h-xxl);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-xxl))}.text-lg{font-size:var(--typography-globals-font-size-lg);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-lg))}.text-sm{font-size:var(--typography-globals-font-size-sm);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-sm))}.text-xl{font-size:var(--typography-globals-font-size-xl);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-xl))}.text-xs{font-size:var(--typography-globals-font-size-xs);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-xs))}.text-xxl{font-size:var(--typography-globals-font-size-xxl);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-xxl))}.text-xxs{font-size:var(--typography-globals-font-size-xxs);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-xxs))}.text-\[14px\]{font-size:14px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[140\%\]{--tw-leading:140%;line-height:140%}.leading-\[150\%\]{--tw-leading:150%;line-height:150%}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--typography-globals-font-weight-medium);font-weight:var(--typography-globals-font-weight-medium)}.font-normal{--tw-font-weight:var(--typography-globals-font-weight-regular);font-weight:var(--typography-globals-font-weight-regular)}.font-semibold{--tw-font-weight:var(--typography-globals-font-weight-semi-bold);font-weight:var(--typography-globals-font-weight-semi-bold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-\[\#00C202\]{color:#00c202}.text-black{color:var(--color-black)}.text-contract-text{color:var(--tokens-semantic-text-contract-text)}.text-current{color:currentColor}.text-disabled-text{color:var(--tokens-semantic-text-disabled-text)}.text-error-text{color:var(--tokens-semantic-text-error-text)}.text-follow-up-text{color:var(--tokens-semantic-text-follow-up-text)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-info-new-text{color:var(--tokens-semantic-text-info-new-text)}.text-inherit{color:inherit}.text-invalid-text{color:var(--tokens-semantic-text-invalid-text)}.text-negotiation-text{color:var(--tokens-semantic-text-negotiation-text)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-placeholder-text{color:var(--tokens-semantic-text-placeholder-text)}.text-primary-bg{color:var(--tokens-semantic-bg-primary-bg)}.text-primary-inverse-bg{color:var(--tokens-semantic-bg-primary-inverse-bg)}.text-primary-inverse-text{color:var(--tokens-semantic-text-primary-inverse-text)}.text-primary-text{color:var(--tokens-semantic-text-primary-text)}.text-proposal-text{color:var(--tokens-semantic-text-proposal-text)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-secondary-text{color:var(--tokens-semantic-text-secondary-text)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-sub-label-text{color:var(--tokens-semantic-text-sub-label-text)}.text-success-text{color:var(--tokens-semantic-text-success-text)}.text-transparent{color:#0000}.text-warning-text{color:var(--tokens-semantic-text-warning-text)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-3{text-underline-offset:3px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.bg-blend-color{background-blend-mode:color}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 2px 6px 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)}.shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000040);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_12px_0px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 4px 12px 0px 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)}.shadow-\[0px_4px_18px_0px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0px 4px 18px 0px var(--tw-shadow-color,#00000026);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_10px_40px_0px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0px 10px 40px 0px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.ring-2{--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)}.ring-transparent{--tw-ring-color:transparent}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.duration-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.fade-in-0{--tw-enter-opacity:0}.running{animation-play-state:running}.zoom-in-95{--tw-enter-scale:.95}@media(hover:hover){.group-hover\:bg-secondary-text:is(:where(.group):hover *){background-color:var(--tokens-semantic-text-secondary-text)}}.group-disabled\:bg-disabled-text:is(:where(.group):disabled *){background-color:var(--tokens-semantic-text-disabled-text)}.group-disabled\/input-group\:text-disabled-text:is(:where(.group\/input-group):disabled *){color:var(--tokens-semantic-text-disabled-text)}.group-has-data-\[orientation\=horizontal\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *){display:flex}.group-data-\[disabled\=true\]\/card\:text-disabled-text:is(:where(.group\/card)[data-disabled=true] *){color:var(--tokens-semantic-text-disabled-text)}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *){opacity:.5}.group-data-\[disabled\=true\]\/input-group\:text-disabled-text:is(:where(.group\/input-group)[data-disabled=true] *){color:var(--tokens-semantic-text-disabled-text)}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--typography-globals-font-size-xs);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-xs))}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.placeholder\:text-sm::placeholder{font-size:var(--typography-globals-font-size-sm);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-sm))}.placeholder\:text-placeholder-text::placeholder{color:var(--tokens-semantic-text-placeholder-text)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:-right-16:after{content:var(--tw-content);right:calc(var(--spacing) * -16)}.after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.after\:-left-6:after{content:var(--tw-content);left:calc(var(--spacing) * -6)}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-delicate-border:after{content:var(--tw-content);background-color:var(--tokens-semantic-border-delicate-border)}.after\:mix-blend-darken:after{content:var(--tw-content);mix-blend-mode:darken}.last\:mt-0:last-child{margin-top:calc(var(--spacing) * 0)}.focus-within\:border-inp-focus-border:focus-within{border-color:var(--tokens-semantic-border-inp-focus-border)}.focus-within\:ring-0:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-within\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:border-default-border:hover{border-color:var(--tokens-semantic-border-default-border)}.hover\:border-inp-disabled-border:hover{border-color:var(--tokens-semantic-border-inp-disabled-border)}.hover\:border-inp-hover-border:hover{border-color:var(--tokens-semantic-border-inp-hover-border)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-primary-hover-bg:hover{background-color:var(--tokens-semantic-bg-primary-hover-bg)}.hover\:bg-primary-inverse-bg:hover{background-color:var(--tokens-semantic-bg-primary-inverse-bg)}.hover\:bg-primary-inverse-hover-bg:hover{background-color:var(--tokens-semantic-bg-primary-inverse-hover-bg)}.hover\:bg-secondary-bg:hover{background-color:var(--tokens-semantic-bg-secondary-bg)}.hover\:bg-tertiary-bg:hover{background-color:var(--tokens-semantic-bg-tertiary-bg)}.hover\:bg-tertiary-inverse-bg:hover{background-color:var(--tokens-semantic-bg-tertiary-inverse-bg)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-primary-inverse-bg:hover{color:var(--tokens-semantic-bg-primary-inverse-bg)}.hover\:text-primary-inverse-text:hover{color:var(--tokens-semantic-text-primary-inverse-text)}.hover\:text-primary-text:hover{color:var(--tokens-semantic-text-primary-text)}.hover\:text-secondary-text:hover{color:var(--tokens-semantic-text-secondary-text)}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.12\)\]:hover{--tw-shadow:0 2px 6px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.30\)\]:hover{--tw-shadow:0 6px 16px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-inp-focus-border:focus{border-color:var(--tokens-semantic-border-inp-focus-border)}.focus\:bg-transparent:focus{background-color:#0000}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-0:focus-visible{border-style:var(--tw-border-style);border-width:0}.focus-visible\:border-inp-focus-border:focus-visible{border-color:var(--tokens-semantic-border-inp-focus-border)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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-visible\:ring-2:focus-visible{--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-visible\:ring-inp-focus-border:focus-visible{--tw-ring-color:var(--tokens-semantic-border-inp-focus-border)}.focus-visible\:ring-offset-2:focus-visible{--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-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-neutral-500:active{background-color:var(--color-neutral-500)}.active\:bg-secondary-inverse-text:active{background-color:var(--tokens-semantic-text-secondary-inverse-text)}.active\:text-primary-bg:active{color:var(--tokens-semantic-bg-primary-bg)}@media(hover:hover){.enabled\:hover\:border-inp-hover-border:enabled:hover{border-color:var(--tokens-semantic-border-inp-hover-border)}.enabled\:hover\:bg-tertiary-bg:enabled:hover{background-color:var(--tokens-semantic-bg-tertiary-bg)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-0:disabled{border-style:var(--tw-border-style);border-width:0}.disabled\:border-disabled-border:disabled{border-color:var(--tokens-semantic-border-disabled-border)}.disabled\:border-inp-disabled-border:disabled{border-color:var(--tokens-semantic-border-inp-disabled-border)}.disabled\:bg-disabled-bg:disabled{background-color:var(--tokens-semantic-bg-disabled-bg)}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:text-disabled-text:disabled{color:var(--tokens-semantic-text-disabled-text)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:placeholder\:text-disabled-text:disabled::placeholder{color:var(--tokens-semantic-text-disabled-text)}.has-disabled\:pointer-events-none:has(:disabled){pointer-events:none}.has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-aria-invalid\:border-error-text:has([aria-invalid=true]){border-color:var(--tokens-semantic-text-error-text)}.has-aria-invalid\:ring-error-text\/20:has([aria-invalid=true]){--tw-ring-color:var(--tokens-semantic-text-error-text)}@supports (color:color-mix(in lab,red,red)){.has-aria-invalid\:ring-error-text\/20:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--tokens-semantic-text-error-text) 20%, transparent)}}.has-aria-valid\:border-success-text:has([aria-valid=true]){border-color:var(--tokens-semantic-text-success-text)}.has-data-\[slot\=combobox-chip\]\:pl-1:has([data-slot=combobox-chip]){padding-left:calc(var(--spacing) * 1)}.has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot=combobox-chip-remove]){padding-right:calc(var(--spacing) * 0)}.has-\[\[data-slot\=combobox-trigger\]\:focus-visible\]\:border-inp-focus-border:has([data-slot=combobox-trigger]:focus-visible){border-color:var(--tokens-semantic-border-inp-focus-border)}.has-\[\[data-slot\=combobox-trigger\]\:focus-visible\]\:ring-0:has([data-slot=combobox-trigger]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.has-\[\[data-slot\=combobox-trigger\]\:focus-visible\]\:outline-none:has([data-slot=combobox-trigger]:focus-visible){--tw-outline-style:none;outline-style:none}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-inp-focus-border:has([data-slot=input-group-control]:focus-visible){border-color:var(--tokens-semantic-border-inp-focus-border)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-0:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-inp-focus-border\/20:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--tokens-semantic-border-inp-focus-border)}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-inp-focus-border\/20:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--tokens-semantic-border-inp-focus-border) 20%, transparent)}}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:outline-none:has([data-slot=input-group-control]:focus-visible){--tw-outline-style:none;outline-style:none}.has-\[\[data-slot\=input-group-control\]\[aria-invalid\=true\]\]\:border-error-text:has([data-slot=input-group-control][aria-invalid=true]){border-color:var(--tokens-semantic-text-error-text)}.has-\[\[data-slot\=input-group-control\]\[aria-valid\=true\]\]\:border-success-text:has([data-slot=input-group-control][aria-valid=true]){border-color:var(--tokens-semantic-text-success-text)}.has-\[\[data-slot\=input-group-control\]\[disabled\]\]\:border-inp-disabled-border:has([data-slot=input-group-control][disabled]){border-color:var(--tokens-semantic-border-inp-disabled-border)}.has-\[\[data-slot\=input-group-control\]\[disabled\]\]\:bg-disabled-bg:has([data-slot=input-group-control][disabled]){background-color:var(--tokens-semantic-bg-disabled-bg)}.has-\[\[data-slot\=input-group-control\]\[disabled\]\]\:text-disabled-text:has([data-slot=input-group-control][disabled]){color:var(--tokens-semantic-text-disabled-text)}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:var(--radius-md)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button){margin-right:-.4rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing) * 0)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-expanded\:bg-tertiary-bg[aria-expanded=true]{background-color:var(--tokens-semantic-bg-tertiary-bg)}.aria-expanded\:text-primary-text[aria-expanded=true]{color:var(--tokens-semantic-text-primary-text)}.aria-invalid\:border-error-text[aria-invalid=true]{border-color:var(--tokens-semantic-text-error-text)}.aria-invalid\:text-error-text[aria-invalid=true]{color:var(--tokens-semantic-text-error-text)}.aria-valid\:border-success-text[aria-valid=true]{border-color:var(--tokens-semantic-text-success-text)}.aria-valid\:text-success-text[aria-valid=true]{color:var(--tokens-semantic-text-success-text)}.data-closed\:animate-out[data-closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:text-disabled-text[data-disabled]{color:var(--tokens-semantic-text-disabled-text)}.data-highlighted\:bg-primary-hover-bg[data-highlighted]{background-color:var(--tokens-semantic-bg-primary-hover-bg)}.data-open\:animate-in[data-open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.data-placeholder\:text-placeholder-text[data-placeholder]{color:var(--tokens-semantic-text-placeholder-text)}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[invalid\=true\]\:text-error-text[data-invalid=true]{color:var(--tokens-semantic-text-error-text)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-1[data-orientation=horizontal]{flex:1}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[orientation\=horizontal\]\:gap-1[data-orientation=horizontal]{gap:calc(var(--spacing) * 1)}.data-\[orientation\=vertical\]\:h-fit[data-orientation=vertical]{height:fit-content}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-1[data-orientation=vertical]{flex:1}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:gap-1[data-orientation=vertical]{gap:calc(var(--spacing) * 1)}.data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position=popper]{height:var(--radix-select-trigger-height)}.data-\[position\=popper\]\:w-full[data-position=popper]{width:100%}.data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position=popper]{min-width:var(--radix-select-trigger-width)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:-.5rem}.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start],.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[size\=default\]\:h-10[data-size=default]{height:calc(var(--spacing) * 10)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--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)}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}:is(.\*\:data-\[slot\=field\]\:p-4>*)[data-slot=field]{padding:calc(var(--spacing) * 4)}:is(.\*\:data-\[slot\=field-group\]\:gap-4>*)[data-slot=field-group]{gap:calc(var(--spacing) * 4)}:is(.\*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label]{flex:auto}:is(.\*\:data-\[slot\=input-group\]\:m-1>*)[data-slot=input-group]{margin:calc(var(--spacing) * 1)}:is(.\*\:data-\[slot\=input-group\]\:mb-0>*)[data-slot=input-group]{margin-bottom:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=input-group\]\:h-8>*)[data-slot=input-group]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=input-group\]\:shadow-none>*)[data-slot=input-group]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.data-\[state\=active\]\:bg-primary-inverse-bg[data-state=active]{background-color:var(--tokens-semantic-bg-primary-inverse-bg)}.data-\[state\=active\]\:text-primary-bg[data-state=active]{color:var(--tokens-semantic-bg-primary-bg)}.data-\[state\=checked\]\:translate-x-6[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-inp-default-border[data-state=checked]{border-color:var(--tokens-semantic-border-inp-default-border)}.data-\[state\=checked\]\:border-primary-inverse-bg[data-state=checked]{border-color:var(--tokens-semantic-bg-primary-inverse-bg)}.data-\[state\=checked\]\:border-primary-text[data-state=checked]{border-color:var(--tokens-semantic-text-primary-text)}.data-\[state\=checked\]\:bg-primary-bg[data-state=checked]{background-color:var(--tokens-semantic-bg-primary-bg)}.data-\[state\=checked\]\:bg-primary-hover-bg[data-state=checked]{background-color:var(--tokens-semantic-bg-primary-hover-bg)}.data-\[state\=checked\]\:bg-primary-inverse-bg[data-state=checked]{background-color:var(--tokens-semantic-bg-primary-inverse-bg)}.data-\[state\=checked\]\:text-primary-inverse-text[data-state=checked]{color:var(--tokens-semantic-text-primary-inverse-text)}.group-disabled\:data-\[state\=checked\]\:bg-disabled-text:is(:where(.group):disabled *)[data-state=checked]{background-color:var(--tokens-semantic-text-disabled-text)}@media(hover:hover){.enabled\:hover\:data-\[state\=checked\]\:border-inp-hover-border:enabled:hover[data-state=checked]{border-color:var(--tokens-semantic-border-inp-hover-border)}.enabled\:hover\:data-\[state\=checked\]\:border-primary-inverse-hover-bg:enabled:hover[data-state=checked]{border-color:var(--tokens-semantic-bg-primary-inverse-hover-bg)}.enabled\:hover\:data-\[state\=checked\]\:bg-primary-inverse-hover-bg:enabled:hover[data-state=checked]{background-color:var(--tokens-semantic-bg-primary-inverse-hover-bg)}.enabled\:hover\:data-\[state\=checked\]\:bg-tertiary-bg:enabled:hover[data-state=checked]{background-color:var(--tokens-semantic-bg-tertiary-bg)}}.disabled\:data-\[state\=checked\]\:border-disabled-border:disabled[data-state=checked]{border-color:var(--tokens-semantic-border-disabled-border)}.disabled\:data-\[state\=checked\]\:bg-disabled-bg:disabled[data-state=checked]{background-color:var(--tokens-semantic-bg-disabled-bg)}.disabled\:data-\[state\=checked\]\:text-disabled-text:disabled[data-state=checked]{color:var(--tokens-semantic-text-disabled-text)}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[type\=error\]\:border-red-500[data-type=error]{border-color:var(--color-red-500)}.data-\[type\=error\]\:bg-red-50[data-type=error]{background-color:var(--color-red-50)}.data-\[type\=error\]\:text-red-700[data-type=error]{color:var(--color-red-700)}.data-\[type\=info\]\:border-blue-500[data-type=info]{border-color:var(--color-blue-500)}.data-\[type\=info\]\:bg-blue-50[data-type=info]{background-color:var(--color-blue-50)}.data-\[type\=info\]\:text-blue-700[data-type=info]{color:var(--color-blue-700)}.data-\[type\=success\]\:border-green-500[data-type=success]{border-color:var(--color-green-500)}.data-\[type\=success\]\:bg-green-50[data-type=success]{background-color:var(--color-green-50)}.data-\[type\=success\]\:text-green-700[data-type=success]{color:var(--color-green-700)}.data-\[type\=warning\]\:border-yellow-500[data-type=warning]{border-color:var(--color-yellow-500)}.data-\[type\=warning\]\:bg-orange-50[data-type=warning]{background-color:var(--color-orange-50)}.data-\[type\=warning\]\:text-yellow-700[data-type=warning]{color:var(--color-yellow-700)}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--typography-globals-font-size-sm);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-sm))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--typography-globals-font-size-md);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-md))}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:rounded-r-xl[data-vaul-drawer-direction=left]{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:rounded-l-xl[data-vaul-drawer-direction=right]{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-xl[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[160px_minmax\(0\,1fr\)_220px\]{grid-template-columns:160px minmax(0,1fr) 220px}.md\:grid-cols-\[240px_minmax\(0\,1fr\)\]{grid-template-columns:240px minmax(0,1fr)}.md\:grid-cols-\[240px_minmax\(0\,1fr\)_220px\]{grid-template-columns:240px minmax(0,1fr) 220px}.md\:grid-cols-\[280px_minmax\(0\,1fr\)\]{grid-template-columns:280px minmax(0,1fr)}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:gap-0\.5{gap:calc(var(--spacing) * .5)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(min-width:64rem){.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:grid-cols-\[320px_minmax\(0\,1fr\)\]{grid-template-columns:320px minmax(0,1fr)}}@media(min-width:80rem){.xl\:min-h-200{min-height:calc(var(--spacing) * 200)}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[280px_1fr_180px\]{grid-template-columns:280px 1fr 180px}.xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(320px\,1fr\)\]{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}.xl\:items-start{align-items:flex-start}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:after\:mix-blend-lighten:is(.dark *):after{content:var(--tw-content);mix-blend-mode:lighten}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.data-\[type\=error\]\:\[\&_\[data-description\]\]\:text-red-700[data-type=error] [data-description]{color:var(--color-red-700)}.data-\[type\=info\]\:\[\&_\[data-description\]\]\:text-blue-700[data-type=info] [data-description]{color:var(--color-blue-700)}.data-\[type\=success\]\:\[\&_\[data-description\]\]\:text-green-700[data-type=success] [data-description]{color:var(--color-green-700)}.data-\[type\=warning\]\:\[\&_\[data-description\]\]\:text-yellow-700[data-type=warning] [data-description]{color:var(--color-yellow-700)}.\[\&_\[data-icon\]\]\:order-first [data-icon]{order:-9999}.\[\&_\[data-icon\]\]\:flex [data-icon]{display:flex}.\[\&_\[data-icon\]\]\:size-4 [data-icon]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_\[data-icon\]\]\:shrink-0 [data-icon]{flex-shrink:0}.\[\&_\[data-icon\]\]\:items-center [data-icon]{align-items:center}.\[\&_\[data-icon\]\]\:justify-center [data-icon]{justify-content:center}.\[\&_input\]\:text-disabled-text input,.\[\&_input\:\:placeholder\]\:text-disabled-text input::placeholder{color:var(--tokens-semantic-text-disabled-text)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3 svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:size-\[14px\] svg{width:14px;height:14px}.\[\&_svg\]\:size-\[18px\] svg{width:18px;height:18px}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:origin-center svg{transform-origin:50%}.\[\&_svg\]\:text-disabled-text svg,.has-\[\[data-slot\=input-group-control\]\[disabled\]\]\:\[\&_svg\]\:text-disabled-text:has([data-slot=input-group-control][disabled]) svg{color:var(--tokens-semantic-text-disabled-text)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&\.sonner-loader\]\:\!top-auto.sonner-loader{top:auto!important}.\[\&\.sonner-loader\]\:\!left-auto.sonner-loader{left:auto!important}.\[\&\.sonner-loader\]\:\!shrink-0.sonner-loader{flex-shrink:0!important}.\[\&\.sonner-loader\]\:\!transform-none.sonner-loader{transform:none!important}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}:is(.\*\:\[\[role\=checkbox\]\]\:translate-y-0\.5>*)[role=checkbox]{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>\*\]\:flex-1>*{flex:1}.\[\&\>\[data-base-ui-portal\]\]\:absolute>[data-base-ui-portal]{position:absolute}.\[\&\>\[data-base-ui-portal\]\]\:h-0>[data-base-ui-portal]{height:calc(var(--spacing) * 0)}.\[\&\>\[data-base-ui-portal\]\]\:w-0>[data-base-ui-portal]{width:calc(var(--spacing) * 0)}.\[\&\>\[data-base-ui-portal\]\]\:overflow-visible>[data-base-ui-portal]{overflow:visible}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary-text>a:hover{color:var(--tokens-semantic-text-primary-text)}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\[data-disabled\]_svg\]\:text-disabled-text[data-disabled] svg{color:var(--tokens-semantic-text-disabled-text)}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}}:root{--globals-neutral-50:#fafafa;--globals-neutral-100:#f5f5f5;--globals-neutral-200:#e5e5e5;--globals-neutral-300:#d4d4d4;--globals-neutral-400:#a1a1a1;--globals-neutral-500:#737373;--globals-neutral-600:#525252;--globals-neutral-800:#262626;--globals-neutral-900:#171717;--globals-neutral-black:#000;--globals-neutral-white:#fff;--globals-green-100:#dcfce7;--globals-green-800:#016630;--globals-emerald-50:#ecfdf5;--globals-emerald-500:#00bc7d;--globals-amber-600:#e17100;--globals-orange-50:#fff7ed;--globals-red-50:#fef2f2;--globals-red-700:#c10007;--globals-blue-50:#eff6ff;--globals-blue-100:#dbeafe;--globals-blue-500:#2b7fff;--globals-blue-600:#155dfc;--globals-purple-50:#faf5ff;--globals-purple-500:#ad46ff;--globals-indigo-50:#eef2ff;--globals-indigo-500:#615fff;--globals-slate-50:#f8fafc;--globals-slate-700:#314158;--tokens-semantic-text-primary-text:var(--globals-neutral-black);--tokens-semantic-text-primary-inverse-text:var(--globals-neutral-white);--tokens-semantic-text-secondary-text:var(--globals-neutral-500);--tokens-semantic-text-disabled-text:var(--globals-neutral-300);--tokens-semantic-text-placeholder-text:var(--globals-neutral-400);--tokens-semantic-text-sub-label-text:var(--globals-neutral-400);--tokens-semantic-text-secondary-inverse-text:var(--globals-neutral-600);--tokens-semantic-bg-primary-bg:var(--globals-neutral-white);--tokens-semantic-bg-secondary-bg:var(--globals-neutral-50);--tokens-semantic-bg-tertiary-bg:var(--globals-neutral-100);--tokens-semantic-bg-primary-inverse-bg:var(--globals-neutral-black);--tokens-semantic-bg-disabled-bg:var(--globals-neutral-50);--tokens-semantic-bg-secondary-inverse-bg:var(--globals-neutral-900);--tokens-semantic-bg-tertiary-inverse-bg:var(--globals-neutral-800);--tokens-semantic-bg-primary-inverse-hover-bg:var(--globals-neutral-500);--tokens-semantic-bg-primary-hover-bg:var(--globals-neutral-200);--tokens-semantic-border-inp-default-border:var(--globals-neutral-400);--tokens-semantic-border-inp-hover-border:var(--globals-neutral-500);--tokens-semantic-border-inp-focus-border:var(--globals-neutral-600);--tokens-semantic-border-delicate-border:var(--globals-neutral-200);--tokens-semantic-border-disabled-border:var(--globals-neutral-200);--tokens-semantic-border-inp-disabled-border:var(--globals-neutral-100);--tokens-semantic-border-default-border:var(--globals-neutral-300);--tokens-semantic-text-success-text:var(--globals-green-800);--tokens-semantic-bg-success-bg:var(--globals-green-100);--tokens-semantic-text-warning-text:var(--globals-amber-600);--tokens-semantic-bg-warning-bg:var(--globals-orange-50);--tokens-semantic-text-error-text:var(--globals-red-700);--tokens-semantic-bg-error-bg:var(--globals-red-50);--tokens-semantic-text-info-new-text:var(--globals-blue-600);--tokens-semantic-bg-info-new-bg:var(--globals-blue-50);--tokens-semantic-text-contract-text:var(--globals-emerald-500);--tokens-semantic-bg-contract-bg:var(--globals-emerald-50);--tokens-semantic-text-negotiation-text:var(--globals-blue-500);--tokens-semantic-bg-negotiation-bg:var(--globals-blue-100);--tokens-semantic-text-invalid-text:var(--globals-slate-700);--tokens-semantic-bg-invalid-bg:var(--globals-slate-50);--tokens-semantic-text-proposal-text:var(--globals-indigo-500);--tokens-semantic-bg-proposal-bg:var(--globals-indigo-50);--tokens-semantic-text-follow-up-text:var(--globals-purple-500);--tokens-semantic-bg-follow-up-bg:var(--globals-purple-50);--tokens-semantic-bg-chart-default-bg:var(--globals-neutral-200);--typography-globals-font-family-primary:"Inter";--typography-globals-font-weight-regular:400;--typography-globals-font-weight-medium:500;--typography-globals-font-weight-semi-bold:600;--typography-globals-font-size-xxs:.6875rem;--typography-globals-font-size-xs:.8125rem;--typography-globals-font-size-sm:.875rem;--typography-globals-font-size-md:1rem;--typography-globals-font-size-lg:1.125rem;--typography-globals-font-size-xl:1.25rem;--typography-globals-font-size-xxl:1.4375rem;--typography-globals-font-size-h-xs:1.6875rem;--typography-globals-font-size-h-sm:2.0625rem;--typography-globals-font-size-h-md:2.625rem;--typography-globals-font-size-h-lg:3.25rem;--typography-globals-font-size-h-xl:4.0625rem;--typography-globals-font-size-h-xxl:5.0625rem;--typography-globals-typography-globals-line-height-xxs:.9375rem;--typography-globals-typography-globals-line-height-xs:1.125rem;--typography-globals-typography-globals-line-height-sm:1.25rem;--typography-globals-typography-globals-line-height-md:1.375rem;--typography-globals-typography-globals-line-height-lg:1.5625rem;--typography-globals-typography-globals-line-height-xl:1.625rem;--typography-globals-typography-globals-line-height-xxl:1.875rem;--typography-globals-typography-globals-line-height-h-xs:2rem;--typography-globals-typography-globals-line-height-h-sm:2.5rem;--typography-globals-typography-globals-line-height-h-md:3.125rem;--typography-globals-typography-globals-line-height-h-lg:3.75rem;--typography-globals-typography-globals-line-height-h-xl:4.75rem;--typography-globals-typography-globals-line-height-h-xxl:5.875rem}html,body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@layer components;@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:var(--typography-globals-font-family-primary), ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-50:oklch(98% .016 73.684);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-500:oklch(62.7% .265 303.9);--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-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--tracking-tight:-.025em;--tracking-normal:0em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-xs:4px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--typography-globals-font-family-primary), ui-sans-serif, system-ui, sans-serif;--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;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}:root{--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08)}.dark{--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439)}}@layer utilities{.\@container\/field-group{container:field-group/inline-size}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.top-7{top:calc(var(--spacing) * 7)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.right-6{right:calc(var(--spacing) * 6)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.order-first{order:-9999}.order-last{order:9999}.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-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-3{margin-right:calc(var(--spacing) * 3)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.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-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-4\.5{margin-left:calc(var(--spacing) * -4.5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-full{width:100%;height:100%}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.75{height:calc(var(--spacing) * 3.75)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-5\.5{height:calc(var(--spacing) * 5.5)}.h-6{height:calc(var(--spacing) * 6)}.h-6\.25{height:calc(var(--spacing) * 6.25)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-31{height:calc(var(--spacing) * 31)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-190{height:calc(var(--spacing) * 190)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-63{max-height:calc(var(--spacing) * 63)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-36{min-height:calc(var(--spacing) * 36)}.min-h-37\.5{min-height:calc(var(--spacing) * 37.5)}.min-h-50{min-height:calc(var(--spacing) * 50)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-200{min-height:calc(var(--spacing) * 200)}.w-\(--anchor-width\){width:var(--anchor-width)}.w-\(--radix-select-trigger-width\){width:var(--radix-select-trigger-width)}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.75{width:calc(var(--spacing) * 3.75)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-5\.5{width:calc(var(--spacing) * 5.5)}.w-6\.25{width:calc(var(--spacing) * 6.25)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-18{width:calc(var(--spacing) * 18)}.w-24{width:calc(var(--spacing) * 24)}.w-48{width:calc(var(--spacing) * 48)}.w-62{width:calc(var(--spacing) * 62)}.w-72{width:calc(var(--spacing) * 72)}.w-160{width:calc(var(--spacing) * 160)}.w-\[15\.5rem\]{width:15.5rem}.w-\[100px\]{width:100px}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.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-48{max-width:calc(var(--spacing) * 48)}.max-w-90{max-width:calc(var(--spacing) * 90)}.max-w-140{max-width:calc(var(--spacing) * 140)}.max-w-400{max-width:calc(var(--spacing) * 400)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-\(--anchor-width\){min-width:var(--anchor-width)}.min-w-\(--radix-select-trigger-width\){min-width:var(--radix-select-trigger-width)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-60{min-width:calc(var(--spacing) * 60)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.origin-top-left{transform-origin:0 0}.translate-x-1\/4{--tw-translate-x: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/4{--tw-translate-y: 25% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.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-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize-none{resize:none}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-0\.75{gap:calc(var(--spacing) * .75)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.25{gap:calc(var(--spacing) * 3.25)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}: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-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * 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-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * 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)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-10{column-gap:calc(var(--spacing) * 10)}: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)))}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.justify-self-end{justify-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[0\.875rem\]{border-radius:.875rem}.rounded-\[1px\]{border-radius:1px}.rounded-\[2px\]{border-radius:2px}.rounded-\[8px\]{border-radius:8px}.rounded-\[28px\]{border-radius:28px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.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-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-default-border{border-color:var(--tokens-semantic-border-default-border)}.border-delicate-border{border-color:var(--tokens-semantic-border-delicate-border)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-800{border-color:var(--color-green-800)}.border-inp-default-border{border-color:var(--tokens-semantic-border-inp-default-border)}.border-inp-disabled-border{border-color:var(--tokens-semantic-border-inp-disabled-border)}.border-inp-focus-border{border-color:var(--tokens-semantic-border-inp-focus-border)}.border-inp-hover-border{border-color:var(--tokens-semantic-border-inp-hover-border)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-neutral-500{border-color:var(--color-neutral-500)}.border-neutral-600{border-color:var(--color-neutral-600)}.border-primary-inverse-hover-bg{border-color:var(--tokens-semantic-bg-primary-inverse-hover-bg)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-700{border-color:var(--color-red-700)}.border-sky-200{border-color:var(--color-sky-200)}.border-transparent{border-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[\#00C202\]{background-color:#00c202}.bg-\[\#289AD2\]{background-color:#289ad2}.bg-black{background-color:var(--color-black)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-contract-bg{background-color:var(--tokens-semantic-bg-contract-bg)}.bg-current{background-color:currentColor}.bg-delicate-border{background-color:var(--tokens-semantic-border-delicate-border)}.bg-disabled-bg{background-color:var(--tokens-semantic-bg-disabled-bg)}.bg-disabled-text\/85{background-color:var(--tokens-semantic-text-disabled-text)}@supports (color:color-mix(in lab,red,red)){.bg-disabled-text\/85{background-color:color-mix(in oklab,var(--tokens-semantic-text-disabled-text) 85%,transparent)}}.bg-error-bg{background-color:var(--tokens-semantic-bg-error-bg)}.bg-follow-up-bg{background-color:var(--tokens-semantic-bg-follow-up-bg)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-info-new-bg{background-color:var(--tokens-semantic-bg-info-new-bg)}.bg-invalid-bg{background-color:var(--tokens-semantic-bg-invalid-bg)}.bg-negotiation-bg{background-color:var(--tokens-semantic-bg-negotiation-bg)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-primary-bg{background-color:var(--tokens-semantic-bg-primary-bg)}.bg-primary-hover-bg{background-color:var(--tokens-semantic-bg-primary-hover-bg)}.bg-primary-inverse-bg,.bg-primary-inverse-bg\/20{background-color:var(--tokens-semantic-bg-primary-inverse-bg)}@supports (color:color-mix(in lab,red,red)){.bg-primary-inverse-bg\/20{background-color:color-mix(in oklab,var(--tokens-semantic-bg-primary-inverse-bg) 20%,transparent)}}.bg-primary-inverse-bg\/50{background-color:var(--tokens-semantic-bg-primary-inverse-bg)}@supports (color:color-mix(in lab,red,red)){.bg-primary-inverse-bg\/50{background-color:color-mix(in oklab,var(--tokens-semantic-bg-primary-inverse-bg) 50%,transparent)}}.bg-primary-inverse-hover-bg{background-color:var(--tokens-semantic-bg-primary-inverse-hover-bg)}.bg-primary-text{background-color:var(--tokens-semantic-text-primary-text)}.bg-proposal-bg{background-color:var(--tokens-semantic-bg-proposal-bg)}.bg-red-50{background-color:var(--color-red-50)}.bg-secondary-bg{background-color:var(--tokens-semantic-bg-secondary-bg)}.bg-secondary-inverse-bg{background-color:var(--tokens-semantic-bg-secondary-inverse-bg)}.bg-sky-50\/60{background-color:#f0f9ff99}@supports (color:color-mix(in lab,red,red)){.bg-sky-50\/60{background-color:color-mix(in oklab,var(--color-sky-50) 60%,transparent)}}.bg-success-bg{background-color:var(--tokens-semantic-bg-success-bg)}.bg-success-text{background-color:var(--tokens-semantic-text-success-text)}.bg-tertiary-bg{background-color:var(--tokens-semantic-bg-tertiary-bg)}.bg-tertiary-inverse-bg{background-color:var(--tokens-semantic-bg-tertiary-inverse-bg)}.bg-transparent{background-color:#0000}.bg-warning-bg{background-color:var(--tokens-semantic-bg-warning-bg)}.bg-white{background-color:var(--color-white)}.bg-\[linear-gradient\(135deg\,\#9933DD_0\%\,\#2831B9_50\%\,\#44CCFF_100\%\)\]{background-image:linear-gradient(135deg,#93d,#2831b9,#4cf)}.bg-clip-padding{background-clip:padding-box}.fill-black{fill:var(--color-black)}.fill-primary-bg{fill:var(--tokens-semantic-bg-primary-bg)}.fill-primary-inverse-bg{fill:var(--tokens-semantic-bg-primary-inverse-bg)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[3\.5px\]{padding:3.5px}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-6\.25{padding-inline:calc(var(--spacing) * 6.25)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.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(--typography-globals-font-size-md);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-md))}.text-h-lg{font-size:var(--typography-globals-font-size-h-lg);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-lg))}.text-h-md{font-size:var(--typography-globals-font-size-h-md);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-md))}.text-h-sm{font-size:var(--typography-globals-font-size-h-sm);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-sm))}.text-h-xl{font-size:var(--typography-globals-font-size-h-xl);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-xl))}.text-h-xs{font-size:var(--typography-globals-font-size-h-xs);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-xs))}.text-h-xxl{font-size:var(--typography-globals-font-size-h-xxl);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-h-xxl))}.text-lg{font-size:var(--typography-globals-font-size-lg);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-lg))}.text-sm{font-size:var(--typography-globals-font-size-sm);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-sm))}.text-xl{font-size:var(--typography-globals-font-size-xl);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-xl))}.text-xs{font-size:var(--typography-globals-font-size-xs);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-xs))}.text-xxl{font-size:var(--typography-globals-font-size-xxl);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-xxl))}.text-xxs{font-size:var(--typography-globals-font-size-xxs);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-xxs))}.text-\[14px\]{font-size:14px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[140\%\]{--tw-leading:140%;line-height:140%}.leading-\[150\%\]{--tw-leading:150%;line-height:150%}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--typography-globals-font-weight-medium);font-weight:var(--typography-globals-font-weight-medium)}.font-normal{--tw-font-weight:var(--typography-globals-font-weight-regular);font-weight:var(--typography-globals-font-weight-regular)}.font-semibold{--tw-font-weight:var(--typography-globals-font-weight-semi-bold);font-weight:var(--typography-globals-font-weight-semi-bold)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-\[\#00C202\]{color:#00c202}.text-black{color:var(--color-black)}.text-contract-text{color:var(--tokens-semantic-text-contract-text)}.text-current{color:currentColor}.text-disabled-text{color:var(--tokens-semantic-text-disabled-text)}.text-error-text{color:var(--tokens-semantic-text-error-text)}.text-follow-up-text{color:var(--tokens-semantic-text-follow-up-text)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-info-new-text{color:var(--tokens-semantic-text-info-new-text)}.text-inherit{color:inherit}.text-invalid-text{color:var(--tokens-semantic-text-invalid-text)}.text-negotiation-text{color:var(--tokens-semantic-text-negotiation-text)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-placeholder-text{color:var(--tokens-semantic-text-placeholder-text)}.text-primary-bg{color:var(--tokens-semantic-bg-primary-bg)}.text-primary-inverse-bg{color:var(--tokens-semantic-bg-primary-inverse-bg)}.text-primary-inverse-text{color:var(--tokens-semantic-text-primary-inverse-text)}.text-primary-text{color:var(--tokens-semantic-text-primary-text)}.text-proposal-text{color:var(--tokens-semantic-text-proposal-text)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-secondary-text{color:var(--tokens-semantic-text-secondary-text)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-sub-label-text{color:var(--tokens-semantic-text-sub-label-text)}.text-success-text{color:var(--tokens-semantic-text-success-text)}.text-transparent{color:#0000}.text-warning-text{color:var(--tokens-semantic-text-warning-text)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-3{text-underline-offset:3px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.bg-blend-color{background-blend-mode:color}.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 2px 6px 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)}.shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000040);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_12px_0px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 4px 12px 0px 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)}.shadow-\[0px_4px_18px_0px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0px 4px 18px 0px var(--tw-shadow-color,#00000026);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_10px_40px_0px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0px 10px 40px 0px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.ring-2{--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)}.ring-transparent{--tw-ring-color:transparent}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.duration-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.fade-in-0{--tw-enter-opacity:0}.running{animation-play-state:running}.zoom-in-95{--tw-enter-scale:.95}@media(hover:hover){.group-hover\:bg-secondary-text:is(:where(.group):hover *){background-color:var(--tokens-semantic-text-secondary-text)}}.group-disabled\:bg-disabled-text:is(:where(.group):disabled *){background-color:var(--tokens-semantic-text-disabled-text)}.group-disabled\/input-group\:text-disabled-text:is(:where(.group\/input-group):disabled *){color:var(--tokens-semantic-text-disabled-text)}.group-has-data-\[orientation\=horizontal\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *){display:flex}.group-data-\[disabled\=true\]\/card\:text-disabled-text:is(:where(.group\/card)[data-disabled=true] *){color:var(--tokens-semantic-text-disabled-text)}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *){opacity:.5}.group-data-\[disabled\=true\]\/input-group\:text-disabled-text:is(:where(.group\/input-group)[data-disabled=true] *){color:var(--tokens-semantic-text-disabled-text)}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--typography-globals-font-size-xs);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-xs))}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.placeholder\:text-sm::placeholder{font-size:var(--typography-globals-font-size-sm);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-sm))}.placeholder\:text-placeholder-text::placeholder{color:var(--tokens-semantic-text-placeholder-text)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:-right-16:after{content:var(--tw-content);right:calc(var(--spacing) * -16)}.after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.after\:-left-6:after{content:var(--tw-content);left:calc(var(--spacing) * -6)}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-delicate-border:after{content:var(--tw-content);background-color:var(--tokens-semantic-border-delicate-border)}.after\:mix-blend-darken:after{content:var(--tw-content);mix-blend-mode:darken}.last\:mt-0:last-child{margin-top:calc(var(--spacing) * 0)}.focus-within\:border-inp-focus-border:focus-within{border-color:var(--tokens-semantic-border-inp-focus-border)}.focus-within\:ring-0:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-within\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:border-default-border:hover{border-color:var(--tokens-semantic-border-default-border)}.hover\:border-inp-disabled-border:hover{border-color:var(--tokens-semantic-border-inp-disabled-border)}.hover\:border-inp-hover-border:hover{border-color:var(--tokens-semantic-border-inp-hover-border)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-primary-hover-bg:hover{background-color:var(--tokens-semantic-bg-primary-hover-bg)}.hover\:bg-primary-inverse-bg:hover{background-color:var(--tokens-semantic-bg-primary-inverse-bg)}.hover\:bg-primary-inverse-hover-bg:hover{background-color:var(--tokens-semantic-bg-primary-inverse-hover-bg)}.hover\:bg-secondary-bg:hover{background-color:var(--tokens-semantic-bg-secondary-bg)}.hover\:bg-tertiary-bg:hover{background-color:var(--tokens-semantic-bg-tertiary-bg)}.hover\:bg-tertiary-inverse-bg:hover{background-color:var(--tokens-semantic-bg-tertiary-inverse-bg)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-primary-inverse-bg:hover{color:var(--tokens-semantic-bg-primary-inverse-bg)}.hover\:text-primary-inverse-text:hover{color:var(--tokens-semantic-text-primary-inverse-text)}.hover\:text-primary-text:hover{color:var(--tokens-semantic-text-primary-text)}.hover\:text-secondary-text:hover{color:var(--tokens-semantic-text-secondary-text)}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.12\)\]:hover{--tw-shadow:0 2px 6px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.30\)\]:hover{--tw-shadow:0 6px 16px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-inp-focus-border:focus{border-color:var(--tokens-semantic-border-inp-focus-border)}.focus\:bg-transparent:focus{background-color:#0000}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-0:focus-visible{border-style:var(--tw-border-style);border-width:0}.focus-visible\:border-inp-focus-border:focus-visible{border-color:var(--tokens-semantic-border-inp-focus-border)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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-visible\:ring-2:focus-visible{--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-visible\:ring-inp-focus-border:focus-visible{--tw-ring-color:var(--tokens-semantic-border-inp-focus-border)}.focus-visible\:ring-offset-2:focus-visible{--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-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-neutral-500:active{background-color:var(--color-neutral-500)}.active\:bg-secondary-inverse-text:active{background-color:var(--tokens-semantic-text-secondary-inverse-text)}.active\:text-primary-bg:active{color:var(--tokens-semantic-bg-primary-bg)}@media(hover:hover){.enabled\:hover\:border-inp-hover-border:enabled:hover{border-color:var(--tokens-semantic-border-inp-hover-border)}.enabled\:hover\:bg-tertiary-bg:enabled:hover{background-color:var(--tokens-semantic-bg-tertiary-bg)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-0:disabled{border-style:var(--tw-border-style);border-width:0}.disabled\:border-disabled-border:disabled{border-color:var(--tokens-semantic-border-disabled-border)}.disabled\:border-inp-disabled-border:disabled{border-color:var(--tokens-semantic-border-inp-disabled-border)}.disabled\:bg-disabled-bg:disabled{background-color:var(--tokens-semantic-bg-disabled-bg)}.disabled\:bg-transparent:disabled{background-color:#0000}.disabled\:text-disabled-text:disabled{color:var(--tokens-semantic-text-disabled-text)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:placeholder\:text-disabled-text:disabled::placeholder{color:var(--tokens-semantic-text-disabled-text)}.has-disabled\:pointer-events-none:has(:disabled){pointer-events:none}.has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-aria-invalid\:border-error-text:has([aria-invalid=true]){border-color:var(--tokens-semantic-text-error-text)}.has-aria-invalid\:ring-error-text\/20:has([aria-invalid=true]){--tw-ring-color:var(--tokens-semantic-text-error-text)}@supports (color:color-mix(in lab,red,red)){.has-aria-invalid\:ring-error-text\/20:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--tokens-semantic-text-error-text) 20%, transparent)}}.has-aria-valid\:border-success-text:has([aria-valid=true]){border-color:var(--tokens-semantic-text-success-text)}.has-data-\[slot\=combobox-chip\]\:pl-1:has([data-slot=combobox-chip]){padding-left:calc(var(--spacing) * 1)}.has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot=combobox-chip-remove]){padding-right:calc(var(--spacing) * 0)}.has-\[\[data-slot\=combobox-trigger\]\:focus-visible\]\:border-inp-focus-border:has([data-slot=combobox-trigger]:focus-visible){border-color:var(--tokens-semantic-border-inp-focus-border)}.has-\[\[data-slot\=combobox-trigger\]\:focus-visible\]\:ring-0:has([data-slot=combobox-trigger]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.has-\[\[data-slot\=combobox-trigger\]\:focus-visible\]\:outline-none:has([data-slot=combobox-trigger]:focus-visible){--tw-outline-style:none;outline-style:none}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-inp-focus-border:has([data-slot=input-group-control]:focus-visible){border-color:var(--tokens-semantic-border-inp-focus-border)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-0:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-inp-focus-border\/20:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--tokens-semantic-border-inp-focus-border)}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-inp-focus-border\/20:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--tokens-semantic-border-inp-focus-border) 20%, transparent)}}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:outline-none:has([data-slot=input-group-control]:focus-visible){--tw-outline-style:none;outline-style:none}.has-\[\[data-slot\=input-group-control\]\[aria-invalid\=true\]\]\:border-error-text:has([data-slot=input-group-control][aria-invalid=true]){border-color:var(--tokens-semantic-text-error-text)}.has-\[\[data-slot\=input-group-control\]\[aria-valid\=true\]\]\:border-success-text:has([data-slot=input-group-control][aria-valid=true]){border-color:var(--tokens-semantic-text-success-text)}.has-\[\[data-slot\=input-group-control\]\[disabled\]\]\:border-inp-disabled-border:has([data-slot=input-group-control][disabled]){border-color:var(--tokens-semantic-border-inp-disabled-border)}.has-\[\[data-slot\=input-group-control\]\[disabled\]\]\:bg-disabled-bg:has([data-slot=input-group-control][disabled]){background-color:var(--tokens-semantic-bg-disabled-bg)}.has-\[\[data-slot\=input-group-control\]\[disabled\]\]\:text-disabled-text:has([data-slot=input-group-control][disabled]){color:var(--tokens-semantic-text-disabled-text)}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:var(--radius-md)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button){margin-right:-.4rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing) * 0)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-expanded\:bg-tertiary-bg[aria-expanded=true]{background-color:var(--tokens-semantic-bg-tertiary-bg)}.aria-expanded\:text-primary-text[aria-expanded=true]{color:var(--tokens-semantic-text-primary-text)}.aria-invalid\:border-error-text[aria-invalid=true]{border-color:var(--tokens-semantic-text-error-text)}.aria-invalid\:text-error-text[aria-invalid=true]{color:var(--tokens-semantic-text-error-text)}.aria-valid\:border-success-text[aria-valid=true]{border-color:var(--tokens-semantic-text-success-text)}.aria-valid\:text-success-text[aria-valid=true]{color:var(--tokens-semantic-text-success-text)}.data-closed\:animate-out[data-closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:text-disabled-text[data-disabled]{color:var(--tokens-semantic-text-disabled-text)}.data-highlighted\:bg-primary-hover-bg[data-highlighted]{background-color:var(--tokens-semantic-bg-primary-hover-bg)}.data-open\:animate-in[data-open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.data-placeholder\:text-placeholder-text[data-placeholder]{color:var(--tokens-semantic-text-placeholder-text)}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[invalid\=true\]\:text-error-text[data-invalid=true]{color:var(--tokens-semantic-text-error-text)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-1[data-orientation=horizontal]{flex:1}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[orientation\=horizontal\]\:gap-1[data-orientation=horizontal]{gap:calc(var(--spacing) * 1)}.data-\[orientation\=vertical\]\:h-fit[data-orientation=vertical]{height:fit-content}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-1[data-orientation=vertical]{flex:1}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:gap-1[data-orientation=vertical]{gap:calc(var(--spacing) * 1)}.data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position=popper]{height:var(--radix-select-trigger-height)}.data-\[position\=popper\]\:w-full[data-position=popper]{width:100%}.data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position=popper]{min-width:var(--radix-select-trigger-width)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:-.5rem}.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start],.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[size\=default\]\:h-10[data-size=default]{height:calc(var(--spacing) * 10)}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--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)}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}:is(.\*\:data-\[slot\=field\]\:p-4>*)[data-slot=field]{padding:calc(var(--spacing) * 4)}:is(.\*\:data-\[slot\=field-group\]\:gap-4>*)[data-slot=field-group]{gap:calc(var(--spacing) * 4)}:is(.\*\:data-\[slot\=field-label\]\:flex-auto>*)[data-slot=field-label]{flex:auto}:is(.\*\:data-\[slot\=input-group\]\:m-1>*)[data-slot=input-group]{margin:calc(var(--spacing) * 1)}:is(.\*\:data-\[slot\=input-group\]\:mb-0>*)[data-slot=input-group]{margin-bottom:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=input-group\]\:h-8>*)[data-slot=input-group]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=input-group\]\:shadow-none>*)[data-slot=input-group]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.data-\[state\=active\]\:bg-primary-inverse-bg[data-state=active]{background-color:var(--tokens-semantic-bg-primary-inverse-bg)}.data-\[state\=active\]\:text-primary-bg[data-state=active]{color:var(--tokens-semantic-bg-primary-bg)}.data-\[state\=checked\]\:translate-x-6[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-inp-default-border[data-state=checked]{border-color:var(--tokens-semantic-border-inp-default-border)}.data-\[state\=checked\]\:border-primary-inverse-bg[data-state=checked]{border-color:var(--tokens-semantic-bg-primary-inverse-bg)}.data-\[state\=checked\]\:border-primary-text[data-state=checked]{border-color:var(--tokens-semantic-text-primary-text)}.data-\[state\=checked\]\:bg-primary-bg[data-state=checked]{background-color:var(--tokens-semantic-bg-primary-bg)}.data-\[state\=checked\]\:bg-primary-hover-bg[data-state=checked]{background-color:var(--tokens-semantic-bg-primary-hover-bg)}.data-\[state\=checked\]\:bg-primary-inverse-bg[data-state=checked]{background-color:var(--tokens-semantic-bg-primary-inverse-bg)}.data-\[state\=checked\]\:text-primary-inverse-text[data-state=checked]{color:var(--tokens-semantic-text-primary-inverse-text)}.group-disabled\:data-\[state\=checked\]\:bg-disabled-text:is(:where(.group):disabled *)[data-state=checked]{background-color:var(--tokens-semantic-text-disabled-text)}@media(hover:hover){.enabled\:hover\:data-\[state\=checked\]\:border-inp-hover-border:enabled:hover[data-state=checked]{border-color:var(--tokens-semantic-border-inp-hover-border)}.enabled\:hover\:data-\[state\=checked\]\:border-primary-inverse-hover-bg:enabled:hover[data-state=checked]{border-color:var(--tokens-semantic-bg-primary-inverse-hover-bg)}.enabled\:hover\:data-\[state\=checked\]\:bg-primary-inverse-hover-bg:enabled:hover[data-state=checked]{background-color:var(--tokens-semantic-bg-primary-inverse-hover-bg)}.enabled\:hover\:data-\[state\=checked\]\:bg-tertiary-bg:enabled:hover[data-state=checked]{background-color:var(--tokens-semantic-bg-tertiary-bg)}}.disabled\:data-\[state\=checked\]\:border-disabled-border:disabled[data-state=checked]{border-color:var(--tokens-semantic-border-disabled-border)}.disabled\:data-\[state\=checked\]\:bg-disabled-bg:disabled[data-state=checked]{background-color:var(--tokens-semantic-bg-disabled-bg)}.disabled\:data-\[state\=checked\]\:text-disabled-text:disabled[data-state=checked]{color:var(--tokens-semantic-text-disabled-text)}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[type\=error\]\:border-red-500[data-type=error]{border-color:var(--color-red-500)}.data-\[type\=error\]\:bg-red-50[data-type=error]{background-color:var(--color-red-50)}.data-\[type\=error\]\:text-red-700[data-type=error]{color:var(--color-red-700)}.data-\[type\=info\]\:border-blue-500[data-type=info]{border-color:var(--color-blue-500)}.data-\[type\=info\]\:bg-blue-50[data-type=info]{background-color:var(--color-blue-50)}.data-\[type\=info\]\:text-blue-700[data-type=info]{color:var(--color-blue-700)}.data-\[type\=success\]\:border-green-500[data-type=success]{border-color:var(--color-green-500)}.data-\[type\=success\]\:bg-green-50[data-type=success]{background-color:var(--color-green-50)}.data-\[type\=success\]\:text-green-700[data-type=success]{color:var(--color-green-700)}.data-\[type\=warning\]\:border-yellow-500[data-type=warning]{border-color:var(--color-yellow-500)}.data-\[type\=warning\]\:bg-orange-50[data-type=warning]{background-color:var(--color-orange-50)}.data-\[type\=warning\]\:text-yellow-700[data-type=warning]{color:var(--color-yellow-700)}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--typography-globals-font-size-sm);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-sm))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--typography-globals-font-size-md);line-height:var(--tw-leading,var(--typography-globals-typography-globals-line-height-md))}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:rounded-r-xl[data-vaul-drawer-direction=left]{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:rounded-l-xl[data-vaul-drawer-direction=right]{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-xl[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[160px_minmax\(0\,1fr\)_220px\]{grid-template-columns:160px minmax(0,1fr) 220px}.md\:grid-cols-\[240px_minmax\(0\,1fr\)\]{grid-template-columns:240px minmax(0,1fr)}.md\:grid-cols-\[240px_minmax\(0\,1fr\)_220px\]{grid-template-columns:240px minmax(0,1fr) 220px}.md\:grid-cols-\[280px_minmax\(0\,1fr\)\]{grid-template-columns:280px minmax(0,1fr)}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:gap-0\.5{gap:calc(var(--spacing) * .5)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(min-width:64rem){.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:grid-cols-\[320px_minmax\(0\,1fr\)\]{grid-template-columns:320px minmax(0,1fr)}}@media(min-width:80rem){.xl\:min-h-200{min-height:calc(var(--spacing) * 200)}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[280px_1fr_180px\]{grid-template-columns:280px 1fr 180px}.xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(320px\,1fr\)\]{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}.xl\:items-start{align-items:flex-start}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:after\:mix-blend-lighten:is(.dark *):after{content:var(--tw-content);mix-blend-mode:lighten}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.data-\[type\=error\]\:\[\&_\[data-description\]\]\:text-red-700[data-type=error] [data-description]{color:var(--color-red-700)}.data-\[type\=info\]\:\[\&_\[data-description\]\]\:text-blue-700[data-type=info] [data-description]{color:var(--color-blue-700)}.data-\[type\=success\]\:\[\&_\[data-description\]\]\:text-green-700[data-type=success] [data-description]{color:var(--color-green-700)}.data-\[type\=warning\]\:\[\&_\[data-description\]\]\:text-yellow-700[data-type=warning] [data-description]{color:var(--color-yellow-700)}.\[\&_\[data-icon\]\]\:order-first [data-icon]{order:-9999}.\[\&_\[data-icon\]\]\:flex [data-icon]{display:flex}.\[\&_\[data-icon\]\]\:size-4 [data-icon]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_\[data-icon\]\]\:shrink-0 [data-icon]{flex-shrink:0}.\[\&_\[data-icon\]\]\:items-center [data-icon]{align-items:center}.\[\&_\[data-icon\]\]\:justify-center [data-icon]{justify-content:center}.\[\&_input\]\:text-disabled-text input,.\[\&_input\:\:placeholder\]\:text-disabled-text input::placeholder{color:var(--tokens-semantic-text-disabled-text)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3 svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:size-\[14px\] svg{width:14px;height:14px}.\[\&_svg\]\:size-\[18px\] svg{width:18px;height:18px}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:origin-center svg{transform-origin:50%}.\[\&_svg\]\:text-disabled-text svg,.has-\[\[data-slot\=input-group-control\]\[disabled\]\]\:\[\&_svg\]\:text-disabled-text:has([data-slot=input-group-control][disabled]) svg{color:var(--tokens-semantic-text-disabled-text)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&\.sonner-loader\]\:\!top-auto.sonner-loader{top:auto!important}.\[\&\.sonner-loader\]\:\!left-auto.sonner-loader{left:auto!important}.\[\&\.sonner-loader\]\:\!shrink-0.sonner-loader{flex-shrink:0!important}.\[\&\.sonner-loader\]\:\!transform-none.sonner-loader{transform:none!important}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}:is(.\*\:\[\[role\=checkbox\]\]\:translate-y-0\.5>*)[role=checkbox]{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>\*\]\:flex-1>*{flex:1}.\[\&\>\[data-base-ui-portal\]\]\:absolute>[data-base-ui-portal]{position:absolute}.\[\&\>\[data-base-ui-portal\]\]\:h-0>[data-base-ui-portal]{height:calc(var(--spacing) * 0)}.\[\&\>\[data-base-ui-portal\]\]\:w-0>[data-base-ui-portal]{width:calc(var(--spacing) * 0)}.\[\&\>\[data-base-ui-portal\]\]\:overflow-visible>[data-base-ui-portal]{overflow:visible}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary-text>a:hover{color:var(--tokens-semantic-text-primary-text)}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\[data-disabled\]_svg\]\:text-disabled-text[data-disabled] svg{color:var(--tokens-semantic-text-disabled-text)}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}}:root{--globals-neutral-50:#fafafa;--globals-neutral-100:#f5f5f5;--globals-neutral-200:#e5e5e5;--globals-neutral-300:#d4d4d4;--globals-neutral-400:#a1a1a1;--globals-neutral-500:#737373;--globals-neutral-600:#525252;--globals-neutral-800:#262626;--globals-neutral-900:#171717;--globals-neutral-black:#000;--globals-neutral-white:#fff;--globals-green-100:#dcfce7;--globals-green-800:#016630;--globals-emerald-50:#ecfdf5;--globals-emerald-500:#00bc7d;--globals-amber-600:#e17100;--globals-orange-50:#fff7ed;--globals-red-50:#fef2f2;--globals-red-700:#c10007;--globals-blue-50:#eff6ff;--globals-blue-100:#dbeafe;--globals-blue-500:#2b7fff;--globals-blue-600:#155dfc;--globals-purple-50:#faf5ff;--globals-purple-500:#ad46ff;--globals-indigo-50:#eef2ff;--globals-indigo-500:#615fff;--globals-slate-50:#f8fafc;--globals-slate-700:#314158;--tokens-semantic-text-primary-text:var(--globals-neutral-black);--tokens-semantic-text-primary-inverse-text:var(--globals-neutral-white);--tokens-semantic-text-secondary-text:var(--globals-neutral-500);--tokens-semantic-text-disabled-text:var(--globals-neutral-300);--tokens-semantic-text-placeholder-text:var(--globals-neutral-400);--tokens-semantic-text-sub-label-text:var(--globals-neutral-400);--tokens-semantic-text-secondary-inverse-text:var(--globals-neutral-600);--tokens-semantic-bg-primary-bg:var(--globals-neutral-white);--tokens-semantic-bg-secondary-bg:var(--globals-neutral-50);--tokens-semantic-bg-tertiary-bg:var(--globals-neutral-100);--tokens-semantic-bg-primary-inverse-bg:var(--globals-neutral-black);--tokens-semantic-bg-disabled-bg:var(--globals-neutral-50);--tokens-semantic-bg-secondary-inverse-bg:var(--globals-neutral-900);--tokens-semantic-bg-tertiary-inverse-bg:var(--globals-neutral-800);--tokens-semantic-bg-primary-inverse-hover-bg:var(--globals-neutral-500);--tokens-semantic-bg-primary-hover-bg:var(--globals-neutral-200);--tokens-semantic-border-inp-default-border:var(--globals-neutral-400);--tokens-semantic-border-inp-hover-border:var(--globals-neutral-500);--tokens-semantic-border-inp-focus-border:var(--globals-neutral-600);--tokens-semantic-border-delicate-border:var(--globals-neutral-200);--tokens-semantic-border-disabled-border:var(--globals-neutral-200);--tokens-semantic-border-inp-disabled-border:var(--globals-neutral-100);--tokens-semantic-border-default-border:var(--globals-neutral-300);--tokens-semantic-text-success-text:var(--globals-green-800);--tokens-semantic-bg-success-bg:var(--globals-green-100);--tokens-semantic-text-warning-text:var(--globals-amber-600);--tokens-semantic-bg-warning-bg:var(--globals-orange-50);--tokens-semantic-text-error-text:var(--globals-red-700);--tokens-semantic-bg-error-bg:var(--globals-red-50);--tokens-semantic-text-info-new-text:var(--globals-blue-600);--tokens-semantic-bg-info-new-bg:var(--globals-blue-50);--tokens-semantic-text-contract-text:var(--globals-emerald-500);--tokens-semantic-bg-contract-bg:var(--globals-emerald-50);--tokens-semantic-text-negotiation-text:var(--globals-blue-500);--tokens-semantic-bg-negotiation-bg:var(--globals-blue-100);--tokens-semantic-text-invalid-text:var(--globals-slate-700);--tokens-semantic-bg-invalid-bg:var(--globals-slate-50);--tokens-semantic-text-proposal-text:var(--globals-indigo-500);--tokens-semantic-bg-proposal-bg:var(--globals-indigo-50);--tokens-semantic-text-follow-up-text:var(--globals-purple-500);--tokens-semantic-bg-follow-up-bg:var(--globals-purple-50);--tokens-semantic-bg-chart-default-bg:var(--globals-neutral-200);--typography-globals-font-family-primary:"Inter";--typography-globals-font-weight-regular:400;--typography-globals-font-weight-medium:500;--typography-globals-font-weight-semi-bold:600;--typography-globals-font-size-xxs:.6875rem;--typography-globals-font-size-xs:.8125rem;--typography-globals-font-size-sm:.875rem;--typography-globals-font-size-md:1rem;--typography-globals-font-size-lg:1.125rem;--typography-globals-font-size-xl:1.25rem;--typography-globals-font-size-xxl:1.4375rem;--typography-globals-font-size-h-xs:1.6875rem;--typography-globals-font-size-h-sm:2.0625rem;--typography-globals-font-size-h-md:2.625rem;--typography-globals-font-size-h-lg:3.25rem;--typography-globals-font-size-h-xl:4.0625rem;--typography-globals-font-size-h-xxl:5.0625rem;--typography-globals-typography-globals-line-height-xxs:.9375rem;--typography-globals-typography-globals-line-height-xs:1.125rem;--typography-globals-typography-globals-line-height-sm:1.25rem;--typography-globals-typography-globals-line-height-md:1.375rem;--typography-globals-typography-globals-line-height-lg:1.5625rem;--typography-globals-typography-globals-line-height-xl:1.625rem;--typography-globals-typography-globals-line-height-xxl:1.875rem;--typography-globals-typography-globals-line-height-h-xs:2rem;--typography-globals-typography-globals-line-height-h-sm:2.5rem;--typography-globals-typography-globals-line-height-h-md:3.125rem;--typography-globals-typography-globals-line-height-h-lg:3.75rem;--typography-globals-typography-globals-line-height-h-xl:4.75rem;--typography-globals-typography-globals-line-height-h-xxl:5.875rem}html,body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
package/dist/components/input-contact/input-contact.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { IconTypes } from '../../index';
1
+ import { IconTypes, InputPhoneProps } from '../../index';
2
2
  export type TOption = {
3
3
  label: string;
4
4
  icon: TypesChange;
5
5
  };
6
6
  type TypesChange = Extract<IconTypes, "telegram" | "whats-app" | "max" | "phone" | "mail">;
7
- type BaseProps = {
7
+ type Props = {
8
8
  isValid?: boolean;
9
9
  label?: string;
10
10
  description?: string;
@@ -14,8 +14,11 @@ type BaseProps = {
14
14
  field?: string;
15
15
  container?: string;
16
16
  };
17
+ value?: string;
18
+ name?: string;
17
19
  onTypeChange?: (type: TypesChange) => void;
20
+ inputProps: React.ComponentPropsWithRef<"input">;
21
+ inputPhoneProps: InputPhoneProps;
18
22
  };
19
- type InputFieldProps = BaseProps & React.ComponentPropsWithRef<"input">;
20
- export declare const InputContact: (props: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
21
- export type { InputFieldProps as InputContactProps, TypesChange };
23
+ export declare const InputContact: (props: Props) => import("react/jsx-runtime").JSX.Element;
24
+ export type { Props as InputContactProps, TypesChange };
package/dist/components-input-contact-input-contact.cjs CHANGED
@@ -1,7 +1,9 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css */const c=require("./lib-utils.cjs");require("class-variance-authority");const l=require("react");require("./components-ui-badge-badge.styles.cjs");const v=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const p=require("./components-ui-icon-icon.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");const w=require("./hooks-usePopupControls.cjs");require("lucide-react");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");const C=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("./components-input-phone-input-phone.cjs");const f=[{label:"Мобильный",icon:"phone"},{label:"Telegram",icon:"telegram"},{label:"WhatsApp",icon:"whats-app"},{label:"Max",icon:"max"},{label:"E-mail",icon:"mail"}],s=t=>{switch(t){case"max":return{viewBox:"0 0 16 16",bgColor:"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]"};case"telegram":return{viewBox:"0 0 17 17",bgColor:"bg-[#289AD2]"};case"whats-app":return{viewBox:"0 0 18 18",bgColor:"bg-[#00C202]",textColor:"text-[#00C202]"};default:return{viewBox:"0 0 24 24"}}},y=t=>{const[n,m]=l.useState("phone"),{isOpened:o,openPopup:q,closePopup:u}=w.usePopupControls(),a=l.useRef(null);l.useEffect(()=>{const e=i=>{a.current&&!a.current.contains(i.target)&&u()};return o&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[o,u]);const d=e=>{switch(e){case"phone":return"+7 (999) 999-99-99";case"telegram":return"@username";case"whats-app":return"+7 (999) 999-99-99";case"max":return"ID пользователя Max";case"mail":return"example@mail.com";default:return"Введите значение"}},x=e=>()=>{m(e),t.onTypeChange?.(e),u()};return r.jsxs("div",{className:c.cn("relative",t.classes?.container),children:[r.jsx(C.InputField,{...t,date:[{id:"0",position:"inline-start",component:r.jsx(p.Icon,{type:n,classes:{wrapper:c.cn(`flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
2
- ${s(n).bgColor??"bg-primary-inverse-hover-bg"}
3
- ${s(n).textColor??"text-primary-inverse-text"}`)},viewBox:s(n).viewBox})},{id:"1",position:"inline-end",component:r.jsx(p.Icon,{type:o?"chevron-up":"chevron",className:"cursor-pointer",onClick:q})}],placeholder:d(n)}),o&&r.jsx("div",{className:`border-inp-hover-border bg-primary-bg absolute my-2 flex w-full
4
- flex-col rounded-xl border`,ref:a,children:f.map(({label:e,icon:i})=>{const{bgColor:b,textColor:g,viewBox:h}=s(i);return r.jsxs(v.Button,{variant:"ghost",className:"flex w-full justify-start",type:"button",onClick:x(i),children:[r.jsx(p.Icon,{type:i,className:"text-primary-inverse-text",classes:{wrapper:c.cn(`flex h-5.5 w-5.5 items-center justify-center rounded-sm
5
- ${b??"bg-primary-inverse-hover-bg"}
6
- ${g??"text-primary-inverse-text"}`)},viewBox:h}),e]},e)})})]})};exports.InputContact=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const t=require("react/jsx-runtime");;/* empty css */const c=require("./lib-utils.cjs");require("class-variance-authority");const p=require("react");require("./components-ui-badge-badge.styles.cjs");const f=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const s=require("./components-ui-icon-icon.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");const j=require("./hooks-usePopupControls.cjs");require("lucide-react");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");const _=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const P=require("./components-input-phone-input-phone.cjs"),B=[{label:"Мобильный",icon:"phone"},{label:"Telegram",icon:"telegram"},{label:"WhatsApp",icon:"whats-app"},{label:"Max",icon:"max"},{label:"E-mail",icon:"mail"}],n=u=>{switch(u){case"max":return{viewBox:"0 0 16 16",bgColor:"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]"};case"telegram":return{viewBox:"0 0 17 17",bgColor:"bg-[#289AD2]"};case"whats-app":return{viewBox:"0 0 18 18",bgColor:"bg-[#00C202]",textColor:"text-[#00C202]"};default:return{viewBox:"0 0 24 24"}}},I=u=>{const{inputProps:q,inputPhoneProps:h,onTypeChange:v,...m}=u,[e,b]=p.useState("phone"),{isOpened:o,openPopup:x,closePopup:a}=j.usePopupControls(),l=p.useRef(null);p.useEffect(()=>{const r=i=>{l.current&&!l.current.contains(i.target)&&a()};return o&&document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[o,a]);const d=r=>{switch(r){case"phone":return"+7 (999) 999-99-99";case"telegram":return"@username";case"whats-app":return"+7 (999) 999-99-99";case"max":return"ID пользователя Max";case"mail":return"example@mail.com";default:return"Введите значение"}},g=r=>()=>{b(r),v?.(r),a()};return t.jsxs("div",{className:c.cn("relative",u.classes?.container),children:[["telegram","max","mail"].includes(e)?t.jsx(_.InputField,{...q,...m,date:[{id:"0",position:"inline-start",component:t.jsx(s.Icon,{type:e,classes:{wrapper:c.cn(`flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
2
+ ${n(e).bgColor??"bg-primary-inverse-hover-bg"}
3
+ ${n(e).textColor??"text-primary-inverse-text"}`)},viewBox:n(e).viewBox})},{id:"1",position:"inline-end",component:t.jsx(s.Icon,{type:o?"chevron-up":"chevron",className:"cursor-pointer",onClick:x})}],placeholder:d(e)}):t.jsx(P.InputPhone,{...h,...m,date:[{id:"0",position:"inline-start",component:t.jsx(s.Icon,{type:e,classes:{wrapper:c.cn(`flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
4
+ ${n(e).bgColor??"bg-primary-inverse-hover-bg"}
5
+ ${n(e).textColor??"text-primary-inverse-text"}`)},viewBox:n(e).viewBox})},{id:"1",position:"inline-end",component:t.jsx(s.Icon,{type:o?"chevron-up":"chevron",className:"cursor-pointer",onClick:x})}],placeholder:d(e)}),o&&t.jsx("div",{className:`border-inp-hover-border bg-primary-bg absolute my-2 flex w-full
6
+ flex-col rounded-xl border`,ref:l,children:B.map(({label:r,icon:i})=>{const{bgColor:w,textColor:C,viewBox:y}=n(i);return t.jsxs(f.Button,{variant:"ghost",className:"flex w-full justify-start",type:"button",onClick:g(i),children:[t.jsx(s.Icon,{type:i,className:"text-primary-inverse-text",classes:{wrapper:c.cn(`flex h-5.5 w-5.5 items-center justify-center rounded-sm
7
+ ${w??"bg-primary-inverse-hover-bg"}
8
+ ${C??"text-primary-inverse-text"}`)},viewBox:y}),r]},r)})})]})};exports.InputContact=I;
7
9
  //# sourceMappingURL=components-input-contact-input-contact.cjs.map
package/dist/components-input-contact-input-contact.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"components-input-contact-input-contact.cjs","sources":["../src/constants/contact-input.ts","../src/components/input-contact/input-contact.tsx"],"sourcesContent":["import type { TOption } from \"@/components/input-contact/input-contact\";\n\nexport const OPTIONS: TOption[] = [\n {\n label: \"Мобильный\",\n icon: \"phone\",\n },\n {\n label: \"Telegram\",\n icon: \"telegram\",\n },\n {\n label: \"WhatsApp\",\n icon: \"whats-app\",\n },\n {\n label: \"Max\",\n icon: \"max\",\n },\n {\n label: \"E-mail\",\n icon: \"mail\",\n },\n];\n","import { OPTIONS } from \"@/constants/contact-input\";\nimport { Button, Icon, InputField, cn, usePopupControls, type IconTypes } from \"@/index\";\nimport { useEffect, useRef, useState } from \"react\";\n\nexport type TOption = {\n label: string;\n icon: TypesChange;\n};\n\ntype TypesChange = Extract<\n IconTypes,\n \"telegram\" | \"whats-app\" | \"max\" | \"phone\" | \"mail\"\n>;\n\ntype BaseProps = {\n isValid?: boolean;\n label?: string;\n description?: string;\n classes?: {\n fieldset?: string;\n fieldgroup?: string;\n field?: string;\n container?: string;\n };\n onTypeChange?: (type: TypesChange) => void;\n};\n\ntype InputFieldProps = BaseProps & React.ComponentPropsWithRef<\"input\">;\n\n// TODO: заменить цвета\nconst iconStyles = (icon: IconTypes) => {\n switch (icon) {\n case \"max\":\n return {\n viewBox: \"0 0 16 16\",\n bgColor: \"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]\",\n };\n\n case \"telegram\":\n return {\n viewBox: \"0 0 17 17\",\n bgColor: \"bg-[#289AD2]\",\n };\n\n case \"whats-app\":\n return {\n viewBox: \"0 0 18 18\",\n bgColor: \"bg-[#00C202]\",\n textColor: \"text-[#00C202]\",\n };\n\n default:\n return {\n viewBox: \"0 0 24 24\",\n };\n }\n};\n\nexport const InputContact = (props: InputFieldProps) => {\n const [type, setType] = useState<TypesChange>(\"phone\");\n const { isOpened, openPopup, closePopup } = usePopupControls();\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n closePopup();\n }\n };\n\n if (isOpened) {\n document.addEventListener(\"mousedown\", handleClickOutside);\n }\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [isOpened, closePopup]);\n\n const getPlaceholder = (type: TypesChange): string => {\n switch (type) {\n case \"phone\":\n return \"+7 (999) 999-99-99\";\n case \"telegram\":\n return \"@username\";\n case \"whats-app\":\n return \"+7 (999) 999-99-99\";\n case \"max\":\n return \"ID пользователя Max\";\n case \"mail\":\n return \"example@mail.com\";\n default:\n return \"Введите значение\";\n }\n };\n\n const handleTypeChange = (type: TypesChange) => {\n return () => {\n setType(type);\n props.onTypeChange?.(type);\n closePopup();\n };\n };\n\n return (\n <div className={cn(\"relative\", props.classes?.container)}>\n <InputField\n {...props}\n date={[\n {\n id: \"0\",\n position: \"inline-start\",\n component: (\n <Icon\n type={type}\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={iconStyles(type).viewBox}\n />\n ),\n },\n {\n id: \"1\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"chevron-up\" : \"chevron\"}\n className=\"cursor-pointer\"\n onClick={openPopup}\n />\n ),\n },\n ]}\n placeholder={getPlaceholder(type)}\n />\n\n {isOpened && (\n <div\n className=\"border-inp-hover-border bg-primary-bg absolute my-2 flex w-full\n flex-col rounded-xl border\"\n ref={wrapperRef}\n >\n {OPTIONS.map(({ label, icon }) => {\n const { bgColor, textColor, viewBox } = iconStyles(icon);\n\n return (\n <Button\n key={label}\n variant=\"ghost\"\n className=\"flex w-full justify-start\"\n type=\"button\"\n onClick={handleTypeChange(icon)}\n >\n <Icon\n type={icon}\n className=\"text-primary-inverse-text\"\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm\n ${bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={viewBox}\n />\n\n {label}\n </Button>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n\nexport type { InputFieldProps as InputContactProps, TypesChange };\n"],"names":["OPTIONS","iconStyles","icon","InputContact","props","type","setType","useState","isOpened","openPopup","closePopup","usePopupControls","wrapperRef","useRef","useEffect","handleClickOutside","event","getPlaceholder","handleTypeChange","jsxs","cn","jsx","InputField","Icon","label","bgColor","textColor","viewBox","Button"],"mappings":"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"}
1
+ {"version":3,"file":"components-input-contact-input-contact.cjs","sources":["../src/constants/contact-input.ts","../src/components/input-contact/input-contact.tsx"],"sourcesContent":["import type { TOption } from \"@/components/input-contact/input-contact\";\n\nexport const OPTIONS: TOption[] = [\n {\n label: \"Мобильный\",\n icon: \"phone\",\n },\n {\n label: \"Telegram\",\n icon: \"telegram\",\n },\n {\n label: \"WhatsApp\",\n icon: \"whats-app\",\n },\n {\n label: \"Max\",\n icon: \"max\",\n },\n {\n label: \"E-mail\",\n icon: \"mail\",\n },\n];\n","import { OPTIONS } from \"@/constants/contact-input\";\nimport {\n Button,\n Icon,\n InputField,\n InputPhone,\n cn,\n usePopupControls,\n type IconTypes,\n type InputPhoneProps,\n} from \"@/index\";\nimport { useEffect, useRef, useState } from \"react\";\n\nexport type TOption = {\n label: string;\n icon: TypesChange;\n};\n\ntype TypesChange = Extract<\n IconTypes,\n \"telegram\" | \"whats-app\" | \"max\" | \"phone\" | \"mail\"\n>;\n\ntype Props = {\n isValid?: boolean;\n label?: string;\n description?: string;\n classes?: {\n fieldset?: string;\n fieldgroup?: string;\n field?: string;\n container?: string;\n };\n value?: string;\n name?: string;\n onTypeChange?: (type: TypesChange) => void;\n inputProps: React.ComponentPropsWithRef<\"input\">;\n inputPhoneProps: InputPhoneProps;\n};\n\n// TODO: заменить цвета\nconst iconStyles = (icon: IconTypes) => {\n switch (icon) {\n case \"max\":\n return {\n viewBox: \"0 0 16 16\",\n bgColor: \"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]\",\n };\n\n case \"telegram\":\n return {\n viewBox: \"0 0 17 17\",\n bgColor: \"bg-[#289AD2]\",\n };\n\n case \"whats-app\":\n return {\n viewBox: \"0 0 18 18\",\n bgColor: \"bg-[#00C202]\",\n textColor: \"text-[#00C202]\",\n };\n\n default:\n return {\n viewBox: \"0 0 24 24\",\n };\n }\n};\n\nexport const InputContact = (props: Props) => {\n const { inputProps, inputPhoneProps, onTypeChange, ...rest } = props;\n\n const [type, setType] = useState<TypesChange>(\"phone\");\n const { isOpened, openPopup, closePopup } = usePopupControls();\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n closePopup();\n }\n };\n\n if (isOpened) {\n document.addEventListener(\"mousedown\", handleClickOutside);\n }\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [isOpened, closePopup]);\n\n const getPlaceholder = (type: TypesChange): string => {\n switch (type) {\n case \"phone\":\n return \"+7 (999) 999-99-99\";\n case \"telegram\":\n return \"@username\";\n case \"whats-app\":\n return \"+7 (999) 999-99-99\";\n case \"max\":\n return \"ID пользователя Max\";\n case \"mail\":\n return \"example@mail.com\";\n default:\n return \"Введите значение\";\n }\n };\n\n const handleTypeChange = (type: TypesChange) => {\n return () => {\n setType(type);\n onTypeChange?.(type);\n closePopup();\n };\n };\n\n return (\n <div className={cn(\"relative\", props.classes?.container)}>\n {[\"telegram\", \"max\", \"mail\"].includes(type) ? (\n <InputField\n {...inputProps}\n {...rest}\n date={[\n {\n id: \"0\",\n position: \"inline-start\",\n component: (\n <Icon\n type={type}\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={iconStyles(type).viewBox}\n />\n ),\n },\n {\n id: \"1\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"chevron-up\" : \"chevron\"}\n className=\"cursor-pointer\"\n onClick={openPopup}\n />\n ),\n },\n ]}\n placeholder={getPlaceholder(type)}\n />\n ) : (\n <InputPhone\n {...inputPhoneProps}\n {...rest}\n date={[\n {\n id: \"0\",\n position: \"inline-start\",\n component: (\n <Icon\n type={type}\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={iconStyles(type).viewBox}\n />\n ),\n },\n {\n id: \"1\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"chevron-up\" : \"chevron\"}\n className=\"cursor-pointer\"\n onClick={openPopup}\n />\n ),\n },\n ]}\n placeholder={getPlaceholder(type)}\n />\n )}\n\n {isOpened && (\n <div\n className=\"border-inp-hover-border bg-primary-bg absolute my-2 flex w-full\n flex-col rounded-xl border\"\n ref={wrapperRef}\n >\n {OPTIONS.map(({ label, icon }) => {\n const { bgColor, textColor, viewBox } = iconStyles(icon);\n\n return (\n <Button\n key={label}\n variant=\"ghost\"\n className=\"flex w-full justify-start\"\n type=\"button\"\n onClick={handleTypeChange(icon)}\n >\n <Icon\n type={icon}\n className=\"text-primary-inverse-text\"\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm\n ${bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={viewBox}\n />\n\n {label}\n </Button>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n\nexport type { Props as InputContactProps, TypesChange };\n"],"names":["OPTIONS","iconStyles","icon","InputContact","props","inputProps","inputPhoneProps","onTypeChange","rest","type","setType","useState","isOpened","openPopup","closePopup","usePopupControls","wrapperRef","useRef","useEffect","handleClickOutside","event","getPlaceholder","handleTypeChange","jsxs","cn","jsx","InputField","Icon","InputPhone","label","bgColor","textColor","viewBox","Button"],"mappings":"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"}
package/dist/components-input-contact-input-contact.js CHANGED
@@ -1,14 +1,14 @@
1
- import { jsxs as c, jsx as i } from "react/jsx-runtime";
1
+ import { jsxs as x, jsx as t } from "react/jsx-runtime";
2
2
  import './brd-ui-kit.css';/* empty css */
3
- import { cn as s } from "./lib-utils.js";
3
+ import { cn as m } from "./lib-utils.js";
4
4
  import "class-variance-authority";
5
- import { useState as b, useRef as w, useEffect as C } from "react";
5
+ import { useState as B, useRef as P, useEffect as N } from "react";
6
6
  import "./components-ui-badge-badge.styles.js";
7
- import { Button as y } from "./components-ui-button-button.js";
7
+ import { Button as j } from "./components-ui-button-button.js";
8
8
  import "./components-ui-button-button.styles.js";
9
9
  import "./components-ui-card-card.js";
10
10
  import "./components-ui-checkbox-checkbox.js";
11
- import { Icon as l } from "./components-ui-icon-icon.js";
11
+ import { Icon as p } from "./components-ui-icon-icon.js";
12
12
  import "./components-ui-combobox-combobox.js";
13
13
  import "./components-ui-dialog-dialog.js";
14
14
  import "./components-ui-label-label.js";
@@ -27,18 +27,18 @@ import "./components-ui-table-table.js";
27
27
  import "./components-ui-tabs-tabs.js";
28
28
  import "./components-ui-tooltip-tooltip.js";
29
29
  import "./components-ui-typography-typography.styles.js";
30
- import { usePopupControls as B } from "./hooks-usePopupControls.js";
30
+ import { usePopupControls as I } from "./hooks-usePopupControls.js";
31
31
  import "lucide-react";
32
32
  import "./components-app-pagination-app-pagination.styles.js";
33
33
  import "./components-app-sidebar-app-sidebar.styles.js";
34
- import { InputField as N } from "./components-input-field-input-field.js";
34
+ import { InputField as $ } from "./components-input-field-input-field.js";
35
35
  import "./components-select-field-select-field.js";
36
36
  import "./lodash-FemA_LCk.js";
37
37
  import "./chart-D15EtNmb.js";
38
38
  import "./index-C4iHL8Gs.js";
39
39
  import "./index-C6N9aMq_.js";
40
- import "./components-input-phone-input-phone.js";
41
- const j = [
40
+ import { InputPhone as T } from "./components-input-phone-input-phone.js";
41
+ const k = [
42
42
  {
43
43
  label: "Мобильный",
44
44
  icon: "phone"
@@ -59,8 +59,8 @@ const j = [
59
59
  label: "E-mail",
60
60
  icon: "mail"
61
61
  }
62
- ], p = (r) => {
63
- switch (r) {
62
+ ], o = (s) => {
63
+ switch (s) {
64
64
  case "max":
65
65
  return {
66
66
  viewBox: "0 0 16 16",
@@ -82,18 +82,18 @@ const j = [
82
82
  viewBox: "0 0 24 24"
83
83
  };
84
84
  }
85
- }, ue = (r) => {
86
- const [t, u] = b("phone"), { isOpened: n, openPopup: d, closePopup: m } = B(), a = w(null);
87
- C(() => {
88
- const e = (o) => {
89
- a.current && !a.current.contains(o.target) && m();
85
+ }, fe = (s) => {
86
+ const { inputProps: h, inputPhoneProps: v, onTypeChange: f, ...c } = s, [e, g] = B("phone"), { isOpened: i, openPopup: u, closePopup: a } = I(), l = P(null);
87
+ N(() => {
88
+ const r = (n) => {
89
+ l.current && !l.current.contains(n.target) && a();
90
90
  };
91
- return n && document.addEventListener("mousedown", e), () => {
92
- document.removeEventListener("mousedown", e);
91
+ return i && document.addEventListener("mousedown", r), () => {
92
+ document.removeEventListener("mousedown", r);
93
93
  };
94
- }, [n, m]);
95
- const x = (e) => {
96
- switch (e) {
94
+ }, [i, a]);
95
+ const d = (r) => {
96
+ switch (r) {
97
97
  case "phone":
98
98
  return "+7 (999) 999-99-99";
99
99
  case "telegram":
@@ -107,84 +107,124 @@ const j = [
107
107
  default:
108
108
  return "Введите значение";
109
109
  }
110
- }, f = (e) => () => {
111
- u(e), r.onTypeChange?.(e), m();
110
+ }, b = (r) => () => {
111
+ g(r), f?.(r), a();
112
112
  };
113
- return /* @__PURE__ */ c("div", { className: s("relative", r.classes?.container), children: [
114
- /* @__PURE__ */ i(
115
- N,
113
+ return /* @__PURE__ */ x("div", { className: m("relative", s.classes?.container), children: [
114
+ ["telegram", "max", "mail"].includes(e) ? /* @__PURE__ */ t(
115
+ $,
116
116
  {
117
- ...r,
117
+ ...h,
118
+ ...c,
118
119
  date: [
119
120
  {
120
121
  id: "0",
121
122
  position: "inline-start",
122
- component: /* @__PURE__ */ i(
123
- l,
123
+ component: /* @__PURE__ */ t(
124
+ p,
124
125
  {
125
- type: t,
126
+ type: e,
126
127
  classes: {
127
- wrapper: s(
128
+ wrapper: m(
128
129
  `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
129
- ${p(t).bgColor ?? "bg-primary-inverse-hover-bg"}
130
- ${p(t).textColor ?? "text-primary-inverse-text"}`
130
+ ${o(e).bgColor ?? "bg-primary-inverse-hover-bg"}
131
+ ${o(e).textColor ?? "text-primary-inverse-text"}`
131
132
  )
132
133
  },
133
- viewBox: p(t).viewBox
134
+ viewBox: o(e).viewBox
134
135
  }
135
136
  )
136
137
  },
137
138
  {
138
139
  id: "1",
139
140
  position: "inline-end",
140
- component: /* @__PURE__ */ i(
141
- l,
141
+ component: /* @__PURE__ */ t(
142
+ p,
142
143
  {
143
- type: n ? "chevron-up" : "chevron",
144
+ type: i ? "chevron-up" : "chevron",
144
145
  className: "cursor-pointer",
145
- onClick: d
146
+ onClick: u
146
147
  }
147
148
  )
148
149
  }
149
150
  ],
150
- placeholder: x(t)
151
+ placeholder: d(e)
152
+ }
153
+ ) : /* @__PURE__ */ t(
154
+ T,
155
+ {
156
+ ...v,
157
+ ...c,
158
+ date: [
159
+ {
160
+ id: "0",
161
+ position: "inline-start",
162
+ component: /* @__PURE__ */ t(
163
+ p,
164
+ {
165
+ type: e,
166
+ classes: {
167
+ wrapper: m(
168
+ `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
169
+ ${o(e).bgColor ?? "bg-primary-inverse-hover-bg"}
170
+ ${o(e).textColor ?? "text-primary-inverse-text"}`
171
+ )
172
+ },
173
+ viewBox: o(e).viewBox
174
+ }
175
+ )
176
+ },
177
+ {
178
+ id: "1",
179
+ position: "inline-end",
180
+ component: /* @__PURE__ */ t(
181
+ p,
182
+ {
183
+ type: i ? "chevron-up" : "chevron",
184
+ className: "cursor-pointer",
185
+ onClick: u
186
+ }
187
+ )
188
+ }
189
+ ],
190
+ placeholder: d(e)
151
191
  }
152
192
  ),
153
- n && /* @__PURE__ */ i(
193
+ i && /* @__PURE__ */ t(
154
194
  "div",
155
195
  {
156
196
  className: `border-inp-hover-border bg-primary-bg absolute my-2 flex w-full
157
197
  flex-col rounded-xl border`,
158
- ref: a,
159
- children: j.map(({ label: e, icon: o }) => {
160
- const { bgColor: h, textColor: g, viewBox: v } = p(o);
161
- return /* @__PURE__ */ c(
162
- y,
198
+ ref: l,
199
+ children: k.map(({ label: r, icon: n }) => {
200
+ const { bgColor: w, textColor: C, viewBox: y } = o(n);
201
+ return /* @__PURE__ */ x(
202
+ j,
163
203
  {
164
204
  variant: "ghost",
165
205
  className: "flex w-full justify-start",
166
206
  type: "button",
167
- onClick: f(o),
207
+ onClick: b(n),
168
208
  children: [
169
- /* @__PURE__ */ i(
170
- l,
209
+ /* @__PURE__ */ t(
210
+ p,
171
211
  {
172
- type: o,
212
+ type: n,
173
213
  className: "text-primary-inverse-text",
174
214
  classes: {
175
- wrapper: s(
215
+ wrapper: m(
176
216
  `flex h-5.5 w-5.5 items-center justify-center rounded-sm
177
- ${h ?? "bg-primary-inverse-hover-bg"}
178
- ${g ?? "text-primary-inverse-text"}`
217
+ ${w ?? "bg-primary-inverse-hover-bg"}
218
+ ${C ?? "text-primary-inverse-text"}`
179
219
  )
180
220
  },
181
- viewBox: v
221
+ viewBox: y
182
222
  }
183
223
  ),
184
- e
224
+ r
185
225
  ]
186
226
  },
187
- e
227
+ r
188
228
  );
189
229
  })
190
230
  }
@@ -192,6 +232,6 @@ const j = [
192
232
  ] });
193
233
  };
194
234
  export {
195
- ue as InputContact
235
+ fe as InputContact
196
236
  };
197
237
  //# sourceMappingURL=components-input-contact-input-contact.js.map
package/dist/components-input-contact-input-contact.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"components-input-contact-input-contact.js","sources":["../src/constants/contact-input.ts","../src/components/input-contact/input-contact.tsx"],"sourcesContent":["import type { TOption } from \"@/components/input-contact/input-contact\";\n\nexport const OPTIONS: TOption[] = [\n {\n label: \"Мобильный\",\n icon: \"phone\",\n },\n {\n label: \"Telegram\",\n icon: \"telegram\",\n },\n {\n label: \"WhatsApp\",\n icon: \"whats-app\",\n },\n {\n label: \"Max\",\n icon: \"max\",\n },\n {\n label: \"E-mail\",\n icon: \"mail\",\n },\n];\n","import { OPTIONS } from \"@/constants/contact-input\";\nimport { Button, Icon, InputField, cn, usePopupControls, type IconTypes } from \"@/index\";\nimport { useEffect, useRef, useState } from \"react\";\n\nexport type TOption = {\n label: string;\n icon: TypesChange;\n};\n\ntype TypesChange = Extract<\n IconTypes,\n \"telegram\" | \"whats-app\" | \"max\" | \"phone\" | \"mail\"\n>;\n\ntype BaseProps = {\n isValid?: boolean;\n label?: string;\n description?: string;\n classes?: {\n fieldset?: string;\n fieldgroup?: string;\n field?: string;\n container?: string;\n };\n onTypeChange?: (type: TypesChange) => void;\n};\n\ntype InputFieldProps = BaseProps & React.ComponentPropsWithRef<\"input\">;\n\n// TODO: заменить цвета\nconst iconStyles = (icon: IconTypes) => {\n switch (icon) {\n case \"max\":\n return {\n viewBox: \"0 0 16 16\",\n bgColor: \"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]\",\n };\n\n case \"telegram\":\n return {\n viewBox: \"0 0 17 17\",\n bgColor: \"bg-[#289AD2]\",\n };\n\n case \"whats-app\":\n return {\n viewBox: \"0 0 18 18\",\n bgColor: \"bg-[#00C202]\",\n textColor: \"text-[#00C202]\",\n };\n\n default:\n return {\n viewBox: \"0 0 24 24\",\n };\n }\n};\n\nexport const InputContact = (props: InputFieldProps) => {\n const [type, setType] = useState<TypesChange>(\"phone\");\n const { isOpened, openPopup, closePopup } = usePopupControls();\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n closePopup();\n }\n };\n\n if (isOpened) {\n document.addEventListener(\"mousedown\", handleClickOutside);\n }\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [isOpened, closePopup]);\n\n const getPlaceholder = (type: TypesChange): string => {\n switch (type) {\n case \"phone\":\n return \"+7 (999) 999-99-99\";\n case \"telegram\":\n return \"@username\";\n case \"whats-app\":\n return \"+7 (999) 999-99-99\";\n case \"max\":\n return \"ID пользователя Max\";\n case \"mail\":\n return \"example@mail.com\";\n default:\n return \"Введите значение\";\n }\n };\n\n const handleTypeChange = (type: TypesChange) => {\n return () => {\n setType(type);\n props.onTypeChange?.(type);\n closePopup();\n };\n };\n\n return (\n <div className={cn(\"relative\", props.classes?.container)}>\n <InputField\n {...props}\n date={[\n {\n id: \"0\",\n position: \"inline-start\",\n component: (\n <Icon\n type={type}\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={iconStyles(type).viewBox}\n />\n ),\n },\n {\n id: \"1\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"chevron-up\" : \"chevron\"}\n className=\"cursor-pointer\"\n onClick={openPopup}\n />\n ),\n },\n ]}\n placeholder={getPlaceholder(type)}\n />\n\n {isOpened && (\n <div\n className=\"border-inp-hover-border bg-primary-bg absolute my-2 flex w-full\n flex-col rounded-xl border\"\n ref={wrapperRef}\n >\n {OPTIONS.map(({ label, icon }) => {\n const { bgColor, textColor, viewBox } = iconStyles(icon);\n\n return (\n <Button\n key={label}\n variant=\"ghost\"\n className=\"flex w-full justify-start\"\n type=\"button\"\n onClick={handleTypeChange(icon)}\n >\n <Icon\n type={icon}\n className=\"text-primary-inverse-text\"\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm\n ${bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={viewBox}\n />\n\n {label}\n </Button>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n\nexport type { InputFieldProps as InputContactProps, TypesChange };\n"],"names":["OPTIONS","iconStyles","icon","InputContact","props","type","setType","useState","isOpened","openPopup","closePopup","usePopupControls","wrapperRef","useRef","useEffect","handleClickOutside","event","getPlaceholder","handleTypeChange","jsxs","cn","jsx","InputField","Icon","label","bgColor","textColor","viewBox","Button"],"mappings":"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"}
1
+ {"version":3,"file":"components-input-contact-input-contact.js","sources":["../src/constants/contact-input.ts","../src/components/input-contact/input-contact.tsx"],"sourcesContent":["import type { TOption } from \"@/components/input-contact/input-contact\";\n\nexport const OPTIONS: TOption[] = [\n {\n label: \"Мобильный\",\n icon: \"phone\",\n },\n {\n label: \"Telegram\",\n icon: \"telegram\",\n },\n {\n label: \"WhatsApp\",\n icon: \"whats-app\",\n },\n {\n label: \"Max\",\n icon: \"max\",\n },\n {\n label: \"E-mail\",\n icon: \"mail\",\n },\n];\n","import { OPTIONS } from \"@/constants/contact-input\";\nimport {\n Button,\n Icon,\n InputField,\n InputPhone,\n cn,\n usePopupControls,\n type IconTypes,\n type InputPhoneProps,\n} from \"@/index\";\nimport { useEffect, useRef, useState } from \"react\";\n\nexport type TOption = {\n label: string;\n icon: TypesChange;\n};\n\ntype TypesChange = Extract<\n IconTypes,\n \"telegram\" | \"whats-app\" | \"max\" | \"phone\" | \"mail\"\n>;\n\ntype Props = {\n isValid?: boolean;\n label?: string;\n description?: string;\n classes?: {\n fieldset?: string;\n fieldgroup?: string;\n field?: string;\n container?: string;\n };\n value?: string;\n name?: string;\n onTypeChange?: (type: TypesChange) => void;\n inputProps: React.ComponentPropsWithRef<\"input\">;\n inputPhoneProps: InputPhoneProps;\n};\n\n// TODO: заменить цвета\nconst iconStyles = (icon: IconTypes) => {\n switch (icon) {\n case \"max\":\n return {\n viewBox: \"0 0 16 16\",\n bgColor: \"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]\",\n };\n\n case \"telegram\":\n return {\n viewBox: \"0 0 17 17\",\n bgColor: \"bg-[#289AD2]\",\n };\n\n case \"whats-app\":\n return {\n viewBox: \"0 0 18 18\",\n bgColor: \"bg-[#00C202]\",\n textColor: \"text-[#00C202]\",\n };\n\n default:\n return {\n viewBox: \"0 0 24 24\",\n };\n }\n};\n\nexport const InputContact = (props: Props) => {\n const { inputProps, inputPhoneProps, onTypeChange, ...rest } = props;\n\n const [type, setType] = useState<TypesChange>(\"phone\");\n const { isOpened, openPopup, closePopup } = usePopupControls();\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n closePopup();\n }\n };\n\n if (isOpened) {\n document.addEventListener(\"mousedown\", handleClickOutside);\n }\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [isOpened, closePopup]);\n\n const getPlaceholder = (type: TypesChange): string => {\n switch (type) {\n case \"phone\":\n return \"+7 (999) 999-99-99\";\n case \"telegram\":\n return \"@username\";\n case \"whats-app\":\n return \"+7 (999) 999-99-99\";\n case \"max\":\n return \"ID пользователя Max\";\n case \"mail\":\n return \"example@mail.com\";\n default:\n return \"Введите значение\";\n }\n };\n\n const handleTypeChange = (type: TypesChange) => {\n return () => {\n setType(type);\n onTypeChange?.(type);\n closePopup();\n };\n };\n\n return (\n <div className={cn(\"relative\", props.classes?.container)}>\n {[\"telegram\", \"max\", \"mail\"].includes(type) ? (\n <InputField\n {...inputProps}\n {...rest}\n date={[\n {\n id: \"0\",\n position: \"inline-start\",\n component: (\n <Icon\n type={type}\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={iconStyles(type).viewBox}\n />\n ),\n },\n {\n id: \"1\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"chevron-up\" : \"chevron\"}\n className=\"cursor-pointer\"\n onClick={openPopup}\n />\n ),\n },\n ]}\n placeholder={getPlaceholder(type)}\n />\n ) : (\n <InputPhone\n {...inputPhoneProps}\n {...rest}\n date={[\n {\n id: \"0\",\n position: \"inline-start\",\n component: (\n <Icon\n type={type}\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={iconStyles(type).viewBox}\n />\n ),\n },\n {\n id: \"1\",\n position: \"inline-end\",\n component: (\n <Icon\n type={isOpened ? \"chevron-up\" : \"chevron\"}\n className=\"cursor-pointer\"\n onClick={openPopup}\n />\n ),\n },\n ]}\n placeholder={getPlaceholder(type)}\n />\n )}\n\n {isOpened && (\n <div\n className=\"border-inp-hover-border bg-primary-bg absolute my-2 flex w-full\n flex-col rounded-xl border\"\n ref={wrapperRef}\n >\n {OPTIONS.map(({ label, icon }) => {\n const { bgColor, textColor, viewBox } = iconStyles(icon);\n\n return (\n <Button\n key={label}\n variant=\"ghost\"\n className=\"flex w-full justify-start\"\n type=\"button\"\n onClick={handleTypeChange(icon)}\n >\n <Icon\n type={icon}\n className=\"text-primary-inverse-text\"\n classes={{\n wrapper: cn(\n `flex h-5.5 w-5.5 items-center justify-center rounded-sm\n ${bgColor ?? \"bg-primary-inverse-hover-bg\"}\n ${textColor ?? \"text-primary-inverse-text\"}`,\n ),\n }}\n viewBox={viewBox}\n />\n\n {label}\n </Button>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n\nexport type { Props as InputContactProps, TypesChange };\n"],"names":["OPTIONS","iconStyles","icon","InputContact","props","inputProps","inputPhoneProps","onTypeChange","rest","type","setType","useState","isOpened","openPopup","closePopup","usePopupControls","wrapperRef","useRef","useEffect","handleClickOutside","event","getPlaceholder","handleTypeChange","jsxs","cn","jsx","InputField","Icon","InputPhone","label","bgColor","textColor","viewBox","Button"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "brd-ui-kit",
3
- "version": "0.1.68",
3
+ "version": "0.1.70",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "main": "./dist/index.cjs",