@import url(https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap);/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--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-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--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-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-800:oklch(43.7% .078 188.216);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-neutral-200:oklch(92.2% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-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;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--animate-bounce:bounce 1s infinite;--blur-md:12px;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Archivo",sans-serif;--default-mono-font-family:var(--font-mono);--color-primary:#0052b3;--color-primary-50:#eaf3fe;--color-primary-100:#c5dfff;--color-primary-300:#7ab6fe;--color-primary-400:#55a2fe;--color-primary-500:#2f8efe;--color-primary-600:#146fdc;--color-primary-700:#0052b4;--color-primary-800:#003f8b;--color-primary-900:#002c62;--color-primary-950:#001733;--color-body-dark:var(--color-slate-950);--color-body-transparent:rgb(255 255 255 / 70%)}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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)){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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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"]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden="until-found"])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:calc(1/2 * 100%)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-10{top:calc(var(--spacing) * 10)}.top-\[3px\]{top:3px}.top-\[5px\]{top:5px}.top-\[7px\]{top:7px}.top-\[8\.4px\]{top:8.4px}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.right-\[5px\]{right:5px}.right-\[13px\]{right:13px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-10{bottom:calc(var(--spacing) * 10)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:calc(1/2 * 100%)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.left-\[5px\]{left:5px}.left-\[7px\]{left:7px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-1000{z-index:1000}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-5{grid-column:span 5 / span 5}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-12{grid-column:span 12 / span 12}.container{width:100%;@media (width>=40rem){max-width:40rem}@media (width>=48rem){max-width:48rem}@media (width>=64rem){max-width:64rem}@media (width>=80rem){max-width:80rem}@media (width>=96rem){max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-2{margin:calc(var(--spacing) * 2)}.m-4{margin:calc(var(--spacing) * 4)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2\.5{margin-inline:calc(var(--spacing) * 2.5)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-2\.5{margin-block:calc(var(--spacing) * 2.5)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-3\.5{margin-block:calc(var(--spacing) * 3.5)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-4\.5{margin-block:calc(var(--spacing) * 4.5)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-5\.5{margin-block:calc(var(--spacing) * 5.5)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-7{margin-block:calc(var(--spacing) * 7)}.my-auto{margin-block:auto}.ms-1{margin-inline-start:calc(var(--spacing) * 1)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-auto{margin-inline-start:auto}.me-1{margin-inline-end:calc(var(--spacing) * 1)}.me-1\.5{margin-inline-end:calc(var(--spacing) * 1.5)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.me-2\.5{margin-inline-end:calc(var(--spacing) * 2.5)}.me-4{margin-inline-end:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * 0.5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-4\.5{margin-top:calc(var(--spacing) * 4.5)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-\[10px\]{margin-right:10px}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * 0.5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-4\.5{margin-bottom:calc(var(--spacing) * 4.5)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-6\.5{margin-bottom:calc(var(--spacing) * 6.5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-9{margin-bottom:calc(var(--spacing) * 9)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.table-row{display:table-row}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-\[120px\]{width:120px;height:120px}.size-auto{width:auto;height:auto}.h-1{height:calc(var(--spacing) * 1)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[30px\]{height:30px}.h-\[56px\]{height:56px}.h-\[84px\]{height:84px}.h-\[400px\]{height:400px}.h-\[580px\]{height:580px}.h-\[calc\(100\%-56px\)\]{height:calc(100% - 56px)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-100{max-height:calc(var(--spacing) * 100)}.max-h-\[85vh\]{max-height:85vh}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[20px\]{min-height:20px}.min-h-screen{min-height:100vh}.w-1\/2{width:calc(1/2 * 100%)}.w-1\/3{width:calc(1/3 * 100%)}.w-1\/4{width:calc(1/4 * 100%)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-5xl{width:var(--container-5xl)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[30px\]{width:30px}.w-\[40vw\]{width:40vw}.w-\[56px\]{width:56px}.w-\[60px\]{width:60px}.w-\[80px\]{width:80px}.w-\[90px\]{width:90px}.w-\[91vw\]{width:91vw}.w-\[97\%\]{width:97%}.w-\[110px\]{width:110px}.w-\[120px\]{width:120px}.w-\[150px\]{width:150px}.w-\[180px\]{width:180px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-md{width:var(--container-md)}.w-px{width:1px}.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-\[97\%\]{max-width:97%}.max-w-\[120px\]{max-width:120px}.max-w-\[300px\]{max-width:300px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-\[250px\]{min-width:250px}.flex-1{flex:1}.flex-auto{flex:auto}.flex-shrink-0{flex-shrink:0}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.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-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * 0.5)}.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\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-4\.5{gap:calc(var(--spacing) * 4.5)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-5\.5{gap:calc(var(--spacing) * 5.5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-11{gap:calc(var(--spacing) * 11)}.space-y-1{:where(&>: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)))}}.space-y-2{:where(&>: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)))}}.space-y-3{:where(&>: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)))}}.space-y-4{:where(&>: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)))}}.space-y-5{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) *)calc(1 - var(--tw-space-y-reverse)))}}.space-y-6{:where(&>: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)))}}.space-y-24{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 24) *)calc(1 - var(--tw-space-y-reverse)))}}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px *)calc(1 - var(--tw-divide-y-reverse)))}}.divide-slate-200{:where(&>:not(:last-child)){border-color:var(--color-slate-200)}}.self-center{align-self:center}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s-2xl{border-start-start-radius:var(--radius-2xl);border-end-start-radius:var(--radius-2xl)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.rounded-r-sm{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-tr-4xl{border-top-right-radius:var(--radius-4xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-amber-400{border-color:var(--color-amber-400)}.border-gray-300{border-color:var(--color-gray-300)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-primary-700{border-color:var(--color-primary-700)}.border-primary-800{border-color:var(--color-primary-800)}.border-primary-950{border-color:var(--color-primary-950)}.border-red-500{border-color:var(--color-red-500)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-400{border-color:var(--color-slate-400)}.border-transparent{border-color:transparent}.bg-amber-50{background-color:var(--color-amber-50)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-body-transparent{background-color:var(--color-body-transparent)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/15{background-color:color-mix(in srgb,oklch(72.3% .219 149.579) 15%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green-500) 15%,transparent)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-primary{background-color:var(--color-primary)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-400\/60{background-color:color-mix(in srgb,#55a2fe 60%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary-400) 60%,transparent)}}.bg-primary-700{background-color:var(--color-primary-700)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-400\/60{background-color:color-mix(in srgb,oklch(70.4% .191 22.216) 60%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-400) 60%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/15{background-color:color-mix(in srgb,oklch(63.7% .237 25.331) 15%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-500) 15%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-300\/65{background-color:color-mix(in srgb,oklch(86.9% .022 252.894) 65%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-300) 65%,transparent)}}.bg-slate-500\/15{background-color:color-mix(in srgb,oklch(55.4% .046 257.417) 15%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-slate-500) 15%,transparent)}}.bg-slate-800{background-color:var(--color-slate-800)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * 0.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-3\.5{padding:calc(var(--spacing) * 3.5)}.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)}.px-1{padding-inline:calc(var(--spacing) * 1)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-5\.5{padding-inline:calc(var(--spacing) * 5.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * 0.5)}.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-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.ps-6{padding-inline-start:calc(var(--spacing) * 6)}.pe-7{padding-inline-end:calc(var(--spacing) * 7)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-24{padding-right:calc(var(--spacing) * 24)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-\[120px\]{padding-bottom:120px}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-14{padding-left:calc(var(--spacing) * 14)}.pl-16{padding-left:calc(var(--spacing) * 16)}.pl-\[10px\]{padding-left:10px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-baseline{vertical-align:baseline}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-\[36px\]{font-size:36px}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-\[\#00598A\]{color:#00598A}.text-\[\#002776\]{color:#002776}.text-\[\#374957\]{color:#374957}.text-amber-600{color:var(--color-amber-600)}.text-amber-800{color:var(--color-amber-800)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-cyan-800{color:var(--color-cyan-800)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-orange-500{color:var(--color-orange-500)}.text-primary{color:var(--color-primary)}.text-primary-500{color:var(--color-primary-500)}.text-primary-600{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.text-primary-900{color:var(--color-primary-900)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-sky-500{color:var(--color-sky-500)}.text-sky-700{color:var(--color-sky-700)}.text-sky-800{color:var(--color-sky-800)}.text-slate-50{color:var(--color-slate-50)}.text-slate-300\/85{color:color-mix(in srgb,oklch(86.9% .022 252.894) 85%,transparent);@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-slate-300) 85%,transparent)}}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-teal-800{color:var(--color-teal-800)}.text-transparent{color:transparent}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.placeholder-transparent{&::placeholder{color:transparent}}.accent-primary{accent-color:var(--color-primary)}.opacity-0{opacity:0%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.opacity-80{opacity:80%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / .1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgb(0 0 0 / .1)),0 4px 6px -4px var(--tw-shadow-color,rgb(0 0 0 / .1));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,rgb(0 0 0 / .1)),0 2px 4px -2px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / .1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / .1));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,rgb(0 0 0 / .1)),0 8px 10px -6px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;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-200{--tw-duration:200ms;transition-duration:200ms}.duration-300{--tw-duration:300ms;transition-duration:300ms}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-180{&:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}}.group-hover\:block{&:is(:where(.group):hover *){@media (hover:hover){display:block}}}.group-hover\:text-primary-700{&:is(:where(.group):hover *){@media (hover:hover){color:var(--color-primary-700)}}}.group-has-checked\:border-primary{&:is(:where(.group):has(*:checked) *){border-color:var(--color-primary)}}.group-has-checked\:bg-primary{&:is(:where(.group):has(*:checked) *){background-color:var(--color-primary)}}.group-has-checked\:bg-primary-50{&:is(:where(.group):has(*:checked) *){background-color:var(--color-primary-50)}}.group-has-checked\:opacity-100{&:is(:where(.group):has(*:checked) *){opacity:100%}}.group-has-checked\:shadow-sm{&:is(:where(.group):has(*:checked) *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / .1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.group-\[\.collapsed\]\:hidden{&:is(:where(.group):is(.collapsed) *){display:none}}.group-\[\.collapsed\]\:text-center{&:is(:where(.group):is(.collapsed) *){text-align:center}}.group-\[\:not\(\.collapsed\)\]\:hidden{&:is(:where(.group):is(:not(.collapsed)) *){display:none}}.peer-checked\:block{&:is(:where(.peer):checked~*){display:block}}.peer-checked\:hidden{&:is(:where(.peer):checked~*){display:none}}.peer-checked\:border{&:is(:where(.peer):checked~*){border-style:var(--tw-border-style);border-width:1px}}.peer-checked\:border-primary{&:is(:where(.peer):checked~*){border-color:var(--color-primary)}}.peer-checked\:border-primary-600{&:is(:where(.peer):checked~*){border-color:var(--color-primary-600)}}.peer-checked\:border-slate-200{&:is(:where(.peer):checked~*){border-color:var(--color-slate-200)}}.peer-checked\:bg-blue-600{&:is(:where(.peer):checked~*){background-color:var(--color-blue-600)}}.peer-checked\:bg-primary-600{&:is(:where(.peer):checked~*){background-color:var(--color-primary-600)}}.peer-checked\:bg-slate-900{&:is(:where(.peer):checked~*){background-color:var(--color-slate-900)}}.peer-checked\:bg-white{&:is(:where(.peer):checked~*){background-color:var(--color-white)}}.peer-checked\:text-primary{&:is(:where(.peer):checked~*){color:var(--color-primary)}}.peer-checked\:text-slate-50{&:is(:where(.peer):checked~*){color:var(--color-slate-50)}}.peer-checked\:text-slate-300{&:is(:where(.peer):checked~*){color:var(--color-slate-300)}}.peer-checked\:text-slate-950{&:is(:where(.peer):checked~*){color:var(--color-slate-950)}}.peer-checked\:text-white{&:is(:where(.peer):checked~*){color:var(--color-white)}}.peer-checked\:opacity-70{&:is(:where(.peer):checked~*){opacity:70%}}.peer-checked\:shadow-sm{&:is(:where(.peer):checked~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / .1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.peer-focus\:outline-none{&:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}}.marker\:font-bold{& *::marker{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}&::marker{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}& *::-webkit-details-marker{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}&::-webkit-details-marker{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}}.placeholder\:text-slate-400{&::placeholder{color:var(--color-slate-400)}}.before\:absolute{&::before{content:var(--tw-content);position:absolute}}.before\:top-0{&::before{content:var(--tw-content);top:calc(var(--spacing) * 0)}}.before\:left-0{&::before{content:var(--tw-content);left:calc(var(--spacing) * 0)}}.before\:w-8{&::before{content:var(--tw-content);width:calc(var(--spacing) * 8)}}.before\:text-right{&::before{content:var(--tw-content);text-align:right}}.before\:align-baseline\!{&::before{content:var(--tw-content);vertical-align:baseline!important}}.before\:font-semibold{&::before{content:var(--tw-content);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}}.before\:text-slate-900{&::before{content:var(--tw-content);color:var(--color-slate-900)}}.before\:content-\[counter\(item\,\'\.\'\)\'\.\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: counter(item,'.')'.';
      content: var(--tw-content);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:-top-2\.5 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * -2.5);
    }
  }
  .after\:top-\[2px\] {
    &::after {
      content: var(--tw-content);
      top: 2px;
    }
  }
  .after\:top-\[3\.75px\] {
    &::after {
      content: var(--tw-content);
      top: 3.75px;
    }
  }
  .after\:-right-3\.5 {
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * -3.5);
    }
  }
  .after\:-bottom-2\.5 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -2.5);
    }
  }
  .after\:-left-3\.5 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * -3.5);
    }
  }
  .after\:left-\[2px\] {
    &::after {
      content: var(--tw-content);
      left: 2px;
    }
  }
  .after\:left-\[3\.75px\] {
    &::after {
      content: var(--tw-content);
      left: 3.75px;
    }
  }
  .after\:h-5 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 5);
    }
  }
  .after\:h-\[20px\] {
    &::after {
      content: var(--tw-content);
      height: 20px;
    }
  }
  .after\:w-5 {
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 5);
    }
  }
  .after\:w-\[20px\] {
    &::after {
      content: var(--tw-content);
      width: 20px;
    }
  }
  .after\:rounded {
    &::after {
      content: var(--tw-content);
      border-radius: 0.25rem;
    }
  }
  .after\:rounded-full {
    &::after {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .after\:bg-slate-200 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-slate-200);
    }
  }
  .after\:bg-white {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-white);
    }
  }
  .after\:shadow-sm {
    &::after {
      content: var(--tw-content);
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .after\:transition-all {
    &::after {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .after\:duration-300 {
    &::after {
      content: var(--tw-content);
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .peer-checked\:after\:left-\[55px\] {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        left: 55px;
      }
    }
  }
  .peer-checked\:after\:translate-x-\[-100\%\] {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .peer-checked\:after\:translate-x-full {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .peer-checked\:after\:bg-slate-700 {
    &:is(:where(.peer):checked ~ *) {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-slate-700);
      }
    }
  }
  .hover\:border-primary-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary-300);
      }
    }
  }
  .hover\:border-primary-700 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-primary-700);
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-blue-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-100);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-primary-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-50);
      }
    }
  }
  .hover\:bg-primary-900 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary-900);
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-100);
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-50\! {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50) !important;
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600);
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-800);
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-primary-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-600);
      }
    }
  }
  .hover\:text-primary-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary-700);
      }
    }
  }
  .hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .hover\:text-red-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-600);
      }
    }
  }
  .hover\:text-red-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-700);
      }
    }
  }
  .hover\:text-slate-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-600);
      }
    }
  }
  .hover\:text-slate-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-700);
      }
    }
  }
  .hover\:text-slate-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-800);
      }
    }
  }
  .hover\:text-slate-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:not-disabled\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          background-color: var(--color-slate-200);
        }
      }
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .focus\:border-primary-500 {
    &:focus {
      border-color: var(--color-primary-500);
    }
  }
  .focus\:bg-white {
    &:focus {
      background-color: var(--color-white);
    }
  }
  .focus\:ring-0 {
    &:focus {
      --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\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-4 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-primary-100 {
    &:focus {
      --tw-ring-color: var(--color-primary-100);
    }
  }
  .focus\:ring-primary-500 {
    &:focus {
      --tw-ring-color: var(--color-primary-500);
    }
  }
  .focus\:ring-primary-600 {
    &:focus {
      --tw-ring-color: var(--color-primary-600);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:not-disabled\:bg-slate-200 {
    &:active {
      &:not(*:disabled) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .active\:after\:w-\[50px\] {
    &:active {
      &::after {
        content: var(--tw-content);
        width: 50px;
      }
    }
  }
  .has-\[\:checked\]\:mx-2 {
    &:has(*:is(:checked)) {
      margin-inline: calc(var(--spacing) * 2);
    }
  }
  .has-\[\:checked\]\:my-1 {
    &:has(*:is(:checked)) {
      margin-block: calc(var(--spacing) * 1);
    }
  }
  .has-\[\:checked\]\:rounded-lg {
    &:has(*:is(:checked)) {
      border-radius: var(--radius-lg);
    }
  }
  .has-\[\:checked\]\:border-2 {
    &:has(*:is(:checked)) {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .has-\[\:checked\]\:border-primary-600 {
    &:has(*:is(:checked)) {
      border-color: var(--color-primary-600);
    }
  }
  .has-\[\:checked\]\:bg-white {
    &:has(*:is(:checked)) {
      background-color: var(--color-white);
    }
  }
  .has-\[\>_\.payment-radio\:checked\]\:border-2 {
    &:has(> .payment-radio:checked) {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  .has-\[\>_\.payment-radio\:checked\]\:border-primary {
    &:has(> .payment-radio:checked) {
      border-color: var(--color-primary);
    }
  }
  .has-\[\>_\.payment-radio\:checked\]\:shadow-sm {
    &:has(> .payment-radio:checked) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .sm\:absolute {
    @media (width >= 40rem) {
      position: absolute;
    }
  }
  .sm\:left-1\/2 {
    @media (width >= 40rem) {
      left: calc(1/2 * 100%);
    }
  }
  .sm\:ms-2 {
    @media (width >= 40rem) {
      margin-inline-start: calc(var(--spacing) * 2);
    }
  }
  .sm\:mb-0 {
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:flex {
    @media (width >= 40rem) {
      display: flex;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:w-1\/2 {
    @media (width >= 40rem) {
      width: calc(1/2 * 100%);
    }
  }
  .sm\:w-full {
    @media (width >= 40rem) {
      width: 100%;
    }
  }
  .sm\:-translate-x-1\/2 {
    @media (width >= 40rem) {
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:justify-start {
    @media (width >= 40rem) {
      justify-content: flex-start;
    }
  }
  .sm\:p-7\.5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 7.5);
    }
  }
  .sm\:p-8 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:sticky {
    @media (width >= 48rem) {
      position: sticky;
    }
  }
  .md\:top-2 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 2);
    }
  }
  .md\:top-4 {
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 4);
    }
  }
  .md\:top-\[10px\] {
    @media (width >= 48rem) {
      top: 10px;
    }
  }
  .md\:top-\[11px\] {
    @media (width >= 48rem) {
      top: 11px;
    }
  }
  .md\:right-2 {
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 2);
    }
  }
  .md\:right-\[11px\] {
    @media (width >= 48rem) {
      right: 11px;
    }
  }
  .md\:left-2 {
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 2);
    }
  }
  .md\:left-\[13px\] {
    @media (width >= 48rem) {
      left: 13px;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:inline {
    @media (width >= 48rem) {
      display: inline;
    }
  }
  .md\:size-4 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .md\:size-10 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }
  .md\:size-12 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .md\:h-14 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 14);
    }
  }
  .md\:h-\[40px\] {
    @media (width >= 48rem) {
      height: 40px;
    }
  }
  .md\:w-14 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 14);
    }
  }
  .md\:w-32 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .md\:w-40 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 40);
    }
  }
  .md\:w-48 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .md\:w-96 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .md\:w-\[24px\] {
    @media (width >= 48rem) {
      width: 24px;
    }
  }
  .md\:w-\[80px\] {
    @media (width >= 48rem) {
      width: 80px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:w-full {
    @media (width >= 48rem) {
      width: 100%;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:justify-start {
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .md\:gap-0 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:self-start {
    @media (width >= 48rem) {
      align-self: flex-start;
    }
  }
  .md\:rounded {
    @media (width >= 48rem) {
      border-radius: 0.25rem;
    }
  }
  .md\:p-3 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-8 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:pb-10 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-base {
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .md\:text-lg {
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .md\:leading-11 {
    @media (width >= 48rem) {
      --tw-leading: calc(var(--spacing) * 11);
      line-height: calc(var(--spacing) * 11);
    }
  }
  .md\:after\:top-\[4px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        top: 4px;
      }
    }
  }
  .md\:after\:left-\[5px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        left: 5px;
      }
    }
  }
  .md\:after\:h-\[30px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        height: 30px;
      }
    }
  }
  .md\:after\:w-\[30px\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        width: 30px;
      }
    }
  }
  .md\:after\:rounded-lg {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        border-radius: var(--radius-lg);
      }
    }
  }
  .md\:peer-checked\:after\:left-\[75px\] {
    @media (width >= 48rem) {
      &:is(:where(.peer):checked ~ *) {
        &::after {
          content: var(--tw-content);
          left: 75px;
        }
      }
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:top-8 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 8);
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:self-start {
    @media (width >= 64rem) {
      align-self: flex-start;
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:pl-10 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .dark\:block {
    &:where([data-mode=dark], [data-mode=dark] *) {
      display: block;
    }
  }
  .dark\:hidden {
    &:where([data-mode=dark], [data-mode=dark] *) {
      display: none;
    }
  }
  .dark\:divide-slate-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-700);
      }
    }
  }
  .dark\:border {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .dark\:border-blue-800\/40 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-blue-800) 40%, transparent);
      }
    }
  }
  .dark\:border-slate-500 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-500);
    }
  }
  .dark\:border-slate-500\/50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent);
      }
    }
  }
  .dark\:border-slate-600 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-600);
    }
  }
  .dark\:border-slate-600\/50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-600) 50%, transparent);
      }
    }
  }
  .dark\:border-slate-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-700);
    }
  }
  .dark\:border-slate-700\/50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
      }
    }
  }
  .dark\:border-slate-800 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-800);
    }
  }
  .dark\:bg-amber-900\/20 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-blue-900\/20 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-blue-900\/30 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-cyan-900\/30 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-gray-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-gray-700);
    }
  }
  .dark\:bg-green-900 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-green-900);
    }
  }
  .dark\:bg-green-900\/30 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-primary-900 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-primary-900);
    }
  }
  .dark\:bg-primary-900\/30 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, #002c62 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-red-900 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-red-900);
    }
  }
  .dark\:bg-sky-900\/20 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-900) 20%, transparent);
      }
    }
  }
  .dark\:bg-sky-900\/30 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent);
      }
    }
  }
  .dark\:bg-slate-600 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-600);
    }
  }
  .dark\:bg-slate-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-700);
    }
  }
  .dark\:bg-slate-700\/50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
      }
    }
  }
  .dark\:bg-slate-800 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-800);
    }
  }
  .dark\:bg-slate-900 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-900);
    }
  }
  .dark\:bg-slate-900\! {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-900) !important;
    }
  }
  .dark\:bg-slate-900\/50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
      }
    }
  }
  .dark\:bg-slate-900\/75 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
      }
    }
  }
  .dark\:bg-slate-950 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-950);
    }
  }
  .dark\:bg-yellow-900 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-yellow-900);
    }
  }
  .dark\:bg-yellow-900\/20 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
      }
    }
  }
  .dark\:text-amber-200 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-amber-200);
    }
  }
  .dark\:text-blue-200 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-blue-200);
    }
  }
  .dark\:text-blue-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-blue-300);
    }
  }
  .dark\:text-blue-400 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-blue-400);
    }
  }
  .dark\:text-cyan-200 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-cyan-200);
    }
  }
  .dark\:text-gray-200 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-gray-200);
    }
  }
  .dark\:text-gray-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-gray-300);
    }
  }
  .dark\:text-green-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-green-300);
    }
  }
  .dark\:text-primary-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-primary-300);
    }
  }
  .dark\:text-primary-400 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-primary-400);
    }
  }
  .dark\:text-red-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-red-300);
    }
  }
  .dark\:text-red-400 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-red-400);
    }
  }
  .dark\:text-red-500 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-red-500);
    }
  }
  .dark\:text-sky-100 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-sky-100);
    }
  }
  .dark\:text-sky-200 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-sky-200);
    }
  }
  .dark\:text-slate-50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-slate-50);
    }
  }
  .dark\:text-slate-100 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-slate-100);
    }
  }
  .dark\:text-slate-200 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-slate-200);
    }
  }
  .dark\:text-slate-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-slate-300);
    }
  }
  .dark\:text-slate-400 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-slate-400);
    }
  }
  .dark\:text-slate-500 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-slate-500);
    }
  }
  .dark\:text-slate-600 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-slate-600);
    }
  }
  .dark\:text-white {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-white);
    }
  }
  .dark\:text-yellow-200 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-yellow-200);
    }
  }
  .dark\:text-yellow-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-yellow-300);
    }
  }
  .dark\:opacity-60 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      opacity: 60%;
    }
  }
  .dark\:shadow-slate-950\/30 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 30%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:shadow-slate-950\/50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .dark\:group-has-checked\:bg-primary-900\/20 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:is(:where(.group):has(*:checked) *) {
        background-color: color-mix(in srgb, #002c62 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-primary-900) 20%, transparent);
        }
      }
    }
  }
  .dark\:peer-checked\:border-slate-50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:is(:where(.peer):checked ~ *) {
        border-color: var(--color-slate-50);
      }
    }
  }
  .dark\:peer-checked\:border-slate-500\/50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:is(:where(.peer):checked ~ *) {
        border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent);
        }
      }
    }
  }
  .dark\:peer-checked\:bg-slate-600 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:is(:where(.peer):checked ~ *) {
        background-color: var(--color-slate-600);
      }
    }
  }
  .dark\:peer-checked\:text-slate-50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:is(:where(.peer):checked ~ *) {
        color: var(--color-slate-50);
      }
    }
  }
  .dark\:peer-checked\:text-slate-100 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:is(:where(.peer):checked ~ *) {
        color: var(--color-slate-100);
      }
    }
  }
  .dark\:peer-checked\:shadow-slate-950\/50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:is(:where(.peer):checked ~ *) {
        --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 50%, transparent) var(--tw-shadow-alpha), transparent);
        }
      }
    }
  }
  .dark\:before\:text-slate-50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &::before {
        content: var(--tw-content);
        color: var(--color-slate-50);
      }
    }
  }
  .dark\:hover\:border-primary-600 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-primary-600);
        }
      }
    }
  }
  .dark\:hover\:bg-blue-900\/30 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-red-900\/20 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-red-900\/30 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-slate-600 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-600);
        }
      }
    }
  }
  .dark\:hover\:bg-slate-700 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-700);
        }
      }
    }
  }
  .dark\:hover\:bg-slate-700\/50 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-slate-800 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-800);
        }
      }
    }
  }
  .dark\:hover\:bg-slate-800\/50\! {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent) !important;
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent) !important;
          }
        }
      }
    }
  }
  .dark\:hover\:text-blue-400 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-blue-400);
        }
      }
    }
  }
  .dark\:hover\:text-primary-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary-300);
        }
      }
    }
  }
  .dark\:hover\:text-primary-400 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary-400);
        }
      }
    }
  }
  .dark\:hover\:text-red-400 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-red-400);
        }
      }
    }
  }
  .dark\:hover\:text-red-500 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-red-500);
        }
      }
    }
  }
  .dark\:hover\:text-slate-100 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-100);
        }
      }
    }
  }
  .dark\:hover\:text-slate-200 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-200);
        }
      }
    }
  }
  .dark\:hover\:text-slate-300 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-300);
        }
      }
    }
  }
  .dark\:hover\:text-white {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  .\[\&\:not\(\:checked\)\]\:\!border-red-500 {
    &:not(:checked) {
      border-color: var(--color-red-500) !important;
    }
  }
  .\[\&\:not\(\:checked\)\]\:\!bg-red-50 {
    &:not(:checked) {
      background-color: var(--color-red-50) !important;
    }
  }
  .dark\:\[\&\:not\(\:checked\)\]\:\!bg-red-950\/20 {
    &:where([data-mode=dark], [data-mode=dark] *) {
      &:not(:checked) {
        background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent) !important;
        }
      }
    }
  }
}
html {
  &[data-theme="select"] {
    --color-primary: #001133;
    --color-primary-50: #eef3ff;
    --color-primary-100: #cfdfff;
    --color-primary-200: #b0caff;
    --color-primary-300: #91b5ff;
    --color-primary-400: #72a1ff;
    --color-primary-500: #4f84f0;
    --color-primary-600: #2c5fc8;
    --color-primary-700: #11409f;
    --color-primary-800: #002776;
    --color-primary-900: #001a4d;
    --color-primary-950: #001133;
  }
  &[data-theme="whitelabel"] {
    --color-primary: #14c771;
    --color-primary-50: #ebfff5;
    --color-primary-100: #bfffe0;
    --color-primary-200: #93fecb;
    --color-primary-300: #67feb6;
    --color-primary-400: #3bfea1;
    --color-primary-500: #27e98b;
    --color-primary-600: #14c771;
    --color-primary-700: #05a558;
    --color-primary-800: #008344;
    --color-primary-900: #002c62;
    --color-primary-950: #001733;
  }
}
@layer utilities {
  @keyframes animate-toast-progress {
    from {
      width: 0%;
    }
    to {
      width: 100%;
    }
  }
  @keyframes animate-shake {
    0%, 100% {
      transform: translateX(0);
    }
    10%, 30%, 50%, 70% {
      transform: translateX(-10px);
    }
    20%, 40%, 60% {
      transform: translateX(10px);
    }
    80% {
      transform: translateX(8px);
    }
    90% {
      transform: translateX(-8px);
    }
  }
  body, .bg-body {
    background: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
  }
  * {
    scrollbar-color: var(--color-slate-300) var(--color-slate-100);
  }
  *::-webkit-scrollbar-track {
    background: var(--color-slate-100);
  }
  *::-webkit-scrollbar-thumb {
    background-color: var(--color-slate-300) !important;
    border-color: var(--color-slate-100) !important;
  }
  [data-mode="dark"] {
    body, .bg-body {
      background: var(--color-body-dark);
    }
    * {
      scrollbar-color: var(--color-slate-700) var(--color-slate-900);
    }
    *::-webkit-scrollbar-track {
      background: var(--color-slate-900);
    }
    *::-webkit-scrollbar-thumb {
      background-color: var(--color-slate-700) !important;
      border-color: var(--color-slate-900) !important;
    }
  }
  .scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .toast-container {
    position: fixed;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      width: var(--container-sm);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
    z-index: 99999;
    &.toast-top-start {
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      align-items: flex-start;
    }
    &.toast-top-center {
      top: calc(var(--spacing) * 0);
      left: calc(1/2 * 100%);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      align-items: center;
    }
    &.toast-top-end {
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      align-items: flex-end;
    }
    &.toast-bottom-start {
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      align-items: flex-start;
    }
    &.toast-bottom-center {
      bottom: calc(var(--spacing) * 0);
      left: calc(1/2 * 100%);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      align-items: center;
    }
    &.toast-bottom-end {
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      align-items: flex-end;
    }
  }
  .animate-shake {
    animation: animate-shake 2s ease 0s infinite normal none;
  }
  .fi::before {
    vertical-align: text-top;
  }
}
@layer components {
  .tooltip {
    position: absolute;
    z-index: 100;
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: 0.25rem;
    background-color: var(--color-gray-800);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
    opacity: 0%;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    &.show {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      opacity: 100%;
    }
  }
  .tooltip-arrow {
    position: absolute;
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    rotate: 45deg;
    background-color: var(--color-gray-800);
  }
  .btn {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          --tw-translate-y: calc(1px * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
    &:disabled {
      opacity: 80%;
    }
    &.loading {
      cursor: not-allowed;
      &::before {
        margin-inline-end: calc(var(--spacing) * 2);
        animation: var(--animate-spin);
        font-family: uicons-regular-rounded !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        vertical-align: text-top;
        content: "\ee84";
      }
    }
  }
  .btn-sm {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .btn-lg {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .btn-primary {
    border-color: var(--color-primary-800);
    background-color: var(--color-primary);
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          background-color: var(--color-primary-600);
        }
      }
    }
    &:active {
      &:not(*:disabled) {
        background-color: var(--color-primary-600);
      }
    }
    box-shadow: 0px 4px 0px var(--color-primary-800);
    &:hover:not(:disabled) {
      box-shadow: 0px 6px 0px var(--color-primary-800);
    }
  }
  .btn-secondary {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-300);
    background-color: transparent;
    color: var(--color-slate-950);
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          background-color: var(--color-slate-200);
        }
      }
    }
    &:active {
      &:not(*:disabled) {
        background-color: var(--color-slate-200);
      }
    }
    box-shadow: 0px 4px 0px var(--color-slate-300);
    &:hover:not(:disabled) {
      box-shadow: 0px 6px 0px var(--color-slate-300);
    }
  }
  .btn-tertiary {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-slate-50);
    color: var(--color-slate-950);
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          background-color: var(--color-slate-200);
        }
      }
    }
    &:active {
      &:not(*:disabled) {
        background-color: var(--color-slate-200);
      }
    }
    box-shadow: 0px 4px 0px var(--color-slate-300);
    &:hover:not(:disabled) {
      box-shadow: 0px 6px 0px var(--color-slate-300);
    }
  }
  .btn-danger {
    background-color: var(--color-red-500);
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          background-color: var(--color-red-600);
        }
      }
    }
    &:active {
      &:not(*:disabled) {
        background-color: var(--color-red-600);
      }
    }
    box-shadow: 0px 4px 0px var(--color-red-700);
    &:hover:not(:disabled) {
      box-shadow: 0px 6px 0px var(--color-red-700);
    }
  }
  .btn-transparent {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-primary);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          background-color: var(--color-primary);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        &:not(*:disabled) {
          color: var(--color-white);
        }
      }
    }
  }
  .btn-close {
    cursor: pointer;
    & i {
      color: var(--color-slate-700);
      &:where([data-mode=dark], [data-mode=dark] *) {
        color: var(--color-slate-50);
      }
    }
  }
  .toast {
    margin-bottom: calc(var(--spacing) * 4);
    width: 100%;
    border-radius: var(--radius-lg);
    padding: calc(var(--spacing) * 4);
    display: flex !important;
    & .toast-icon {
      margin-inline-end: calc(var(--spacing) * 3);
      font-family: uicons-solid-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
    }
    & .toast-title {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    & .toast-message {
      margin-top: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    & .toast-progress {
      width: 100%;
      border-radius: var(--radius-lg);
      & .toast-progress-bar {
        height: calc(var(--spacing) * 1);
        border-radius: var(--radius-lg);
        animation-name: animate-toast-progress;
        animation-timing-function: linear;
        animation-fill-mode: forwards;
      }
    }
    &.paused {
      & .toast-progress {
        & .toast-progress-bar {
          animation-play-state: paused;
        }
      }
    }
    &.toast-info {
      background-color: var(--color-primary-50);
      &:where([data-mode=dark], [data-mode=dark] *) {
        background-color: var(--color-slate-900);
      }
      & .toast-icon {
        color: var(--color-primary-500);
        &::before {
          content: "\e8ce";
        }
      }
      & .toast-title, & .toast-message {
        color: var(--color-primary-800);
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-primary-400);
        }
      }
      & button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-primary-800);
        &:hover {
          @media (hover: hover) {
            text-decoration-line: underline;
          }
        }
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-primary-500);
        }
      }
      & .toast-progress {
        background-color: var(--color-primary-100);
        & .toast-progress-bar {
          background-color: var(--color-primary-800);
        }
      }
    }
    &.toast-alert {
      background-color: var(--color-yellow-50);
      &:where([data-mode=dark], [data-mode=dark] *) {
        background-color: var(--color-slate-900);
      }
      & .toast-icon {
        color: var(--color-yellow-500);
        &::before {
          content: "\f047";
        }
      }
      & .toast-title, & .toast-message {
        color: var(--color-yellow-800);
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-yellow-400);
        }
      }
      & button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-yellow-800);
        &:hover {
          @media (hover: hover) {
            text-decoration-line: underline;
          }
        }
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-yellow-500);
        }
      }
      & .toast-progress {
        background-color: var(--color-yellow-100);
        & .toast-progress-bar {
          background-color: var(--color-yellow-800);
        }
      }
    }
    &.toast-error {
      background-color: var(--color-red-50);
      &:where([data-mode=dark], [data-mode=dark] *) {
        background-color: var(--color-slate-900);
      }
      & .toast-icon {
        color: var(--color-red-500);
        &::before {
          content: "\efd0";
        }
      }
      & .toast-title, & .toast-message {
        color: var(--color-red-800);
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-red-400);
        }
      }
      & button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-red-800);
        &:hover {
          @media (hover: hover) {
            text-decoration-line: underline;
          }
        }
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-red-500);
        }
      }
      & .toast-progress {
        background-color: var(--color-red-100);
        & .toast-progress-bar {
          background-color: var(--color-red-800);
        }
      }
    }
    &.toast-success {
      background-color: var(--color-green-50);
      &:where([data-mode=dark], [data-mode=dark] *) {
        background-color: var(--color-slate-900);
      }
      & .toast-icon {
        color: var(--color-green-500);
        &::before {
          content: "\e360";
        }
      }
      & .toast-title, & .toast-message {
        color: var(--color-green-800);
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-green-400);
        }
      }
      & button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-green-800);
        &:hover {
          @media (hover: hover) {
            text-decoration-line: underline;
          }
        }
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-green-500);
        }
      }
      & .toast-progress {
        background-color: var(--color-green-100);
        & .toast-progress-bar {
          background-color: var(--color-green-800);
          &:where([data-mode=dark], [data-mode=dark] *) {
            background-color: var(--color-green-400);
          }
        }
      }
    }
  }
  .form-check {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    & input {
      position: relative;
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      cursor: pointer;
      appearance: none;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-slate-200);
      background-color: var(--color-white);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus {
        --tw-ring-color: var(--color-primary-500);
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        border-color: var(--color-slate-800);
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        background-color: var(--color-slate-900);
      }
      &:checked {
        border-color: var(--color-primary);
        background-color: var(--color-primary);
        &::after {
          content: "\e35f";
          position: absolute;
          top: 3px;
          left: 2px;
          font-family: uicons-regular-rounded !important;
          font-style: normal;
          font-weight: normal !important;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          vertical-align: text-top;
          font-size: .6rem;
          color: var(--color-white);
        }
      }
    }
    & label {
      cursor: pointer;
      --tw-leading: 1;
      line-height: 1;
      -webkit-user-select: none;
      user-select: none;
    }
  }
  .form-check-card {
    & input {
      display: none;
      &:checked ~ .form-check-card-label {
        border-color: var(--color-primary);
        background-color: color-mix(in srgb, #fff 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
        }
        color: var(--color-primary);
        &:where([data-mode=dark], [data-mode=dark] *) {
          border-color: var(--color-slate-400);
        }
        &:where([data-mode=dark], [data-mode=dark] *) {
          background-color: var(--color-slate-700);
        }
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-slate-50);
        }
      }
    }
    & .form-check-card-label {
      display: inline-flex;
      height: 100%;
      width: 100%;
      cursor: pointer;
      flex-direction: column;
      justify-content: space-between;
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-slate-200);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 5);
      color: var(--color-slate-700);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:where([data-mode=dark], [data-mode=dark] *) {
        border-color: var(--color-slate-700);
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        background-color: var(--color-slate-900);
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        color: var(--color-slate-400);
      }
      &:hover {
        background-color: var(--color-slate-100);
        color: var(--color-slate-600);
        &:where([data-mode=dark], [data-mode=dark] *) {
          background-color: var(--color-slate-700);
        }
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-slate-300);
        }
      }
    }
  }
  .form-control, .form-control:autofill, .form-control:-webkit-autofill, .form-select, .form-select:autofill, .form-select:-webkit-autofill {
    display: block;
    width: 100%;
    appearance: none;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-body-transparent);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-950);
    &::placeholder {
      color: var(--color-slate-400);
    }
    &:focus {
      border-color: var(--color-primary);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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 {
      --tw-ring-color: var(--color-primary-100);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-800);
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-900);
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-slate-50);
    }
    & ~ .invalid-feedback {
      display: none;
    }
    &.is-invalid {
      border-color: var(--color-red-500);
      color: var(--color-red-500);
      & ~ .invalid-feedback {
        position: absolute;
        z-index: 20;
        margin-top: calc(var(--spacing) * 1);
        display: block;
        border-radius: var(--radius-lg);
        background-color: var(--color-red-500);
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 2);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--color-white);
      }
    }
  }
  .was-validated {
    & .form-control, & .form-select {
      &:invalid {
        border-color: var(--color-red-500);
        color: var(--color-red-500);
        & ~ .invalid-feedback {
          position: absolute;
          z-index: 20;
          margin-top: calc(var(--spacing) * 1);
          display: block;
          border-radius: var(--radius-lg);
          background-color: var(--color-red-500);
          padding-inline: calc(var(--spacing) * 3);
          padding-block: calc(var(--spacing) * 2);
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height));
          color: var(--color-white);
        }
      }
    }
  }
  input:disabled, select:disabled, input.disabled, select.disabled {
    cursor: not-allowed;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-100);
    color: var(--color-slate-400);
    opacity: 80%;
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-800);
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-800);
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-slate-500);
    }
  }
  label:disabled, label.disabled {
    color: var(--color-slate-400);
    opacity: 60%;
    &:where([data-mode=dark], [data-mode=dark] *) {
      color: var(--color-slate-500);
    }
  }
  select.form-control:not([multiple]), select.form-select:not([multiple]), .form-select:not([multiple]) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .form-floating {
    position: relative;
    & .form-control, & .form-select {
      display: block;
      width: 100%;
      appearance: none;
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-slate-200);
      background-color: var(--color-body-transparent);
      padding-inline: calc(var(--spacing) * 3);
      padding-top: calc(var(--spacing) * 5);
      padding-bottom: calc(var(--spacing) * 3);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-slate-950);
      &::placeholder {
        color: transparent;
      }
      &:focus {
        border-color: var(--color-primary);
      }
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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 {
        --tw-ring-color: var(--color-primary-100);
      }
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        border-color: var(--color-slate-800);
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        background-color: var(--color-slate-900);
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        color: var(--color-slate-50);
      }
    }
    & > label, &:not(:placeholder-shown) > label, &:autofill > label, &:-webkit-autofill > label {
      position: absolute;
      inset-inline-start: calc(var(--spacing) * 2);
      top: calc(var(--spacing) * 5);
      z-index: 10;
      transform-origin: 0;
      --tw-translate-y: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
      padding-inline: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-slate-400);
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:is(:where(.peer):placeholder-shown ~ *) {
        top: calc(var(--spacing) * 6.5);
      }
      &:is(:where(.peer):placeholder-shown ~ *) {
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      &:is(:where(.peer):placeholder-shown ~ *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
      &:is(:where(.peer):focus ~ *) {
        top: calc(var(--spacing) * 5);
      }
      &:is(:where(.peer):focus ~ *) {
        --tw-translate-y: calc(var(--spacing) * -4);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      &:is(:where(.peer):focus ~ *) {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
      &:is(:where(.peer):focus ~ *) {
        padding-inline: calc(var(--spacing) * 2);
      }
      &:is(:where(.peer):focus ~ *) {
        color: var(--color-primary);
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        &:is(:where(.peer):focus ~ *) {
          color: var(--color-slate-50);
        }
      }
    }
  }
  .iti--separate-dial-code {
    & .iti__selected-flag {
      border-start-start-radius: var(--radius-xl);
      border-end-start-radius: var(--radius-xl);
      background-color: var(--color-slate-100) !important;
    }
  }
  .iti__country-list {
    border-radius: var(--radius-xl);
  }
  .iti__country-list, .iti__divider {
    border-color: var(--color-slate-200) !important;
  }
  .iti__country.iti__highlight {
    background-color: var(--color-slate-100) !important;
  }
  .iti__dial-code {
    color: var(--color-slate-400) !important;
  }
  html.dark, [data-mode="dark"] {
    .iti--separate-dial-code {
      & .iti__selected-flag {
        border-start-start-radius: var(--radius-xl);
        border-end-start-radius: var(--radius-xl);
        background-color: var(--color-slate-800) !important;
        border-color: var(--color-slate-700) !important;
        & .iti__selected-dial-code {
          color: var(--color-slate-50);
          color: rgb(248 250 252) !important;
        }
        & .iti__arrow {
          border-top-color: rgb(248 250 252) !important;
        }
      }
    }
    .iti__country-list {
      background-color: var(--color-slate-800) !important;
      border-color: var(--color-slate-700) !important;
    }
    .iti__country-list, .iti__divider {
      border-color: var(--color-slate-700) !important;
    }
    .iti__country.iti__highlight {
      background-color: var(--color-slate-900) !important;
    }
    .iti__country-name {
      color: var(--color-slate-50) !important;
    }
    .iti__dial-code {
      color: var(--color-slate-300) !important;
    }
    .iti__country {
      & .iti__country-name, & .iti__dial-code {
        color: var(--color-slate-50) !important;
      }
      &:hover {
        background-color: var(--color-slate-700) !important;
      }
    }
  }
  .form-switch {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    -webkit-user-select: none;
    user-select: none;
    & .form-switch-label {
      color: var(--color-slate-900);
      &:where([data-mode=dark], [data-mode=dark] *) {
        color: var(--color-slate-50);
      }
    }
    & .form-switch-input {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
      & ~ .form-switch-toggle::after {
        position: absolute;
        top: calc(var(--spacing) * 0.5);
        left: calc(var(--spacing) * 0.5);
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3);
        border-radius: calc(infinity * 1px);
        background-color: var(--color-white);
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        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));
        content: "";
      }
      & ~ .form-switch-toggle {
        position: relative;
        display: block;
        height: calc(var(--spacing) * 4);
        width: calc(var(--spacing) * 8);
        border-radius: calc(infinity * 1px);
        background-color: var(--color-slate-300);
        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));
        content: "";
      }
      &:checked {
        & ~ .form-switch-toggle {
          background-color: var(--color-primary-600);
          content: "";
        }
        & ~ .form-switch-toggle::after {
          --tw-translate-x: calc(var(--spacing) * 4);
          translate: var(--tw-translate-x) var(--tw-translate-y);
          content: "";
        }
      }
    }
  }
  .input-group {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    & .form-select {
      cursor: pointer;
      border-start-start-radius: var(--radius-2xl);
      border-end-start-radius: var(--radius-2xl);
      border-style: var(--tw-border-style);
      border-width: 0px;
      padding-inline-end: calc(var(--spacing) * 6);
      &:focus {
        --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);
      }
    }
    & .input-group-left, & .input-group-right {
      display: flex;
      align-items: center;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-slate-200);
      background-color: var(--color-body-transparent);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-slate-950);
      &:where([data-mode=dark], [data-mode=dark] *) {
        border-color: var(--color-slate-800);
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        background-color: var(--color-slate-900);
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        color: var(--color-slate-50);
      }
    }
    & .input-group-left {
      border-top-left-radius: var(--radius-2xl);
      border-bottom-left-radius: var(--radius-2xl);
    }
    & .input-group-right {
      border-top-right-radius: var(--radius-2xl);
      border-bottom-right-radius: var(--radius-2xl);
    }
    & .input-group-left ~ .form-floating .form-control {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
    & .input-group-right ~ .form-floating .form-control {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
    & .form-floating {
      flex-grow: 1;
    }
    &:focus-within {
      border-color: var(--color-primary);
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
      --tw-ring-color: var(--color-primary-100);
      & .form-control {
        border-radius: var(--radius-2xl);
        border-color: transparent;
        &:focus {
          --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(.is-invalid), .was-validated &:has(:invalid) {
      border-color: var(--color-red-500);
      & .form-control {
        border-radius: var(--radius-2xl);
        border-color: transparent;
      }
      & .invalid-feedback {
        position: absolute;
        top: 100%;
        z-index: 20;
        margin-top: calc(var(--spacing) * 1);
        display: block;
        border-radius: var(--radius-lg);
        background-color: var(--color-red-500);
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 2);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        color: var(--color-white);
      }
    }
    & .invalid-feedback {
      display: none;
    }
  }
  .radio-option-input:checked {
    & + label {
      border-color: var(--color-primary);
      & span:first-child {
        border-color: var(--color-primary);
        background-color: var(--color-primary);
        & .fi-br-check {
          opacity: 1%;
        }
      }
    }
  }
  section input.payment-radio:checked ~ div.hidden {
    display: block !important;
  }
  section input.payment-radio:checked + label .flex.items-center > span:first-child {
    border-color: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
  }
  section input.payment-radio:checked + label .flex.items-center > span:first-child > i.fi-br-check {
    opacity: 1 !important;
  }
  section:has(input.payment-radio:checked) {
    border-width: 2px !important;
    border-color: var(--color-primary) !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  }
  .dropdown {
    position: relative;
    & .toggle-dropdown {
      display: flex;
      cursor: pointer;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      &::after {
        content: "\e07c";
        margin-inline-start: auto;
        font-family: uicons-regular-rounded !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        vertical-align: text-top;
        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));
        --tw-duration: 200ms;
        transition-duration: 200ms;
      }
    }
    &.show {
      & .toggle-dropdown::after {
        content: "\e07f";
        rotate: 180deg;
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
      }
    }
  }
  .dropdown-menu {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(var(--blur-md));
    -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,);
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-700);
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-900);
    }
    z-index: 1000;
    width: fit-content;
    min-width: 200px;
    display: none;
    opacity: 0%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    & .dropdown-item {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2.5);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-slate-700);
      &:where([data-mode=dark], [data-mode=dark] *) {
        color: var(--color-slate-200);
      }
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-50);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary);
        }
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-slate-800);
          }
        }
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        &:hover {
          @media (hover: hover) {
            color: var(--color-white);
          }
        }
      }
      margin-inline: calc(var(--spacing) * 1);
      cursor: pointer;
      border-radius: var(--radius-lg);
      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));
      &:first-child {
        margin-top: calc(var(--spacing) * 1);
      }
      &:last-child {
        margin-bottom: calc(var(--spacing) * 1);
      }
    }
    .dropdown & {
      position: absolute;
      top: calc(100% + 8px);
      left: calc(var(--spacing) * 0);
      transform-origin: top left;
      &.menu-top {
        top: auto;
        bottom: calc(100% + 0.5rem);
        left: calc(var(--spacing) * 0);
        transform-origin: bottom left;
      }
      &.menu-right {
        top: calc(var(--spacing) * 0);
        left: calc(100% + 0.5rem);
        transform-origin: top left;
      }
      &.menu-left {
        top: calc(var(--spacing) * 0);
        right: calc(100% + 0.5rem);
        left: auto;
        transform-origin: top right;
      }
      &.menu-align-right {
        right: calc(var(--spacing) * 0);
        left: auto;
        transform-origin: top right;
      }
    }
    &.show {
      display: block;
      opacity: 100%;
    }
  }
  .modal {
    pointer-events: none;
    visibility: hidden;
    position: fixed;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    z-index: 21000;
    width: 100%;
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    &[data-backdrop="false"] {
      & .modal-dialog {
        backdrop-filter: blur(10px);
      }
    }
    &.show {
      pointer-events: auto;
      visibility: visible;
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      opacity: 100%;
    }
    & .modal-dialog {
      margin-inline: calc(var(--spacing) * 3);
      max-height: 100vh;
      width: auto;
      overflow-y: auto;
      border-radius: var(--radius-xl);
      background-color: var(--color-slate-50);
      padding: calc(var(--spacing) * 6);
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 40rem) {
        margin-inline: auto;
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        background-color: var(--color-slate-900);
      }
      & .modal-content {
        display: flex;
        width: 100%;
        flex-direction: column;
      }
      & .modal-header {
        margin-bottom: calc(var(--spacing) * 4);
        display: flex;
        justify-content: space-between;
      }
      & .modal-title {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-slate-50);
        }
      }
      & .modal-description {
        color: var(--color-slate-800);
        &:where([data-mode=dark], [data-mode=dark] *) {
          color: var(--color-slate-100);
        }
      }
      & .modal-close {
        cursor: pointer;
        color: var(--color-slate-500);
        &:hover {
          @media (hover: hover) {
            color: var(--color-slate-700);
          }
        }
      }
      & .modal-body {
        flex: 1;
      }
      &.modal-sm {
        width: 100%;
        @media (width < 40rem) {
          margin-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 40rem) {
          margin-inline: auto;
        }
        @media (width >= 40rem) {
          width: var(--container-sm);
        }
        @media (width >= 40rem) {
          max-width: var(--container-sm);
        }
      }
      &.modal-md {
        width: 100%;
        @media (width < 48rem) {
          margin-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 48rem) {
          margin-inline: auto;
        }
        @media (width >= 48rem) {
          width: var(--container-md);
        }
        @media (width >= 48rem) {
          max-width: var(--container-md);
        }
      }
      &.modal-lg {
        width: 100%;
        @media (width < 64rem) {
          margin-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 64rem) {
          margin-inline: auto;
        }
        @media (width >= 64rem) {
          width: var(--container-lg);
        }
        @media (width >= 64rem) {
          max-width: var(--container-lg);
        }
      }
      &.modal-xl {
        width: 100%;
        @media (width < 80rem) {
          margin-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 80rem) {
          margin-inline: auto;
        }
        @media (width >= 80rem) {
          width: var(--container-xl);
        }
        @media (width >= 80rem) {
          max-width: var(--container-xl);
        }
      }
      &.modal-2xl {
        width: 100%;
        @media (width < 96rem) {
          margin-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 96rem) {
          margin-inline: auto;
        }
        @media (width >= 96rem) {
          width: var(--container-2xl);
        }
        @media (width >= 96rem) {
          max-width: var(--container-2xl);
        }
      }
      &.modal-full {
        height: 100%;
        max-width: 100%;
      }
    }
    & .modal-icon {
      margin-inline-end: calc(var(--spacing) * 3);
      margin-bottom: calc(var(--spacing) * 6);
      display: flex;
      height: 56px;
      width: 56px;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      font-family: uicons-solid-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      &::before {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
    }
    &.modal-alert {
      & .modal-icon {
        background-color: var(--color-yellow-100);
        color: var(--color-yellow-500);
        &::before {
          content: "\f047";
        }
      }
    }
    &.modal-error {
      & .modal-icon {
        background-color: var(--color-red-100);
        color: var(--color-red-500);
        &::before {
          content: "\f047";
        }
      }
    }
    &.modal-info {
      & .modal-icon {
        background-color: var(--color-primary-100);
        color: var(--color-primary-500);
        &::before {
          content: "\e8ce";
        }
      }
    }
    &.modal-success {
      & .modal-icon {
        background-color: var(--color-green-100);
        color: var(--color-green-500);
        &::before {
          content: "\e360";
        }
      }
    }
  }
  .backdrop {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 20000;
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 75%, transparent);
    }
    --tw-backdrop-invert: invert(100%);
    -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,);
    --tw-backdrop-opacity: opacity(10%);
    -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,);
    backdrop-filter: blur(10px);
  }
  .offcanvas {
    visibility: hidden;
    position: fixed;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    z-index: 21000;
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 0%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    & .offcanvas-dialog {
      height: 100%;
      border-start-start-radius: var(--radius-lg);
      border-end-start-radius: var(--radius-lg);
      background-color: var(--color-slate-50);
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:where([data-mode=dark], [data-mode=dark] *) {
        background-color: var(--color-slate-900);
      }
    }
    &.offcanvas-left {
      top: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
      & .offcanvas-dialog {
        border-start-end-radius: var(--radius-lg);
        border-end-end-radius: var(--radius-lg);
      }
    }
    &.offcanvas-right {
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
      & .offcanvas-dialog {
        border-start-start-radius: var(--radius-lg);
        border-end-start-radius: var(--radius-lg);
      }
    }
    &.show {
      visibility: visible;
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      opacity: 100%;
      &.offcanvas-left {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      &.offcanvas-right {
        --tw-translate-x: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &[data-backdrop="false"] {
      & .offcanvas-dialog {
        backdrop-filter: blur(10px);
      }
    }
    &.offcanvas-md {
      width: 40%;
      max-width: 40%;
      @media (width < 40rem) {
        width: 100% !important;
      }
      @media (width < 40rem) {
        max-width: 100% !important;
      }
    }
    &.offcanvas-sm {
      width: 25%;
      max-width: 25%;
      @media (width < 40rem) {
        width: 100% !important;
      }
      @media (width < 40rem) {
        max-width: 100% !important;
      }
    }
    &.offcanvas-lg {
      width: 55%;
      max-width: 55%;
      @media (width < 40rem) {
        width: 100% !important;
      }
      @media (width < 40rem) {
        max-width: 100% !important;
      }
    }
    &.offcanvas-xl {
      width: 70%;
      max-width: 70%;
      @media (width < 40rem) {
        width: 100% !important;
      }
      @media (width < 40rem) {
        max-width: 100% !important;
      }
    }
    &.offcanvas-2xl {
      width: 90%;
      max-width: 90%;
      @media (width < 40rem) {
        width: 100% !important;
      }
      @media (width < 40rem) {
        max-width: 100% !important;
      }
    }
    &.offcanvas-full {
      width: 100%;
      max-width: 100%;
    }
  }
  details {
    all: unset;
    cursor: default;
  }
  .accordion {
    & .accordion-header {
      margin-block: calc(var(--spacing) * 2);
      display: flex;
      cursor: pointer;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-radius: var(--radius-xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-slate-950);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary);
        }
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        color: var(--color-slate-50);
      }
      &:where([data-mode=dark], [data-mode=dark] *) {
        &:hover {
          @media (hover: hover) {
            color: var(--color-slate-500);
          }
        }
      }
      &::after {
        content: "\e07c";
        margin-inline-start: auto;
        font-family: uicons-regular-rounded !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        vertical-align: text-top;
        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));
      }
    }
    &:is([open]) {
      & .accordion-header {
        &::after {
          rotate: 180deg;
        }
      }
    }
    & .accordion-body {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 2);
      padding-inline-start: calc(var(--spacing) * 6);
    }
  }
  :root {
    --jqx-grid-row-height: 36px;
    --jqx-grid-column-height: 56px;
    --jqx-grid-show-column-lines: 1;
    --jqx-list-item-height: -1;
    --jqx-grid-filter-menu-items-height: 30px;
    --jqx-dropdown-animation: transform;
    --jqx-datetimeinput-dropdown-height: 280px;
    --jqx-datetimeinput-dropdown-width: 280px;
    --jqx-calendar-header-height: 40px;
    --jqx-calendar-title-height: 49px;
    --jqx-icon-calendar: "\e2a1";
    --jqx-icon-filter: "\e6d0";
    --jqx-icon-menu: "\ea33";
    --jqx-icon-check: "\e35f";
    --jqx-icon-first-page: "\e900";
    --jqx-icon-arrow-down: "\e07c";
    --jqx-icon-arrow-left: "\e07d";
    --jqx-icon-arrow-right: "\e07e";
    --jqx-icon-arrow-up: "\e07f";
    --jqx-icon-arrow-down-filled: "\e0b8";
    --jqx-icon-arrow-left-filled: "\e07d";
    --jqx-icon-arrow-right-filled: "\e07e";
    --jqx-icon-arrow-up-filled: "\e07f";
    --jqx-icon-visibility: "\e90d";
    --jqx-icon-visibility-off: "\e90e";
    --jqx-icon-last-page: "\e905";
    --jqx-icon-close: "\e4d0";
    --jqx-icon-search: "\ed83";
    --jqx-icon-clock: "\e3fd";
    --jqx-icon-down: "\e800";
    --jqx-icon-plus: "\e801";
    --jqx-icon-filter-alt: "\e802";
    --jqx-icon-up: "\e803";
    --jqx-icon-left: "\e804";
    --jqx-icon-right: "\e805";
    --jqx-icon-edit: "\e806";
    --jqx-icon-calendar-alt: "\e807";
    --jqx-icon-close-alt: "\e8bb";
    --jqx-icon-delete: "\e894";
    --jqx-icon-download: "\e896";
    --jqx-icon-check-alt: "\e8fb";
    --jqx-icon-check-small: "\f13e";
    --jqx-icon-info: "\e946";
    --jqx-icon-circle: "\ea3a";
    --jqx-icon-sort-menu-down: "\ee5e";
    --jqx-icon-sort-menu-up: "\ee60";
    --jqx-icon-sort-up: "\ee60";
    --jqx-icon-sort-down: "\ee5e";
    --jqx-icon-menu-alt: "\ea33";
    --jqx-icon-calendar-up: "\e83b";
    --jqx-icon-calendar-down: "\e83d";
    --jqx-border-radius: 4px;
    --jqx-font-family: "Archivo", sans-serif;
    --jqx-font-size: 14px;
    --jqx-action-button-size: 25px;
  }
  .jqx-rc-tl {
    border-top-left-radius: 0.25rem;
  }
  .jqx-rc-tr {
    border-top-right-radius: 0.25rem;
  }
  .jqx-rc-bl {
    border-bottom-left-radius: 0.25rem;
  }
  .jqx-rc-br {
    border-bottom-right-radius: 0.25rem;
  }
  .jqx-rc-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .jqx-rc-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .jqx-rc-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .jqx-rc-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .jqx-rc-all {
    border-radius: 0.25rem;
  }
  .jqx-rc-reset {
    border-radius: 0;
  }
  .jqx-reset {
    margin: calc(var(--spacing) * 0);
    box-sizing: content-box;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-clear {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    margin: calc(var(--spacing) * 0);
    appearance: none;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    vertical-align: top;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-popup {
    box-sizing: content-box;
  }
  .jqx-position-reset {
    position: static;
  }
  .jqx-border-reset {
    --tw-border-style: none;
    border-style: none;
  }
  .jqx-overflow-hidden {
    overflow: hidden;
  }
  .jqx-position-relative {
    position: relative;
  }
  .jqx-position-absolute {
    position: absolute;
  }
  .jqx-max-size {
    height: 100%;
    width: 100%;
  }
  .jqx-background-reset {
    background-color: transparent;
  }
  .jqx-listbox-container {
    border-radius: var(--radius-xl) !important;
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
    border-color: var(--color-slate-200) !important;
    background-color: var(--color-white) !important;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    --tw-backdrop-blur: blur(var(--blur-md)) !important;
    -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,) !important;
    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,) !important;
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-700) !important;
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-900) !important;
    }
  }
  .jqx-disableselect {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .jqx-enableselect {
    -webkit-user-select: text;
    user-select: text;
  }
  .jqx-hideborder {
    --tw-border-style: none;
    border-style: none;
  }
  .jqx-hidescrollbars {
    overflow: hidden;
  }
  .jqx-button {
    margin: calc(var(--spacing) * 0);
    cursor: default;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1);
    text-align: center;
    vertical-align: middle;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-button[aria-disabled="true"] {
    pointer-events: none;
  }
  button.jqx-button, input[type="button"].jqx-button, input[type="submit"].jqx-button {
    box-sizing: border-box;
  }
  .jqx-group-button-normal {
    text-align: center;
    vertical-align: middle;
  }
  .jqx-link {
    color: #111111;
    text-decoration-line: none;
  }
  .jqx-visible {
    display: block;
  }
  .jqx-hidden {
    display: none;
  }
  .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .jqx-gauge-label, .jqx-gauge-caption {
    fill: #333333;
    font-size: 11px;
    color: #333333;
  }
  .jqx-knob {
    text-align: center;
  }
  .jqx-knob-label, .jqx-chart-axis-text, .jqx-chart-label-text, .jqx-chart-tooltip-text, .jqx-chart-legend-text {
    fill: #333333;
    font-size: 11px;
    color: #333333;
  }
  .jqx-chart-axis-description {
    fill: #555555;
    font-size: 11px;
    color: #555555;
  }
  .jqx-chart-title-text {
    fill: #111111;
    font-size: 14px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #111111;
  }
  .jqx-chart-title-description {
    fill: #111111;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #111111;
  }
  .jqx-grid {
    overflow: hidden;
    font-family: var(--jqx-font-family);
    box-sizing: content-box !important;
  }
  .jqx-grid .jqx-adaptive-table {
    width: 100%;
    border-collapse: collapse;
    --tw-border-style: none;
    border-style: none;
  }
  .jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th {
    overflow: auto;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #ddd;
    padding: calc(var(--spacing) * 2);
  }
  .jqx-grid .jqx-adaptive-table tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  .jqx-grid .jqx-adaptive-table th {
    background-color: #4caf50;
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 3);
    text-align: left;
    color: var(--color-white);
  }
  .jqx-grid .jqx-adaptive-view a {
    padding: calc(var(--spacing) * 2);
    color: var(--color-orange-600);
    text-decoration-line: none;
  }
  .jqx-grid-pager {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    --tw-border-style: none;
    border-style: none;
    border-color: transparent;
  }
  .jqx-grid-pager-top {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: none;
    border-style: none;
    border-color: transparent;
  }
  .jqx-grid-pager-number {
    margin: 1px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: 2px 5px;
    --tw-leading: 14px;
    line-height: 14px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    text-decoration-line: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-grid-menu-item-touch {
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 1);
  }
  .jqx-grid-header {
    margin: calc(var(--spacing) * 0);
    height: 56px !important;
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-grid-header .jqx-grid-column-header > div {
    display: flex;
    align-items: center;
  }
  .jqx-grid-header .jqx-grid-column-header > div .jqx-checkbox {
    top: calc(var(--spacing) * 0);
    margin-top: calc(var(--spacing) * 0);
  }
  .jqx-grid-column-header, .jqx-grid-columngroup-header {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: #f6f6fa;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    font-size: 16px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
  }
  .jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .jqx-grid-columngroup-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .jqx-grid-column-menubutton {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-menu) !important;
      content: var(--tw-content) !important;
    }
  }
  .jqx-grid-column-menubutton-rtl {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .jqx-grid-column-filterbutton {
    margin-top: 1px;
    --tw-border-style: none;
    border-style: none;
    background-image: url(../../public/assets/css/img/jqx/filter.png);
    background-position: center;
    background-repeat: no-repeat;
  }
  .jqx-grid-column-resizeline {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    --tw-border-style: dotted;
    border-style: dotted;
    border-color: #555;
  }
  .jqx-grid-validation {
    background-color: #df2227;
    padding: calc(var(--spacing) * 1);
    color: var(--color-white);
  }
  .jqx-grid-validation-label {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #df2227;
    background-color: #df2227;
    color: var(--color-white);
  }
  .jqx-grid-validation-arrow-up {
    background-image: url(../../public/assets/css/img/jqx/red_arrow_up.png);
    background-position: center;
    background-repeat: no-repeat;
  }
  .jqx-grid-validation-arrow-down {
    background-image: url(../../public/assets/css/img/jqx/red_arrow_down.png);
    background-position: center;
    background-repeat: no-repeat;
  }
  .jqx-grid-column-resizestartline {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: #444;
  }
  .jqx-grid-drag-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    background-image: url(../../public/assets/css/img/jqx/drag.png);
    background-position: left;
    background-repeat: no-repeat;
  }
  .jqx-grid-dragcancel-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    background-image: url(../../public/assets/css/img/jqx/dragcancel.png);
    background-position: left;
    background-repeat: no-repeat;
  }
  .jqx-grid-groupby-icon {
    float: left;
    margin-right: calc(var(--spacing) * 1);
    margin-left: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    background-position: left;
    background-repeat: no-repeat;
  }
  .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited {
    margin: calc(var(--spacing) * 1);
    display: block;
    height: 18px;
    cursor: pointer;
    --tw-leading: 18px;
    line-height: 18px;
    text-decoration-line: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited {
    margin: calc(var(--spacing) * 1);
    height: 18px;
    cursor: pointer;
    --tw-leading: 18px;
    line-height: 18px;
    text-decoration-line: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: #aaa;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    white-space: nowrap;
  }
  .jqx-grid-groups-row {
    top: calc(1/2 * 100%);
    margin-top: calc(var(--spacing) * -2);
    padding: calc(var(--spacing) * 0);
    text-align: left;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
  }
  .jqx-grid-groups-row-details {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .jqx-grid-group-column {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
  }
  .jqx-grid-group-column-line {
    background-color: #aaa;
  }
  .jqx-grid-group-drag-line {
    background-color: #80be09;
  }
  .jqx-grid-group-column a:link {
    margin: calc(var(--spacing) * 1);
    display: block;
    height: 18px;
    cursor: pointer;
    --tw-leading: 18px;
    line-height: 18px;
    text-decoration-line: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-grid-group-column a:visited {
    margin: calc(var(--spacing) * 1);
    display: block;
    height: 18px;
    cursor: pointer;
    --tw-leading: 18px;
    line-height: 18px;
    text-decoration-line: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-grid-cell {
    position: absolute;
    margin-right: 1px;
    margin-bottom: 1px;
    height: 100%;
    overflow: hidden;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-grid-cell-batch {
    background-color: #46ca78;
    color: var(--color-white);
  }
  .jqx-grid-cell-locked {
    color: #aaa;
  }
  .jqx-grid-cell-left-align {
    margin-top: calc(var(--spacing) * 0) !important;
    margin-right: calc(var(--spacing) * 0.5);
    margin-left: calc(var(--spacing) * 1);
    display: flex;
    height: 100%;
    align-items: center;
    overflow: hidden;
    padding-bottom: calc(var(--spacing) * 0.5);
    text-align: left;
    text-overflow: ellipsis;
  }
  .jqx-grid-cell-middle-align {
    overflow: hidden;
    padding-bottom: calc(var(--spacing) * 0.5);
    text-align: center;
    text-overflow: ellipsis;
  }
  .jqx-grid-cell-right-align {
    margin-right: calc(var(--spacing) * 1);
    margin-left: calc(var(--spacing) * 0.5);
    overflow: hidden;
    padding-bottom: calc(var(--spacing) * 0.5);
    text-align: right;
    text-overflow: ellipsis;
  }
  .jqx-grid-group-cell {
    position: absolute;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
    background-color: transparent !important;
  }
  .jqx-grid-group-cell.jqx-grid-cell-pinned {
    background-color: transparent;
    background-color: transparent !important;
  }
  div[role="gridcell"].jqx-grid-group-cell {
    background-color: transparent !important;
  }
  div[role="gridcell"].jqx-grid-group-cell.jqx-grid-cell-pinned {
    background-color: transparent !important;
  }
  .jqx-grid-cell-sort {
    background-color: #f0f0f0;
  }
  .jqx-grid-cell-filter {
    background-color: #e6e6e6;
  }
  .jqx-grid-cell-add-new-row {
    background-color: #fdfcf3;
    color: var(--color-black);
  }
  .jqx-grid-content {
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    white-space: nowrap;
    box-sizing: content-box !important;
    & > div {
      display: block;
    }
  }
  .jqx-grid-group-cell, .jqx-grid-empty-cell {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
  }
  .jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell {
    border-color: transparent;
  }
  .jqx-grid-cell-wrap {
    white-space: normal;
  }
  .jqx-tree-grid-indent {
    display: inline-block;
    height: calc(var(--spacing) * 2);
    width: 18px;
    overflow: hidden;
    vertical-align: top;
  }
  .jqx-tree-grid-title {
    overflow: hidden;
    vertical-align: bottom;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration-line: none;
  }
  .jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button {
    position: relative;
    margin-top: calc(var(--spacing) * 0);
    margin-right: calc(var(--spacing) * 0);
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: top;
  }
  .jqx-tree-grid-checkbox {
    float: none;
    margin-right: calc(var(--spacing) * 1.5);
    margin-left: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    cursor: pointer;
  }
  .jqx-tree-grid-icon {
    float: none;
    margin-right: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
  }
  .jqx-tree-grid-icon-rtl {
    margin-right: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 1);
  }
  .jqx-tree-grid-icon-size {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .jqx-tree-grid-checkbox-tick {
    height: 100%;
    width: 100%;
  }
  .jqx-tree-grid-expand-button {
    height: 18px;
    width: 18px;
    vertical-align: top;
  }
  .jqx-cell {
    margin: calc(var(--spacing) * 0);
    box-sizing: border-box;
    min-height: 23px;
    border-collapse: collapse;
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1.5);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    text-overflow: ellipsis;
    white-space: normal;
  }
  .jqx-grid-cell-nowrap {
    white-space: nowrap;
  }
  .jqx-cell-editor {
    padding-right: calc(var(--spacing) * 0.75);
    padding-left: calc(var(--spacing) * 1);
  }
  .jqx-left-align {
    text-align: left;
  }
  .jqx-center-align {
    text-align: center;
  }
  .jqx-right-align {
    text-align: right;
  }
  .jqx-top-align {
    vertical-align: top;
  }
  .jqx-bottom-align {
    vertical-align: bottom;
  }
  .jqx-grid-table .jqx-grid-cell {
    position: static;
  }
  .jqx-grid-table {
    margin: calc(var(--spacing) * 0);
    width: auto;
    table-layout: fixed;
    border-collapse: separate;
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    --tw-border-style: none;
    border-style: none;
    border-color: #aaa;
    padding: calc(var(--spacing) * 0);
    font-size: 13px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-outline-style: none;
    outline-style: none;
    empty-cells: show;
  }
  .jqx-grid-table-rtl {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .jqx-details table {
    table-layout: fixed;
    border-collapse: collapse;
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .jqx-grid-details-cell {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .jqx-grid-cell-alt {
    background-color: #f9f9f9;
  }
  .jqx-grid-cell-sort-alt {
    background-color: #e5e5e5;
  }
  .jqx-grid-cell-filter-alt {
    background-color: #f0f0f0;
  }
  .jqx-grid-cell-pinned {
    background-color: #e5e5e5;
  }
  .jqx-grid-cell-pinned-alt {
    background-color: #e5e5e5;
  }
  .jqx-grid-cell-selected {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-color: transparent;
  }
  .jqx-grid-cell-selected.jqx-grid-cell-edit {
    border-color: #dddddd;
    background-color: var(--color-white);
    color: #333;
  }
  .jqx-fill-state-focus.jqx-grid-cell-edit, .jqx-grid-cell-edit .jqx-fill-state-focus, .jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button, .jqx-grid-cell-edit .jqx-numberinput-focus, .jqx-grid-cell-edit .jqx-combobox-content-focus {
    border-color: #dddddd;
  }
  .jqx-cell-rtl {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .jqx-grid-cell-rtl {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .jqx-grid-table .jqx-grid-cell {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .jqx-grid-table-one-cell {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    --tw-border-style: none;
    border-style: none;
    --tw-border-style: solid;
    border-style: solid;
    border-color: #aaa;
  }
  .jqx-grid-table .jqx-grid-cell:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .jqx-grid-selectionarea {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    opacity: 50%;
    filter: alpha(opacity=50);
  }
  .jqx-grid-cell-hover {
    border-color: transparent;
  }
  .jqx-grid-empty-cell {
    overflow: visible;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .jqx-grid-group-expand, .jqx-grid-group-expand-rtl {
    cursor: pointer;
    background-image: url(../../public/assets/css/img/jqx/icon-down.png);
    background-position: center;
    background-repeat: no-repeat;
    padding-right: calc(var(--spacing) * 0);
    background-color: transparent !important;
  }
  .jqx-grid-group-cell .jqx-icon-arrow-down, .jqx-grid-group-cell.jqx-icon-arrow-down, div[role="gridcell"].jqx-grid-group-cell.jqx-icon-arrow-down {
    background-color: transparent !important;
  }
  .jqx-progressbar {
    position: relative;
    height: calc(var(--spacing) * 8);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-progressbar-value {
    height: 100%;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-progressbar-value-vertical {
    height: 100%;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-progressbar-text {
    --tw-border-style: none;
    border-style: none;
    font-size: 10px;
  }
  .jqx-progressbar-disabled {
    height: calc(var(--spacing) * 8);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-menu {
    float: none;
    margin: calc(var(--spacing) * 0);
    height: 100%;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    text-align: left;
  }
  .jqx-menu-dropdown-column {
    float: left;
  }
  .jqx-menu-horizontal {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    text-align: center;
  }
  .jqx-menu-vertical {
    text-align: left;
  }
  .jqx-menu-dropdown {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0);
    display: none;
    width: 150px;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    padding: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0.5);
    text-align: left;
  }
  .jqx-menu-dropdown ul {
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-menu ul {
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0.5);
  }
  .jqx-menu li, .jqx-menu-dropdown li {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .jqx-menu-item-top {
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin-inline: calc(var(--spacing) * 1);
    cursor: pointer;
    list-style-type: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1);
    text-indent: calc(var(--spacing) * 0);
  }
  .jqx-menu-item {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0.5);
    margin-inline: calc(var(--spacing) * 0.5);
    cursor: pointer;
    list-style-type: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1);
    text-align: left;
    text-indent: calc(var(--spacing) * 0);
  }
  .jqx-menu-item-hover {
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin: calc(var(--spacing) * 0.5);
    margin-inline: calc(var(--spacing) * 0.5);
    cursor: pointer;
    list-style-type: none;
    padding: calc(var(--spacing) * 1);
    text-align: left;
  }
  .jqx-menu-item-top-hover {
    top: calc(1/2 * 100%);
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin-inline: calc(var(--spacing) * 1);
    cursor: pointer;
    list-style-type: none;
    padding: calc(var(--spacing) * 1);
  }
  .jqx-menu-item-selected {
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin: calc(var(--spacing) * 0.5);
    margin-inline: calc(var(--spacing) * 0.5);
    cursor: pointer;
    list-style-type: none;
    padding: calc(var(--spacing) * 1);
    text-align: left;
  }
  .jqx-menu-item-top-selected {
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin: calc(var(--spacing) * 0);
    margin-inline: calc(var(--spacing) * 0.5);
    cursor: pointer;
    list-style-type: none;
    padding: calc(var(--spacing) * 1);
  }
  .jqx-menu-item-separator {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0.5);
    height: 1px;
    list-style-type: none;
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    background-color: #ddd;
    padding: calc(var(--spacing) * 0);
    text-indent: calc(var(--spacing) * 0);
    font-size: 1px;
    --tw-leading: 0;
    line-height: 0;
  }
  .jqx-menu-item-arrow-right {
    background-image: url(../../public/assets/css/img/jqx/icon-right.png);
  }
  .jqx-menu-item-arrow-up {
    background-image: url(../../public/assets/css/img/jqx/icon-up.png);
  }
  .jqx-menu-minimized {
    position: relative;
  }
  .jqx-menu-title {
    position: relative;
    float: right;
    margin-top: calc(var(--spacing) * 1);
    padding-top: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 5);
  }
  .jqx-menu-minimized-button {
    float: left;
    margin-top: calc(var(--spacing) * 1);
    margin-left: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    background-image: url(../../public/assets/css/img/jqx/icon-menu-minimized.png);
    background-position: left;
    background-repeat: no-repeat;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-menu-ul-minimized {
    display: block;
    width: auto;
  }
  .jqx-menu-ul-minimized ul {
    margin-block: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
    --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);
  }
  .jqx-menu-minimized li:last-child {
    margin: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
  }
  .jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right {
    margin-right: calc(var(--spacing) * -2);
    height: 15px;
    width: 17px;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: calc(var(--spacing) * 0);
  }
  .jqx-menu-item-arrow-left {
    height: 15px;
    width: 17px;
    background-image: url(../../public/assets/css/img/jqx/icon-left.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-right: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 1);
  }
  .jqx-menu-item-arrow-right-selected {
    background-image: url(../../public/assets/css/img/jqx/icon-right.png);
  }
  .jqx-menu-item-arrow-down-selected {
    background-image: url(../../public/assets/css/img/jqx/icon-down.png);
  }
  .jqx-menu-item-arrow-up-selected {
    background-image: url(../../public/assets/css/img/jqx/icon-up.png);
  }
  .jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right {
    margin-right: calc(var(--spacing) * -2);
    height: 15px;
    width: 17px;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: calc(var(--spacing) * 0);
  }
  .jqx-menu-item-arrow-top-right {
    background-image: url(../../public/assets/css/img/jqx/icon-right.png);
  }
  .jqx-menu-item-arrow-left-selected {
    background-image: url(../../public/assets/css/img/jqx/icon-left.png);
  }
  .jqx-menu-item-arrow-top-left {
    background-image: url(../../public/assets/css/img/jqx/icon-left.png);
  }
  .jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left {
    height: 15px;
    width: 17px;
    background-position: left;
    background-repeat: no-repeat;
    padding-right: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 1);
  }
  .jqx-menu-item a:link, .jqx-menu-item a:visited, .jqx-menu-item a:hover, .jqx-menu-item-top a:link, .jqx-menu-item-top a:visited, .jqx-menu-item-top a:hover {
    background-color: transparent;
    text-decoration-line: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-menu-disabled {
    cursor: default;
  }
  .jqx-menu-disabled a:link {
    cursor: default;
    text-decoration-line: none;
  }
  .jqx-menu-disabled a:visited {
    cursor: default;
    text-decoration-line: none;
  }
  .jqx-menu-disabled a:hover {
    cursor: default;
  }
  .jqx-menu-dropdown {
    right: -1px;
  }
  .jqx-tree {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    --tw-leading: 14px;
    line-height: 14px;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tree-dropdown-root {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0);
    display: block;
    border-style: var(--tw-border-style);
    border-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: #fff;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tree-dropdown-root-rtl {
    float: right;
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
    text-align: right;
  }
  .jqx-tree-dropdown {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0);
    display: block;
    border-style: var(--tw-border-style);
    border-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tree-dropdown-rtl {
    padding: calc(var(--spacing) * 0);
    text-align: right;
  }
  .jqx-tree-item {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0);
    cursor: default;
    list-style-type: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0.5);
    text-align: left;
    text-indent: calc(var(--spacing) * 0);
    text-decoration-line: none;
  }
  .jqx-tree-item-li {
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin: calc(var(--spacing) * 0);
    margin-top: 1px;
    list-style-type: none;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    text-indent: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tree-item-u-last {
    margin: calc(var(--spacing) * 0);
  }
  .jqx-tree-item-hover {
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    list-style-type: none;
    padding: calc(var(--spacing) * 0.5);
    text-decoration-line: none;
  }
  .jqx-tree-item-selected {
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    list-style-type: none;
    padding: calc(var(--spacing) * 0.5);
    text-decoration-line: none;
  }
  .jqx-tree-item-rtl {
    text-align: right;
  }
  .jqx-tree-item-li-rtl {
    text-align: right;
  }
  .jqx-tree-item a:link, .jqx-tree-item a:visited {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    list-style-type: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    text-indent: calc(var(--spacing) * 0);
    text-decoration-line: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover {
    height: 17px;
    width: 17px;
    cursor: pointer;
    background-image: url(../../public/assets/css/img/jqx/icon-right.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: calc(var(--spacing) * 0);
  }
  .jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl {
    background-image: url(../../public/assets/css/img/jqx/icon-left.png);
  }
  .jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover {
    height: 17px;
    width: 17px;
    cursor: pointer;
    background-image: url(../../public/assets/css/img/jqx/icon-down.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: calc(var(--spacing) * 0);
  }
  .jqx-tree-disabled {
    cursor: default;
  }
  .jqx-tree-disabled a:link {
    cursor: default;
    text-decoration-line: none;
  }
  .jqx-tree-disabled a:visited {
    cursor: default;
    text-decoration-line: none;
  }
  .jqx-tree-disabled a:hover {
    cursor: default;
  }
  .jqx-tabs {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-close-button, .jqx-tabs-close-button-selected, .jqx-tabs-close-button-hover {
    background-position: center;
    background-repeat: no-repeat;
  }
  .jqx-tabs-arrow-left {
    position: relative;
    z-index: 15;
    float: left;
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    background-image: url(../../public/assets/css/img/jqx/icon-left.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-arrow-right {
    position: relative;
    z-index: 15;
    float: left;
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    background-image: url(../../public/assets/css/img/jqx/icon-right.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-arrow-background {
    background-color: #eeeeee;
  }
  .jqx-tabs-title {
    position: relative;
    right: calc(var(--spacing) * 0);
    left: 100%;
    z-index: 10;
    margin-inline: calc(var(--spacing) * 0);
    margin-right: calc(var(--spacing) * 0.5);
    display: block;
    height: auto;
    cursor: pointer;
    list-style-type: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding-top: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 3);
    text-indent: calc(var(--spacing) * 0);
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-title a:link {
    text-decoration-line: none;
  }
  .jqx-tabs-title a:hover {
    text-decoration-line: none;
  }
  .jqx-tabs-title a:active {
    text-decoration-line: none;
  }
  .jqx-tabs-title a:visited {
    text-decoration-line: none;
  }
  .jqx-tabs-title-selected-top {
    z-index: 99;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: transparent;
    background-color: var(--color-white);
    padding-bottom: calc(var(--spacing) * 1.5);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-title-selected-bottom {
    margin-top: calc(var(--spacing) * -0.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: transparent;
    background-color: var(--color-white);
    padding-top: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 1);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-title-hover-top {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-bottom: calc(var(--spacing) * 1);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-title-hover-bottom {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-top: calc(var(--spacing) * 1);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-header {
    margin: calc(var(--spacing) * 0);
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-color: #aaa;
    background-color: #eeeeee;
    padding-top: calc(var(--spacing) * 0.5);
    padding-right: calc(var(--spacing) * 0);
    padding-bottom: 1px;
    padding-left: calc(var(--spacing) * 0);
  }
  .jqx-tabs-header-bottom {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    padding-top: 1px;
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .jqx-tabs-header-collapsed {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #aaa;
  }
  .jqx-tabs-header-collapsed-bottom {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #aaa;
  }
  .jqx-tabs-collapsed {
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: transparent;
  }
  .jqx-tabs-collapsed-bottom {
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: transparent;
  }
  .jqx-tabs-selection-tracker-container {
    position: relative;
    margin: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    width: 100%;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    text-indent: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-selection-tracker-top {
    position: absolute;
    z-index: 10;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: transparent;
    background-color: var(--color-white);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-selection-tracker-bottom {
    position: absolute;
    z-index: 10;
    margin-top: -1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: transparent;
    background-color: var(--color-white);
    padding-bottom: calc(var(--spacing) * 0.5);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-content {
    clear: both;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    text-align: left;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-content-element {
    height: 100%;
    overflow: auto;
  }
  .jqx-checkbox {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-checkbox-default {
    position: relative;
    margin-inline: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    cursor: pointer;
    appearance: none;
    overflow: hidden;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    padding: calc(var(--spacing) * 0);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-outline-style: none;
    outline-style: none;
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-800);
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-900);
    }
  }
  .jqx-grid-cell-selected {
    & .jqx-checkbox-default {
      border-color: var(--color-primary);
      --tw-shadow-color: color-mix(in srgb, #2f8efe 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary-500) 50%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
  .jqx-checkbox-hover {
    float: left;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-checkbox-disabled {
    cursor: default;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-checkbox-disabled-box {
    float: left;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-checkbox-check-checked {
    position: relative;
    float: left;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    &::after {
      content: var(--jqx-icon-check);
      position: absolute;
      top: 2.5px;
      left: 2px;
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      font-size: .6rem;
      color: var(--color-white);
    }
  }
  .jqx-checkbox-check-disabled {
    float: left;
    margin: calc(var(--spacing) * 0);
    border-radius: 0.25rem;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
    background-image: url(../../public/assets/css/img/jqx/check_disabled.png);
    background-position: center center;
    background-repeat: no-repeat;
  }
  .jqx-checkbox-check-indeterminate {
    float: left;
    margin: calc(var(--spacing) * 0);
    border-radius: 0.25rem;
    --tw-border-style: none;
    border-style: none;
    background-color: var(--color-primary);
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    background-position: center center;
    background-repeat: no-repeat;
  }
  .jqx-checkbox-check-indeterminate-disabled {
    float: left;
    margin: calc(var(--spacing) * 0);
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
    background-image: url(../../public/assets/css/img/jqx/check_indeterminate_disabled.png);
    background-position: center center;
    background-repeat: no-repeat;
  }
  .jqx-checkbox-label, .jqx-radiobutton-label {
    cursor: pointer;
  }
  .jqx-checkbox-group .jqx-checkbox-group-item, .jqx-radiobutton-group .jqx-radiobutton-group-item {
    padding-block: calc(var(--spacing) * 1);
  }
  .jqx-checkbox-group .jqx-container[layout="horizontal"], .jqx-radiobutton-group .jqx-container[layout="horizontal"] {
    display: flex;
  }
  .jqx-checkbox-group .jqx-container[layout="horizontal"] .jqx-checkbox-group-item, .jqx-radiobutton-group .jqx-container[layout="horizontal"] .jqx-radiobutton-group-item {
    padding-inline: calc(var(--spacing) * 1);
  }
  .jqx-checkbox-group .jqx-container[label-position="before"] .jqx-checkbox-group-item, .jqx-radiobutton-group .jqx-container[label-position="before"] .jqx-radiobutton-group-item {
    display: flex;
    flex-direction: row;
  }
  .jqx-checkbox-group.jqx-fill-state-disabled label, .jqx-radiobutton-group.jqx-fill-state-disabled label, .jqx-checkbox-group-item.jqx-fill-state-disabled label, .jqx-radiobutton-group-item.jqx-fill-state-disabled label {
    cursor: default;
  }
  .jqx-checkbox-rtl {
    float: right;
  }
  .jqx-radiobutton {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-radiobutton-default {
    float: left;
    margin-inline: calc(var(--spacing) * 0.5);
    margin-top: 1px;
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
    background-image: url(../../public/assets/css/img/jqx/roundbg_classic_normal.png);
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position: left center;
  }
  .jqx-radiobutton-hover {
    float: left;
    margin-inline: calc(var(--spacing) * 0.5);
    margin-top: 1px;
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-radiobutton-disabled {
    cursor: default;
  }
  .jqx-radiobutton-check-checked {
    float: left;
    margin: calc(var(--spacing) * 0);
    margin-top: calc(var(--spacing) * 0.5);
    margin-left: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
    background-image: url(../../public/assets/css/img/jqx/roundbg_check_black.png);
    background-repeat: no-repeat;
    background-position: left top;
  }
  .jqx-radiobutton-check-indeterminate {
    float: left;
    margin: calc(var(--spacing) * 0);
    margin-top: calc(var(--spacing) * 0.5);
    margin-left: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
    background-image: url(../../public/assets/css/img/jqx/roundbg_check_indeterminate.png);
    background-repeat: no-repeat;
    background-position: left top;
  }
  .jqx-radiobutton-rtl {
    float: right;
  }
  .jqx-rating {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-rating-image {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .jqx-rating-image-default {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
    background-image: url(../../public/assets/css/img/jqx/star.png);
    background-repeat: no-repeat;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-rating-image-hover {
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
    background-image: url(../../public/assets/css/img/jqx/star_hover.png);
    background-repeat: no-repeat;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-rating-image-backward {
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
    background-image: url(../../public/assets/css/img/jqx/star_disabled.png);
    background-repeat: no-repeat;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-calendar {
    margin: calc(var(--spacing) * 0);
    border-collapse: separate;
    cursor: default;
    appearance: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-calendar > div {
    box-sizing: border-box;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-calendar-light > div {
    padding: calc(var(--spacing) * 2);
  }
  .jqx-calendar td {
    height: auto;
    border-collapse: separate;
    --tw-border-spacing-x: 1px;
    --tw-border-spacing-y: 1px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    font-size: 13px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .jqx-calendar table {
    margin: calc(var(--spacing) * 0);
    border-collapse: separate;
    --tw-border-spacing-x: 1px;
    --tw-border-spacing-y: 1px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    padding: calc(var(--spacing) * 0);
    font-size: 13px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .jqx-calendar-row-header {
    margin: calc(var(--spacing) * 0);
    cursor: default;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: #f2f2f2;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-calendar-column-header {
    margin: calc(var(--spacing) * 0);
    cursor: default;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    padding: calc(var(--spacing) * 1);
    text-align: right;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-calendar-top-left-header {
    margin: calc(var(--spacing) * 0);
    cursor: default;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: #f2f2f2;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-calendar-title-navigation {
    margin: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    cursor: pointer;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-calendar-month {
    margin: calc(var(--spacing) * 0);
    width: 100%;
    --tw-border-style: none;
    border-style: none;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-calendar-title-content {
    cursor: pointer;
    text-align: center;
  }
  .jqx-calendar-title-header {
    margin: calc(var(--spacing) * 0);
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-calendar-title-header td {
    --tw-border-style: none;
    border-style: none;
    padding-right: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 0);
  }
  .jqx-calendar-title-header-disabled {
    margin: calc(var(--spacing) * 0);
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
  }
  .jqx-calendar-cell {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding: 1px;
    text-align: center;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-calendar-cell td {
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
  }
  .jqx-calendar-cell-decade, .jqx-calendar-cell-year {
    text-align: center;
  }
  .jqx-calendar .jqx-fill-state-normal {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
  }
  .jqx-calendar-cell-hidden {
    visibility: hidden;
    margin: calc(var(--spacing) * 0);
    cursor: default;
  }
  .jqx-calendar-cell-weekend {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    color: #898989;
  }
  .jqx-calendar-cell-specialDate {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    background-color: transparent;
    color: #ff0000;
  }
  .jqx-calendar-cell-restrictedDate {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    background-color: rgba(251,132,153,1);
  }
  .jqx-calendar-cell-selected-invalid {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ff0000;
    background-color: #ff0000;
    color: var(--color-white);
  }
  .jqx-calendar-cell-today {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #fdc066;
    background-color: #ffffdb;
    color: #898989;
  }
  .jqx-calendar-cell-hover {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
  }
  .jqx-calendar-cell-selected {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
  }
  .jqx-calendar-cell-othermonth {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    color: #898989;
  }
  .jqx-calendar-cell-disabled {
    color: #ccc;
  }
  .jqx-calendar-row-cell {
    margin: calc(var(--spacing) * 0);
    cursor: default;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    text-align: center;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-calendar-footer {
    margin: calc(var(--spacing) * 1);
    font-size: 13px;
  }
  .jqx-calendar-title-container {
    overflow: hidden;
  }
  .jqx-calendar-column-cell {
    margin: calc(var(--spacing) * 0);
    cursor: default;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: 1px;
    text-align: center;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-calendar-view {
    margin: calc(var(--spacing) * 0);
    cursor: default;
    appearance: none;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: var(--color-white);
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-expander-header, .jqx-expander-content {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    padding-top: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 1);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-expander-header-content {
    padding-left: calc(var(--spacing) * 0.75);
  }
  .jqx-expander-header-content-rtl {
    padding-right: calc(var(--spacing) * 0.75);
  }
  .jqx-expander-content {
    overflow: auto;
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-expander-header, .jqx-expander-content-top {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-expander-header, .jqx-expander-content-bottom {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-expander-header {
    cursor: pointer;
    overflow: hidden;
  }
  .jqx-expander-header-disabled {
    cursor: default;
  }
  .jqx-expander-arrow {
    position: relative;
    height: 17px;
    width: 17px;
  }
  .jqx-expander-content-empty {
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-navigationbar {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    --tw-border-style: none;
    border-style: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-panel {
    margin: calc(var(--spacing) * 0);
    cursor: default;
    appearance: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-dropdownbutton-popup {
    appearance: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-listbox {
    margin: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 100) !important;
    cursor: default;
    appearance: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-listitem-state-group {
    cursor: default;
    overflow: hidden;
    background-color: transparent;
    padding: calc(var(--spacing) * 1);
    text-align: left;
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-listitem-state-normal {
    visibility: visible;
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: block;
    cursor: default;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0.75);
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 1);
    text-align: left;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-listitem-state-hover {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0.75);
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 1);
    white-space: nowrap;
  }
  .jqx-listitem-state-selected {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0.75);
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 1);
    white-space: nowrap;
  }
  .jqx-listbox-feedback {
    height: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-black);
  }
  .jqx-listitem-element {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    touch-action: none;
    --tw-border-style: none;
    border-style: none;
    text-align: left;
    vertical-align: top;
  }
  .jqx-combobox-content {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    overflow: hidden;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    --tw-border-style: none;
    border-style: none;
    border-color: transparent;
    background-clip: padding-box;
    padding: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 0);
    padding-right: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 0);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-combobox-content-rtl {
    border-top-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: transparent;
    background-clip: padding-box;
    padding-right: calc(var(--spacing) * 0.75);
    padding-left: calc(var(--spacing) * 0);
  }
  .jqx-combobox-input {
    appearance: none;
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: #aaa;
    background-clip: padding-box;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-combobox-input::-ms-clear {
    display: none;
  }
  .jqx-combobox-content-disabled {
    color: #aaa;
  }
  .jqx-combobox-arrow-normal, .jqx-action-button {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    appearance: none;
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    overflow: hidden;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-combobox-state-normal {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-combobox-state-hover {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .jqx-combobox-state-selected {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .jqx-combobox-state-focus {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .jqx-combobox-multi-item {
    margin: calc(var(--spacing) * 0.5);
    overflow: hidden;
    --tw-border-style: solid;
    border-style: solid;
    padding: 1px 3px;
    text-align: left;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
  }
  .jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited {
    display: block;
    cursor: pointer;
    text-decoration-line: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-combobox-state-disabled {
    margin: calc(var(--spacing) * 0);
    white-space: nowrap;
    color: #aaa;
  }
  .jqx-select {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    overflow: hidden;
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 0.75);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-select-content {
    cursor: pointer;
    text-overflow: ellipsis;
  }
  .jqx-select-container {
    padding: calc(var(--spacing) * 0);
  }
  .jqx-select-item {
    margin: 1px;
    cursor: default;
    padding: calc(var(--spacing) * 0.75);
    white-space: normal;
  }
  .jqx-dropdownlist-content {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    padding: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 1);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-dropdownlist-content-rtl {
    padding-right: calc(var(--spacing) * 0.75);
    padding-left: calc(var(--spacing) * 0);
  }
  .jqx-dropdownlist .jqx-icon-arrow-down {
    width: calc(var(--spacing) * 3.25);
  }
  .jqx-dropdownlist .jqx-icon-arrow-up {
    width: calc(var(--spacing) * 3.25);
  }
  .jqx-combobox .jqx-icon-arrow-down {
    width: calc(var(--spacing) * 3.25);
  }
  .jqx-combobox .jqx-icon-arrow-up {
    width: calc(var(--spacing) * 3.25);
  }
  .jqx-dropdownlist-state-normal {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    appearance: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-dropdownlist-state-hover {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .jqx-dropdownlist-state-selected {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
  }
  .jqx-dropdownlist-state-focus {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #909090;
  }
  .jqx-scrollbar {
    margin: calc(var(--spacing) * 0);
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-scrollbar-state-normal {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: #efefef;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-scrollbar-button-state-normal {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-scrollbar-button-state-hover {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-scrollbar-button-state-pressed {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-scrollbar-thumb-state-normal-horizontal {
    margin: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 1.5) !important;
    touch-action: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-100) !important;
    border-color: transparent;
    background-color: var(--color-slate-300) !important;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    &:hover {
      @media (hover: hover) {
        height: calc(var(--spacing) * 2) !important;
      }
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-900) !important;
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-700) !important;
    }
  }
  .jqx-scrollbar-thumb-state-hover-horizontal {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-scrollbar-thumb-state-pressed-horizontal {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-scrollbar-thumb-state-normal {
    margin: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 1.5) !important;
    touch-action: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-100) !important;
    border-color: transparent;
    background-color: var(--color-slate-300) !important;
    padding: calc(var(--spacing) * 0);
    &:hover {
      @media (hover: hover) {
        width: calc(var(--spacing) * 2) !important;
      }
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      border-color: var(--color-slate-900) !important;
    }
    &:where([data-mode=dark], [data-mode=dark] *) {
      background-color: var(--color-slate-700) !important;
    }
  }
  .jqx-scrollbar-thumb-state-hover {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-scrollbar-thumb-state-pressed {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #909090;
    background-color: #d1d1d1;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-window {
    position: absolute;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .jqx-window-header {
    height: auto;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1.75);
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-window-content {
    overflow: auto;
    background-color: transparent;
    background-clip: padding-box;
    padding: calc(var(--spacing) * 1);
    text-align: left;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-window-content-disabled {
    overflow: auto;
    padding: calc(var(--spacing) * 1);
    text-align: left;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-window-close-button {
    margin-top: calc(var(--spacing) * 0.5);
    cursor: pointer;
    background-image: url(../../public/assets/css/img/jqx/close.png);
    background-repeat: no-repeat;
  }
  .jqx-window-collapse-button {
    margin-top: calc(var(--spacing) * 0.75);
    cursor: pointer;
    background-image: url(../../public/assets/css/img/jqx/icon-up.png);
  }
  .jqx-window-collapse-button-collapsed {
    margin-top: calc(var(--spacing) * 0.75);
    cursor: pointer;
    background-image: url(../../public/assets/css/img/jqx/icon-down.png);
  }
  .jqx-window-modal {
    background-color: var(--color-black);
  }
  .jqx-docking {
    overflow: hidden;
  }
  .jqx-docking-panel {
    margin: calc(var(--spacing) * 0);
    min-height: 100px;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-docking-drop-indicator {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .jqx-docking-window {
    margin: calc(var(--spacing) * 0);
  }
  .jqx-slider {
    position: relative;
    clear: both;
    overflow: hidden;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-slider-tick {
    z-index: 10;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: transparent;
  }
  .jqx-slider-tick-horizontal {
    margin-top: 1px;
    width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .jqx-slider-tick-vertical {
    height: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .jqx-slider-tickscontainer {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 0);
  }
  .jqx-slider-slider {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 15;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
  }
  .jqx-slider-button {
    box-sizing: content-box;
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    padding: calc(var(--spacing) * 0.75);
  }
  .jqx-slider-slider-horizontal {
    margin-top: calc(var(--spacing) * -2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .jqx-slider-slider-vertical {
    margin-left: calc(var(--spacing) * -2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .jqx-slider-track {
    position: relative;
    z-index: 20;
    float: left;
    height: calc(var(--spacing) * 1);
    cursor: pointer;
  }
  .jqx-slider-track-horizontal {
    margin-top: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 1);
  }
  .jqx-slider-track-vertical {
    width: calc(var(--spacing) * 1);
  }
  .jqx-splitter {
    position: relative;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .jqx-splitter-splitbar-vertical {
    position: absolute;
    cursor: col-resize;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    border-color: transparent;
  }
  .jqx-splitter-splitbar-hover {
    background-color: transparent;
  }
  .jqx-splitter-splitbar-horizontal {
    position: absolute;
    cursor: row-resize;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-color: transparent;
  }
  .jqx-splitter-splitbar-invalid {
    background-color: #ff0000;
  }
  .jqx-splitter-collapse-button-horizontal {
    height: calc(var(--spacing) * 1);
    width: calc(var(--spacing) * 11);
    cursor: pointer;
  }
  .jqx-splitter-collapse-button-vertical {
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 1);
    cursor: pointer;
  }
  .jqx-splitter-splitbar-collapsed {
    cursor: default;
  }
  .jqx-splitter-panel {
    position: absolute;
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-splitter-nested, .jqx-splitter-panel-nested {
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
  }
  .jqx-draggable-dragging {
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: var(--color-black);
  }
  .jqx-draggable-disabled {
    cursor: default;
  }
  .jqx-validator-hint {
    z-index: 99999;
    display: inline-block;
    height: 18px;
    width: auto;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #6e0000;
    background-color: #942724;
    padding-right: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 1);
    font-size: 13px;
    white-space: nowrap;
    color: var(--color-white);
  }
  .jqx-validator-hint-arrow {
    z-index: 99999;
    margin: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 2.25);
    width: calc(var(--spacing) * 2.25);
    background-color: transparent;
    background-image: url(../../public/assets/css/img/jqx/multi-arrow.gif);
    padding: calc(var(--spacing) * 0);
  }
  .jqx-validator-error-label {
    display: block;
    cursor: default;
    text-align: left;
    vertical-align: top;
    --tw-leading: 17px;
    line-height: 17px;
    color: #dd4b39;
  }
  .jqx-validator-error-element {
    border-color: #dd4b39;
  }
  .jqx-switchbutton {
    overflow: hidden;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ccc;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-switchbutton[aria-disabled="true"] {
    pointer-events: none;
    opacity: 50%;
  }
  .jqx-switchbutton-thumb {
    display: inline-block;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ccc;
  }
  .jqx-switchbutton-label {
    text-align: center;
    font-size: 15px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
  }
  .jqx-left-arrow {
    cursor: pointer;
    background-color: transparent;
    background-image: url(../../public/assets/css/img/jqx/icon-left.png);
  }
  .jqx-right-arrow {
    cursor: pointer;
    background-color: transparent;
    background-image: url(../../public/assets/css/img/jqx/icon-right.png);
  }
  .jqx-icon-delete {
    background-image: url(../../public/assets/css/img/jqx/icon-delete.png);
    background-position: center;
    background-repeat: no-repeat;
  }
  .jqx-icon-edit {
    background-image: url(../../public/assets/css/img/jqx/icon-edit.png);
    background-position: center;
    background-repeat: no-repeat;
  }
  .jqx-icon-save {
    background-image: url(../../public/assets/css/img/jqx/icon-save.png);
    background-position: center;
    background-repeat: no-repeat;
  }
  .jqx-icon-cancel {
    background-image: url(../../public/assets/css/img/jqx/icon-cancel.png);
    background-position: center;
    background-repeat: no-repeat;
  }
  .jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected {
    display: flex;
    align-items: center;
    justify-content: center;
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-up);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected {
    display: flex;
    align-items: center;
    justify-content: center;
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-down);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected {
    display: flex;
    align-items: center;
    justify-content: center;
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-left);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected {
    display: flex;
    align-items: center;
    justify-content: center;
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-right);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-first);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-last);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-up-hover {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-up);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-down-hover {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-down);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-left-hover {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-left);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-right-hover {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-right);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-up-selected {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-down);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-down-selected {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-up);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-left-selected {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-left);
      content: var(--tw-content);
    }
  }
  .jqx-icon-arrow-right-selected {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-arrow-right);
      content: var(--tw-content);
    }
  }
  .jqx-icon-close {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-close);
      content: var(--tw-content);
    }
  }
  .jqx-icon-close-white {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-close-white);
      content: var(--tw-content);
    }
  }
  .jqx-icon-close-hover {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-close-hover);
      content: var(--tw-content);
    }
  }
  .jqx-icon-search {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-search);
      content: var(--tw-content);
    }
  }
  .jqx-icon-plus {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-plus);
      content: var(--tw-content);
    }
  }
  .jqx-icon-plus-alt, .jqx-icon-plus-alt-white {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-plus-alt);
      content: var(--tw-content);
    }
  }
  .jqx-icon-plus-alt-white {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-plus-alt-white);
      content: var(--tw-content);
    }
  }
  .jqx-scrollview-button {
    margin: calc(var(--spacing) * 0.5);
    display: inline-block;
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    background-color: #aaaeaf;
  }
  .jqx-scrollview {
    touch-action: auto;
    background-color: var(--color-black);
  }
  .jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed {
    &::after {
      font-family: uicons-regular-rounded !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      vertical-align: text-top;
      --tw-content: var(--jqx-icon-calendar);
      content: var(--tw-content);
    }
  }
  .jqx-input-widget {
    box-sizing: border-box;
  }
  .jqx-input {
    overflow: hidden;
    border-color: #c7c7c7;
  }
  .jqx-input-invalid {
    color: var(--color-red-600);
  }
  .jqx-input-group {
    overflow: hidden;
  }
  .jqx-input-group-addon {
    position: relative;
    float: left;
    box-sizing: border-box;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0.5);
    vertical-align: middle;
    white-space: nowrap;
  }
  .jqx-input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .jqx-input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .jqx-input-group-addon:not(:last-child):not(:first-child) {
    border-radius: 0;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .jqx-input-group .jqx-input {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    padding: calc(var(--spacing) * 0.5);
  }
  .jqx-formatted-input, .jqx-complex-input {
    padding-right: calc(var(--spacing) * 0.5);
    text-align: right;
  }
  .jqx-formatted-input-lower-case, .jqx-complex-input {
    text-transform: lowercase;
  }
  .jqx-formatted-input-upper-case {
    text-transform: uppercase;
  }
  .jqx-formatted-input-item {
    overflow-wrap: break-word;
  }
  .jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon {
    height: 100%;
  }
  .jqx-formatted-input-spin-buttons-container {
    width: 18px;
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-formatted-input-spin-buttons-container-rtl {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-formatted-input-spin-buttons-container-rtl-border {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .jqx-formatted-input-spin-button {
    position: relative;
    margin-left: -1px;
    height: calc(1/2 * 100%);
    width: 17px;
    cursor: pointer;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-formatted-input-addon {
    width: 19px;
    cursor: pointer;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-formatted-input-addon-rtl {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .jqx-complex-input-parent {
    overflow: hidden;
  }
  .jqx-complex-input-child {
    float: left;
    box-sizing: border-box;
    height: 100%;
  }
  .jqx-complex-input-child-rtl {
    float: right;
  }
  .jqx-complex-input-spin-buttons-container-ltr {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .jqx-complex-input-spin-buttons-container-rtl {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .jqx-file-upload {
    position: relative;
    overflow: auto;
  }
  .jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
    box-sizing: border-box;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element {
    display: none;
  }
  .jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon {
    width: 100%;
  }
  .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element {
    height: 100%;
  }
  .jqx-file-input-iframe, .jqx-file-upload-form-ie9 {
    position: absolute;
  }
  .jqx-file-input-iframe {
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
    --tw-border-style: none;
    border-style: none;
  }
  .jqx-file-upload-form, .jqx-file-upload-file-input {
    visibility: hidden;
    display: none;
  }
  .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 {
    visibility: visible;
    display: block;
  }
  .jqx-file-upload-form-ie9 {
    z-index: 10000;
    opacity: 0%;
    filter: alpha(opacity=0);
  }
  .jqx-file-upload-file-name {
    width: auto;
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element {
    float: right;
  }
  .jqx-file-upload, .jqx-file-upload-file-row {
    padding: calc(var(--spacing) * 1);
  }
  .jqx-file-upload-button-browse {
    display: block;
  }
  .jqx-file-upload-buttons-container {
    margin-top: calc(var(--spacing) * 2.5);
    height: auto;
  }
  .jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl {
    margin-left: calc(var(--spacing) * 1);
  }
  .jqx-file-upload-button-upload-rtl-ie {
    margin-right: calc(var(--spacing) * 1);
  }
  .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie {
    margin-left: calc(var(--spacing) * 0);
  }
  .jqx-file-upload-file-row {
    clear: both;
    margin-bottom: calc(var(--spacing) * 0.75);
    height: calc(var(--spacing) * 7);
  }
  .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element {
    margin-inline: 1px;
    width: 17px;
  }
  .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl {
    float: none;
  }
  .jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
    cursor: pointer;
    white-space: nowrap;
  }
  .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
    display: inline-block;
  }
  .jqx-file-upload-icon-upload, .jqx-file-upload-loading-element {
    margin-top: 1px;
  }
  .jqx-date-time-input-popup .jqx-icon {
    margin-top: calc(var(--spacing) * 0);
  }
  .jqx-text-area-element {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    margin: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    resize: none;
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-responsive-panel {
    overflow: auto;
  }
  .jqx-responsive-panel {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .jqx-responsive-panel-button {
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-responsive-panel-button {
    display: none;
    cursor: pointer;
  }
  .jqx-responsive-panel-button-inner {
    margin: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    background-position: center;
  }
  .jqx-loader {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 999;
    margin: auto;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    background-color: rgba(255,255,255,0.5);
  }
  .jqx-loader-ie-transparency {
    background-color: transparent;
  }
  .jqx-loader-modal {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 99;
    height: 100%;
    width: 100%;
    cursor: default;
    background-color: var(--color-black);
    opacity: 60%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  .jqx-loader-text {
    position: relative;
    z-index: 999;
  }
  .jqx-loader-text-left {
    position: absolute;
    top: calc(1/2 * 100%);
    margin-left: calc(var(--spacing) * 1.25);
  }
  .jqx-loader-text-right {
    position: absolute;
    top: calc(1/2 * 100%);
    right: calc(var(--spacing) * 0);
    margin-right: calc(var(--spacing) * 1.25);
  }
  .jqx-loader-text-top {
    margin-top: calc(var(--spacing) * 1.25);
    text-align: center;
  }
  .jqx-loader-text-bottom {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    margin: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 1.25);
    width: 100%;
    text-align: center;
  }
  .jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content {
    position: relative;
  }
  .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay {
    position: absolute;
  }
  .jqx-layout {
    background-color: var(--color-slate-200);
  }
  .jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay {
    height: 100%;
    width: 100%;
  }
  .jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal {
    float: left;
  }
  .jqx-layout-group-tabbed {
    position: static;
    box-sizing: border-box;
    min-height: calc(var(--spacing) * 0);
  }
  .jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content {
    padding: calc(var(--spacing) * 0);
  }
  .jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section {
    --tw-border-style: none;
    border-style: none;
  }
  .jqx-layout-window {
    position: static;
  }
  .jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal {
    overflow: auto;
  }
  .jqx-layout-group-auto-hide-content-vertical {
    width: 150px;
  }
  .jqx-layout-group-auto-hide-content-horizontal {
    height: 150px;
    width: 100%;
  }
  .jqx-layout-pseudo-window {
    box-sizing: border-box;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    --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);
  }
  .jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content {
    box-sizing: border-box;
    width: 100%;
  }
  .jqx-layout-pseudo-window-header {
    height: calc(var(--spacing) * 7);
  }
  .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background {
    top: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .jqx-layout-pseudo-window-pin-background-ltr {
    right: calc(var(--spacing) * 3.75);
  }
  .jqx-layout-pseudo-window-close-background-ltr {
    right: calc(var(--spacing) * 0);
  }
  .jqx-layout-pseudo-window-pin-background-rtl {
    left: calc(var(--spacing) * 3.75);
  }
  .jqx-layout-pseudo-window-close-background-rtl {
    left: calc(var(--spacing) * 0);
  }
  .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon {
    cursor: pointer;
  }
  .jqx-layout-pseudo-window-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .jqx-layout-pseudo-window-pin-icon {
    background-image: url(../../public/assets/css/images/pin.png);
  }
  .jqx-layout-pseudo-window-pinned-icon {
    background-image: url(../../public/assets/css/images/pinned.png);
  }
  .jqx-layout-pseudo-window-title-rtl {
    float: right;
  }
  .jqx-layout-resize-feedback {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 9999;
    box-sizing: border-box;
    display: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    opacity: 60%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .jqx-layout-resize-feedback-horizontal {
    height: calc(var(--spacing) * 1);
    width: 100%;
    cursor: row-resize;
  }
  .jqx-layout-resize-feedback-vertical {
    height: 100%;
    width: calc(var(--spacing) * 1);
    cursor: col-resize;
  }
  .jqx-layout-resize-feedback-warning {
    border-color: #800000;
    background-color: var(--color-red-600);
  }
  .jqx-layout-overlay {
    pointer-events: none;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 8999;
    display: none;
    background-color: transparent;
  }
  .jqx-layout-ribbon-header-ltr {
    padding-left: calc(var(--spacing) * 5);
  }
  .jqx-layout-ribbon-header-rtl {
    padding-right: calc(var(--spacing) * 5);
  }
  .jqx-docking-layout-group-floating {
    border-color: #ffd280;
  }
  .jqx-docking-layout-group-floating .jqx-window-header {
    border-color: #ffd280;
    background-color: #ffd280;
    background: -webkit-linear-gradient(#ffe4b5, #ffd280);
    background: -o-linear-gradient(#ffe4b5, #ffd280);
    background: -moz-linear-gradient(#ffe4b5, #ffd280);
    background: linear-gradient(#ffe4b5, #ffd280);
  }
  .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge {
    z-index: 99999;
    opacity: 90%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  .jqx-docking-layout-overlay-square-edge {
    display: none;
  }
  .jqx-docking-layout-overlay {
    top: 70px;
    left: 100px;
    height: 100px;
    width: 100px;
  }
  .jqx-docking-layout-overlay-section {
    height: calc(var(--spacing) * 8);
    width: 100px;
  }
  .jqx-docking-layout-overlay-square {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    padding: calc(var(--spacing) * 0.75);
  }
  .jqx-docking-layout-overlay-square-invisible {
    background-color: transparent;
    background-image: none;
  }
  .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-docking-layout-overlay-square-center {
    border-color: transparent;
  }
  .jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical {
    width: calc(var(--spacing) * 6);
  }
  .jqx-docking-layout-overlay-inner-square {
    height: calc(var(--spacing) * 6);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-docking-layout-overlay-inner-square-header {
    height: calc(var(--spacing) * 1.25);
  }
  .jqx-docking-layout-overlay-inner-square-content {
    height: calc(var(--spacing) * 4.5);
  }
  .jqx-docking-layout-overlay-highlight-top {
    height: calc(var(--spacing) * 2.25);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right {
    height: calc(var(--spacing) * 4.5);
    width: calc(var(--spacing) * 3);
  }
  .jqx-docking-layout-overlay-highlight-left {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .jqx-docking-layout-overlay-highlight-right {
    right: calc(var(--spacing) * 0);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .jqx-docking-layout-overlay-highlight-bottom {
    bottom: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 2.25);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .jqx-docking-layout-square-disabled {
    visibility: hidden;
  }
  .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical {
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-docking-layout-overlay-inner-square-edge {
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
  }
  .jqx-docking-layout-overlay-mini-window-edge-horizontal {
    height: calc(var(--spacing) * 6);
  }
  .jqx-docking-layout-overlay-mini-window-edge-vertical {
    height: calc(var(--spacing) * 3.25);
  }
  .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal {
    width: calc(var(--spacing) * 3.25);
  }
  .jqx-docking-layout-overlay-inner-square-content-vertical {
    height: calc(var(--spacing) * 1.75);
  }
  .jqx-docking-layout-overlay-square-edge-arrow {
    display: block;
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    background-color: transparent;
  }
  .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top {
    border-top-color: transparent;
  }
  .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-bottom-color: transparent;
  }
  .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-left-color: transparent;
  }
  .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-right-color: transparent;
  }
  .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right {
    margin-top: calc(var(--spacing) * 2);
  }
  .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    margin-left: calc(var(--spacing) * 2);
  }
  .jqx-tag-cloud ul {
    padding-left: calc(var(--spacing) * 1.25);
  }
  .jqx-tag-cloud-item {
    display: inline-block;
    padding: calc(var(--spacing) * 0.75);
  }
  .jqx-tag-cloud-item a {
    text-decoration-line: none;
  }
  .jqx-tag-cloud-item a:hover {
    text-decoration-line: underline;
  }
  .jqx-popover {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 9999;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #aaa;
    border-color: rgba(0,0,0,0.3);
    background-color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .jqx-popover-modal-background {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 999;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    background-color: var(--color-black);
  }
  .jqx-popover-close-button {
    float: right;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .jqx-popover-close-button-rtl {
    float: left;
  }
  .jqx-popover.top {
    margin-top: calc(var(--spacing) * -2.5);
  }
  .jqx-popover.right {
    margin-left: calc(var(--spacing) * 2.5);
  }
  .jqx-popover.bottom {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .jqx-popover.left {
    margin-left: calc(var(--spacing) * -2.5);
  }
  .jqx-popover-title {
    margin: calc(var(--spacing) * 0);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 2);
  }
  .jqx-popover-title:empty {
    display: none;
  }
  .jqx-popover-content {
    padding: calc(var(--spacing) * 2);
  }
  .jqx-popover .jqx-popover-arrow, .jqx-popover .jqx-popover-arrow:after {
    position: absolute;
    display: block;
    height: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 0);
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
  }
  .jqx-popover .jqx-popover-arrow {
    border-style: var(--tw-border-style);
    border-width: 11px;
  }
  .jqx-popover .jqx-popover-arrow:after {
    border-style: var(--tw-border-style);
    border-width: 10px;
    --tw-content: '';
    content: var(--tw-content);
  }
  .jqx-popover.top .jqx-popover-arrow {
    bottom: -11px;
    left: calc(1/2 * 100%);
    margin-left: calc(11px * -1);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .jqx-popover.top .jqx-popover-arrow:after {
    bottom: 1px;
    margin-left: calc(10px * -1);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    border-top-color: var(--color-white);
  }
  .jqx-popover.right .jqx-popover-arrow {
    top: calc(1/2 * 100%);
    left: -11px;
    margin-top: calc(11px * -1);
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .jqx-popover.right .jqx-popover-arrow:after {
    bottom: -10px;
    left: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-right-color: var(--color-white);
  }
  .jqx-popover.bottom .jqx-popover-arrow {
    top: -11px;
    left: calc(1/2 * 100%);
    margin-left: calc(11px * -1);
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .jqx-popover.bottom .jqx-popover-arrow:after {
    top: 1px;
    margin-left: calc(10px * -1);
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-bottom-color: var(--color-white);
  }
  .jqx-popover.left .jqx-popover-arrow {
    top: calc(1/2 * 100%);
    right: -11px;
    margin-top: calc(11px * -1);
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .jqx-popover.left .jqx-popover-arrow:after {
    right: 1px;
    bottom: -10px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-color: var(--color-white);
  }
  .jqx-grid-column-header {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: #f6f6fa;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    .jqx-checkbox {
      display: none;
    }
  }
  .jqx-grid-cell {
    position: absolute;
    margin-right: calc(var(--spacing) * 1);
    box-sizing: border-box;
    height: 100%;
    max-height: 56 !important;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: transparent;
    background-color: transparent;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    box-sizing: border-box !important;
  }
  .jqx-grid-cell:nth-child(n + 2):not(:last-child) {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .jqx-grid-cell:first-child {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-radius: 10px 0 0 10px;
  }
  .jqx-grid-cell:last-child {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .jqx-grid-cell-alt {
    background-color: var(--color-slate-100);
  }
  .jqx-grid-cell-selected {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-color: transparent;
  }
  .jqx-menu {
    float: none;
    margin: calc(var(--spacing) * 0);
    height: 100%;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    text-align: left;
  }
  .jqx-menu-item {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0.5);
    margin-inline: calc(var(--spacing) * 0.5);
    cursor: pointer;
    list-style-type: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1);
    text-align: left;
    text-indent: calc(var(--spacing) * 0);
  }
  .jqx-menu-item-hover {
    right: calc(var(--spacing) * 0);
    left: 100%;
    margin: calc(var(--spacing) * 0.5);
    margin-inline: calc(var(--spacing) * 0.5);
    cursor: pointer;
    list-style-type: none;
    padding: calc(var(--spacing) * 1);
    text-align: left;
  }
  .jqx-tree {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    --tw-leading: 14px;
    line-height: 14px;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tree-item {
    right: calc(var(--spacing) * 0);
    left: 100%;
    float: none;
    margin: calc(var(--spacing) * 0);
    cursor: default;
    list-style-type: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1);
    text-align: left;
    text-indent: calc(var(--spacing) * 0);
    text-decoration-line: none;
  }
  .jqx-tabs {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-title {
    position: relative;
    right: calc(var(--spacing) * 0);
    left: 100%;
    z-index: 10;
    margin-inline: calc(var(--spacing) * 0);
    margin-right: calc(var(--spacing) * 2);
    display: block;
    height: auto;
    cursor: pointer;
    list-style-type: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    text-indent: calc(var(--spacing) * 0);
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tabs-title-selected-top {
    z-index: 50;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: transparent;
    background-color: var(--color-white);
    padding-bottom: calc(var(--spacing) * 2);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-radiobutton {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-radiobutton-default {
    float: left;
    margin-inline: calc(var(--spacing) * 1);
    margin-top: 1px;
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-calendar {
    margin: calc(var(--spacing) * 0);
    border-collapse: separate;
    cursor: default;
    appearance: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-calendar-cell {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: transparent;
    padding: 1px;
    text-align: center;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-calendar-cell-selected {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
  }
  .jqx-input {
    overflow: hidden;
    border-color: #c7c7c7;
  }
  .jqx-input-content {
    resize: none;
    appearance: none;
    background-clip: padding-box;
    padding: 1px;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-button {
    margin: calc(var(--spacing) * 0);
    cursor: default;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1);
    text-align: center;
    vertical-align: middle;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-button[aria-disabled="true"] {
    pointer-events: none;
  }
  .jqx-window {
    position: absolute;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .jqx-window-header {
    height: auto;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 2);
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-window-content {
    overflow: auto;
    background-color: transparent;
    background-clip: padding-box;
    padding: calc(var(--spacing) * 1);
    text-align: left;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-slider {
    position: relative;
    clear: both;
    overflow: hidden;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-slider-slider {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
  }
  .jqx-progressbar {
    position: relative;
    height: calc(var(--spacing) * 8);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-progressbar-value {
    height: 100%;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-listitem-state-normal {
    visibility: visible;
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: block;
    cursor: default;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 2);
    text-align: left;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-combobox-content {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    overflow: hidden;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    --tw-border-style: none;
    border-style: none;
    border-color: transparent;
    background-clip: padding-box;
    padding: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 0);
    padding-right: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 0);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-combobox-state-normal {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-dropdownlist-content {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    padding: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 1);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-dropdownlist-state-normal {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    appearance: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-tooltip {
    position: absolute;
    height: auto;
    width: auto;
  }
  .jqx-tooltip-main {
    position: relative;
    height: 100%;
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    text-align: center;
  }
  .jqx-validator-hint {
    z-index: 50;
    display: inline-block;
    height: 18px;
    width: auto;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #6e0000;
    background-color: #942724;
    padding-right: calc(var(--spacing) * 1);
    padding-left: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    white-space: nowrap;
    color: var(--color-white);
  }
  .jqx-validator-error-label {
    display: block;
    cursor: default;
    text-align: left;
    vertical-align: top;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: #dd4b39;
  }
  .jqx-scrollbar {
    margin: calc(var(--spacing) * 0);
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-scrollbar-thumb-state-normal {
    margin: calc(var(--spacing) * 0);
    touch-action: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-switchbutton {
    overflow: hidden;
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ccc;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-switchbutton-thumb {
    display: inline-block;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #ccc;
  }
  .jqx-navigationbar {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    --tw-border-style: none;
    border-style: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-expander-header {
    cursor: pointer;
    overflow: hidden;
  }
  .jqx-expander-content {
    overflow: auto;
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-panel {
    margin: calc(var(--spacing) * 0);
    cursor: default;
    appearance: none;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-responsive-panel {
    overflow: auto;
  }
  .jqx-loader {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    margin: auto;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    background-color: rgba(255,255,255,0.5);
  }
  .jqx-notification {
    pointer-events: auto;
    box-sizing: border-box;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    padding: calc(var(--spacing) * 2);
  }
  .jqx-layout {
    background-color: var(--color-slate-200);
  }
  .jqx-docking-layout-group-floating {
    border-color: #ffd280;
  }
  .jqx-ribbon {
    position: relative;
    overflow: hidden;
  }
  .jqx-ribbon-item {
    position: relative;
    box-sizing: border-box;
    min-width: 10px;
    cursor: default;
    list-style-type: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1);
    vertical-align: top;
    text-overflow: ellipsis;
  }
  .jqx-toolbar {
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-toolbar-tool {
    float: left;
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 0);
  }
  .jqx-editor {
    box-sizing: border-box;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
  }
  .jqx-editor-toolbar {
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 1);
  }
  .jqx-file-upload {
    position: relative;
    overflow: auto;
  }
  .jqx-rating {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-rating-image-default {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
    background-image: url(../../public/assets/css/img/jqx/star.png);
    background-repeat: no-repeat;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-splitter {
    position: relative;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
  }
  .jqx-splitter-splitbar-vertical {
    position: absolute;
    cursor: col-resize;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    border-color: transparent;
  }
  .jqx-tabs-header {
    margin: calc(var(--spacing) * 0);
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-color: #aaa;
    background-color: #eeeeee;
    padding-top: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 0);
  }
  .jqx-tree-grid-title {
    overflow: hidden;
    vertical-align: bottom;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration-line: none;
  }
  .jqx-tree-grid-collapse-button {
    position: relative;
    margin-top: calc(var(--spacing) * 0);
    margin-right: calc(var(--spacing) * 0);
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: top;
  }
  .jqx-cell {
    margin: calc(var(--spacing) * 0);
    box-sizing: border-box;
    min-height: 23px;
    border-collapse: collapse;
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-color: transparent;
    padding: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    text-overflow: ellipsis;
    white-space: normal;
  }
  .jqx-scheduler-appointment {
    cursor: pointer;
    overflow: visible;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #555;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: pre-line;
    -webkit-user-select: none;
    user-select: none;
  }
  .jqx-chart-axis-text {
    fill: #333333;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #333333;
  }
  .jqx-gauge-label {
    fill: #333333;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #333333;
  }
  .jqx-complex-input {
    padding-right: calc(var(--spacing) * 1);
    text-align: right;
    text-transform: lowercase;
  }
  .jqx-formatted-input {
    padding-right: calc(var(--spacing) * 1);
    text-align: right;
  }
  .jqx-masked-input {
    overflow: hidden;
    border-color: #c7c7c7;
  }
  .jqx-number-input {
    overflow: hidden;
    border-color: #c7c7c7;
  }
  .jqx-tag-cloud ul {
    padding-left: calc(var(--spacing) * 3);
  }
  .jqx-tag-cloud-item {
    display: inline-block;
    padding: calc(var(--spacing) * 1);
  }
  .jqx-text-area-element {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    margin: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    resize: none;
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-passwordinput-password-icon {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 3);
    background-image: url(../../public/assets/css/img/jqx/icon-showpassword.png);
    background-repeat: no-repeat;
  }
  .jqx-navbar {
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-menubar {
    float: none;
    margin: calc(var(--spacing) * 0);
    height: 100%;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 0);
    text-align: left;
  }
  .jqx-listmenu {
    width: 100%;
  }
  .jqx-listmenu-item {
    position: relative;
    float: none;
    cursor: pointer;
    overflow: hidden;
    padding: calc(var(--spacing) * 3);
    text-align: left;
  }
  .jqx-treemap-rectangle {
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #555;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    text-overflow: ellipsis;
    color: #222;
    text-shadow: none;
  }
  .jqx-popover {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #aaa;
    border-color: rgba(0,0,0,0.3);
    background-color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .jqx-fill-state-normal {
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
  }
  .jqx-fill-state-hover {
    background-color: transparent;
  }
  .jqx-fill-state-pressed {
    border-color: var(--color-primary);
    background-color: var(--color-white);
  }
  .jqx-fill-state-focus {
    border-color: var(--color-primary);
  }
  .jqx-fill-state-disabled {
    cursor: default;
    color: var(--color-black);
    opacity: 55%;
  }
  .jqx-reset {
    margin: calc(var(--spacing) * 0);
    box-sizing: content-box;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-rc-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .jqx-rc-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .jqx-rc-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .jqx-rc-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .jqx-rc-all {
    border-radius: 0.25rem;
  }
  .jqx-widget {
    box-sizing: content-box;
    touch-action: none;
    appearance: none;
    background-clip: padding-box;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #282733;
    --tw-outline-style: none;
    outline-style: none;
    font-family: var(--jqx-font-family);
  }
  .jqx-widget-content {
    box-sizing: content-box;
    touch-action: none;
    border-color: #c7c7c7;
    background-color: transparent;
    background-clip: padding-box;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-widget-header {
    box-sizing: content-box;
    touch-action: none;
    border-color: var(--color-slate-200);
    background-color: transparent;
    background-clip: padding-box;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-widget-header td {
    box-sizing: border-box;
  }
  .jqx-icon {
    position: relative;
    top: calc(1/2 * 100%);
    margin: auto;
    margin-top: calc(var(--spacing) * -2);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  @media (max-width: 640px) {
    .jqx-grid-column-header {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .jqx-tabs-title {
      padding-inline: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 1);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .jqx-menu-item {
      padding: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  [data-mode="dark"] {
    .jqx-widget {
      color: var(--color-slate-100);
    }
    .jqx-widget-content {
      border-color: var(--color-slate-600);
      background-color: var(--color-slate-800);
    }
    .jqx-widget-header {
      border-color: var(--color-slate-600);
      background-color: var(--color-slate-700);
    }
    .jqx-grid-cell {
      border-color: var(--color-slate-700);
      background-color: var(--color-slate-800);
    }
    .jqx-grid-cell-alt {
      background-color: var(--color-slate-700);
    }
  }
  @media (prefers-contrast: high) {
    .jqx-widget {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
    .jqx-grid-cell {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .jqx-menu, .jqx-tabs, .jqx-grid, .jqx-tree {
      transition-property: none;
    }
  }
  .jqx-scrollview {
    touch-action: auto;
    background-color: var(--color-black);
  }
  .jqx-scrollview-button {
    margin: calc(var(--spacing) * 0.5);
    display: inline-block;
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    cursor: pointer;
    border-radius: calc(infinity * 1px);
    background-color: #aaaeaf;
  }
  .jqx-toolbar {
    position: relative;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    padding: calc(var(--spacing) * 1);
  }
  .jqx-toolbar-tool {
    float: left;
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 0);
  }
  .jqx-toolbar-tool-rtl {
    float: right;
  }
  .jqx-color-picker {
    position: relative;
  }
  .jqx-color-picker-panel {
    position: absolute;
  }
  .jqx-color-picker-map {
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #a0a0a0;
    background-color: transparent;
    background-image: url(../../public/assets/css/img/jqx/colorpicker/map-saturation.png);
    background-position: left top;
    background-repeat: no-repeat;
  }
  .jqx-listmenu-widget {
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
  }
  .jqx-listmenu {
    width: 100%;
  }
  .jqx-listmenu-item {
    position: relative;
    float: none;
    cursor: pointer;
    overflow: hidden;
    padding: calc(var(--spacing) * 3);
    text-align: left;
  }
  .jqx-listmenu-header {
    padding: calc(var(--spacing) * 3);
  }
  .jqx-navigationbar {
    margin: calc(var(--spacing) * 0);
    appearance: none;
    --tw-border-style: none;
    border-style: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-treemap-rectangle {
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #555;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    text-overflow: ellipsis;
    color: #222;
    text-shadow: none;
  }
  .jqx-treemap-label {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .jqx-bulletchart {
    position: relative;
  }
  .jqx-bulletchart-title {
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .jqx-rating {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-rating-image-default {
    margin: calc(var(--spacing) * 0);
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
    background-image: url(../../public/assets/css/img/jqx/star.png);
    background-repeat: no-repeat;
    padding: calc(var(--spacing) * 0);
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-sortable {
    position: relative;
  }
  .jqx-pivotgrid {
    overflow: hidden;
  }
  .jqx-pivotgrid-header {
    margin: calc(var(--spacing) * 0);
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #f6f6fa;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
  }
  .jqx-kanban {
    overflow: hidden;
  }
  .jqx-kanban-column {
    float: left;
    margin: calc(var(--spacing) * 1);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #f6f6fa;
    background-color: transparent;
  }
  .jqx-kanban-item {
    margin: calc(var(--spacing) * 1);
    cursor: move;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
  }
  .jqx-map {
    position: relative;
    overflow: hidden;
  }
  .jqx-gauge {
    position: relative;
  }
  .jqx-gauge-label {
    fill: #333333;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #333333;
  }
  .jqx-chart {
    position: relative;
    overflow: hidden;
  }
  .jqx-chart-axis-text {
    fill: #333333;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #333333;
  }
  .jqx-scheduler {
    position: relative;
    overflow: hidden;
  }
  .jqx-scheduler-appointment {
    cursor: pointer;
    overflow: visible;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #555;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: pre-line;
    -webkit-user-select: none;
    user-select: none;
  }
  .jqx-scheduler-time-column {
    background-color: var(--color-white);
    background-image: none;
    color: #333;
  }
  .jqx-docking {
    overflow: hidden;
  }
  .jqx-docking-panel {
    margin: calc(var(--spacing) * 0);
    min-height: 100px;
    padding: calc(var(--spacing) * 0);
  }
  .jqx-layout {
    position: relative;
    background-color: var(--color-slate-200);
  }
  .jqx-layout-group-root {
    position: relative;
  }
  .jqx-ribbon {
    position: relative;
    overflow: hidden;
  }
  .jqx-ribbon-item {
    position: relative;
    box-sizing: border-box;
    min-width: 10px;
    cursor: default;
    list-style-type: none;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding: calc(var(--spacing) * 1);
    vertical-align: top;
    text-overflow: ellipsis;
  }
  .jqx-masked-input {
    overflow: hidden;
    border-color: #c7c7c7;
  }
  .jqx-number-input {
    overflow: hidden;
    border-color: #c7c7c7;
  }
  .jqx-datetimeinput {
    overflow: hidden;
    border-color: #c7c7c7;
  }
  .jqx-rangeselector {
    position: relative;
  }
  .jqx-file-upload {
    position: relative;
    overflow: auto;
  }
  .jqx-file-upload-file-row {
    clear: both;
    margin-bottom: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 7);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    padding: calc(var(--spacing) * 1);
  }
  .jqx-validator-hint {
    z-index: 50;
    display: inline-block;
    height: 18px;
    width: auto;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #6e0000;
    background-color: #942724;
    padding-inline: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    white-space: nowrap;
    color: var(--color-white);
  }
  .jqx-validator-error-label {
    display: block;
    cursor: default;
    text-align: left;
    vertical-align: top;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: #dd4b39;
  }
  .jqx-passwordinput-password-icon {
    height: calc(var(--spacing) * 2.25);
    width: calc(var(--spacing) * 3.5);
    background-image: url(../../public/assets/css/img/jqx/icon-showpassword.png);
    background-repeat: no-repeat;
  }
  .jqx-text-area-element {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    margin: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    resize: none;
    overflow: hidden;
    --tw-border-style: none;
    border-style: none;
    --tw-outline-style: none;
    outline-style: none;
  }
  .jqx-editor {
    box-sizing: border-box;
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
  }
  .jqx-editor-toolbar {
    margin: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 1);
  }
  .jqx-editor-toolbar-icon {
    margin-inline: calc(var(--spacing) * 0);
    margin-block: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    background-image: url(../../public/assets/css/img/jqx/html_editor.png);background-repeat:no-repeat;vertical-align:middle;opacity:70%}.jqx-responsive-panel{overflow:auto}.jqx-responsive-panel-button{display:none;cursor:pointer;border-style:var(--tw-border-style);border-width:1px;--tw-border-style:solid;border-style:solid}.jqx-loader{position:absolute;top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:50;margin:auto;border-style:var(--tw-border-style);border-width:1px;--tw-border-style:solid;border-style:solid;background-color:rgba(255,255,255,.5)}.jqx-notification{pointer-events:auto;box-sizing:border-box;border-style:var(--tw-border-style);border-width:1px;--tw-border-style:solid;border-style:solid;padding:calc(var(--spacing) * 2)}.jqx-notification-container{pointer-events:none;position:fixed;height:auto;width:auto}.jqx-popover{position:absolute;top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:50;border-style:var(--tw-border-style);border-width:1px;border-color:#aaa;border-color:rgba(0,0,0,.3);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / .1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.jqx-tooltip{position:absolute;height:auto;width:auto}.jqx-tooltip-main{position:relative;height:100%;width:100%;border-style:var(--tw-border-style);border-width:1px;--tw-border-style:solid;border-style:solid;text-align:center}.jqx-menubar{float:none;margin:calc(var(--spacing) * 0);height:100%;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;padding:calc(var(--spacing) * 0);text-align:left}.jqx-navbar{width:100%;border-style:var(--tw-border-style);border-width:1px;--tw-border-style:solid;border-style:solid}.jqx-tag-cloud ul{padding-left:calc(var(--spacing) * 5)}.jqx-tag-cloud-item{display:inline-block;padding:calc(var(--spacing) * 1)}.jqx-complex-input{padding-right:calc(var(--spacing) * 1);text-align:right;text-transform:lowercase}.jqx-formatted-input{padding-right:calc(var(--spacing) * 1);text-align:right}.jqx-fill-state-selected{border-color:var(--color-blue-300);background-color:var(--color-blue-100)}.jqx-fill-state-invalid{border-color:var(--color-red-300);background-color:var(--color-red-100)}.jqx-fill-state-readonly{cursor:not-allowed;border-color:var(--color-slate-300);background-color:var(--color-slate-100)}.jqx-animation-normal{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.jqx-animation-fast{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:150ms;transition-duration:150ms;--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.jqx-animation-slow{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:500ms;transition-duration:500ms;--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.jqx-shadow{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,rgb(0 0 0 / .1)),0 2px 4px -2px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.jqx-shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgb(0 0 0 / .1)),0 4px 6px -4px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.jqx-elevation-1{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / .1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.jqx-elevation-2{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,rgb(0 0 0 / .1)),0 2px 4px -2px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.jqx-elevation-3{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgb(0 0 0 / .1)),0 4px 6px -4px var(--tw-shadow-color,rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.jqx-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jqx-text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.jqx-text-break{overflow-wrap:break-word}.jqx-absolute-center{position:absolute;top:calc(1/2 * 100%);left:calc(1/2 * 100%);--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-vertical-center{position:absolute;top:calc(1/2 * 100%);--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-horizontal-center{position:absolute;left:calc(1/2 * 100%);--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-flex-center{display:flex;align-items:center;justify-content:center}.jqx-flex-between{display:flex;align-items:center;justify-content:space-between}.jqx-flex-around{display:flex;align-items:center;justify-content:space-around}.jqx-grid-cols-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.jqx-grid-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.jqx-grid-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.jqx-grid-cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}[data-mode="dark"]{background-color:var(--color-slate-900);color:var(--color-white)}[data-mode="dark"] .jqx-widget{background-color:var(--color-slate-800);color:var(--color-white)}[data-mode="dark"] .jqx-widget-content{border-color:var(--color-slate-700);background-color:var(--color-slate-800);color:var(--color-white)}[data-mode="dark"] .jqx-widget-header{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-color:var(--color-slate-600);background-color:var(--color-slate-800)!important;color:var(--color-white)}[data-mode="dark"] .jqx-grid-cell{border-color:var(--color-slate-700)!important;background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-cell-alt{background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-table .jqx-grid-cell{border-color:var(--color-slate-700)!important;background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-table .jqx-grid-cell-alt{background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-table td.jqx-grid-cell{background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-table td.jqx-grid-cell-alt{background-color:var(--color-slate-700)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-cell-hover{border-color:var(--color-slate-600)!important;background-color:var(--color-slate-600)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-group-cell{background-color:transparent!important;color:var(--color-white)!important;background-color:transparent!important}[data-mode="dark"] .jqx-grid-group-cell.jqx-grid-cell-pinned{background-color:transparent!important;background-color:transparent!important}[data-mode="dark"] div[role="gridcell"].jqx-grid-group-cell{background-color:transparent!important}[data-mode="dark"] div[role="gridcell"].jqx-grid-group-cell.jqx-grid-cell-pinned{background-color:transparent!important}[data-mode="dark"] .jqx-grid-cell-sort{background-color:var(--color-slate-700)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-cell-filter{background-color:var(--color-slate-700)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-cell-sort-alt{background-color:var(--color-slate-600)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-cell-filter-alt{background-color:var(--color-slate-600)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-cell-pinned{background-color:var(--color-slate-700)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-cell-pinned-alt{background-color:var(--color-slate-600)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-groups-row{background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-groups-custom-row{background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-groups-custom-row .jqx-grid-group-cell{background-color:transparent!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-groups-custom-row .jqx-grid-cell-pinned{background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-groups-custom-row .jqx-grid-cell-sort{background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-table tr{background-color:var(--color-slate-800)!important}[data-mode="dark"] .jqx-grid-table tr:nth-child(even){background-color:var(--color-slate-800)!important}[data-mode="dark"] .jqx-grid-table tr td{background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-table tr:nth-child(even) td{background-color:var(--color-slate-800)!important;color:var(--color-white)!important}[data-mode="dark"] .jqx-grid-group-cell{background-color:transparent!important;color:var(--color-white)!important}[data-mode="dark"] div[role="row"].jqx-grid-groups-custom-row{background-color:var(--color-slate-800)!important;background-color:rgb(30 41 55)!important}[data-mode="dark"] div[role="row"].jqx-grid-groups-custom-row div[role="gridcell"]{background-color:var(--color-slate-800)!important;color:var(--color-white)!important;background-color:rgb(30 41 55)!important;color:rgb(248 250 252)!important}[data-mode="dark"] div[role="row"].jqx-grid-groups-custom-row .jqx-grid-group-cell{background-color:transparent!important;color:rgb(248 250 252)!important}[data-mode="dark"] div[role="row"].jqx-grid-groups-custom-row .jqx-grid-group-cell.jqx-grid-cell-pinned{background-color:transparent!important;color:rgb(248 250 252)!important}[data-mode="dark"] div[role="row"].jqx-grid-groups-custom-row .jqx-grid-cell-sort{background-color:rgb(30 41 55)!important;color:rgb(248 250 252)!important}[data-mode="dark"] div[role="row"]{background-color:rgb(30 41 55)!important}[data-mode="dark"] div[role="row"] div[role="gridcell"]{background-color:rgb(30 41 55)!important;color:rgb(248 250 252)!important}[data-mode="dark"] div[role="row"]:nth-child(even){background-color:rgb(30 41 55)!important}[data-mode="dark"] div[role="row"]:nth-child(even) div[role="gridcell"]{background-color:rgb(30 41 55)!important;color:rgb(248 250 252)!important}[data-mode="dark"] .jqx-menu-item{border-color:var(--color-slate-700);background-color:var(--color-slate-800);color:var(--color-white)}[data-mode="dark"] .jqx-menu-item-hover{background-color:var(--color-slate-700);color:var(--color-white)}[data-mode="dark"] .jqx-grid-cell i,[data-mode="dark"] .jqx-grid-group-cell i,[data-mode="dark"] div[role="gridcell"] i{color:rgb(203 213 225)!important}[data-mode="dark"] .jqx-grid-cell button i,[data-mode="dark"] .jqx-grid-group-cell button i,[data-mode="dark"] div[role="gridcell"] button i{color:inherit!important}@media (max-width:640px){.jqx-responsive-stack{display:block}.jqx-responsive-stack>*{margin-bottom:calc(var(--spacing) * 2);display:block;width:100%}.jqx-responsive-hidden{display:none}.jqx-grid-column-header{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.jqx-tabs-title{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.jqx-menu-item{padding:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:641px) and (max-width:1024px){.jqx-responsive-tablet-stack{display:block}.jqx-responsive-tablet-stack>*{margin-bottom:calc(var(--spacing) * 2);display:block;width:100%}.jqx-responsive-tablet-hidden{display:none}}@media print{.jqx-no-print{display:none}.jqx-print-only{display:block}.jqx-widget{border-color:var(--color-black);background-color:var(--color-white);color:var(--color-black)}.jqx-grid-cell{border-color:var(--color-black);background-color:var(--color-white);color:var(--color-black)}}@media (prefers-contrast:high){.jqx-widget{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-black)}.jqx-widget-content{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-black)}.jqx-grid-cell{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-black)}.jqx-button{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-black)}}@media (prefers-reduced-motion:reduce){.jqx-menu,.jqx-tabs,.jqx-grid,.jqx-tree,.jqx-animation-normal,.jqx-animation-fast,.jqx-animation-slow{transition-property:none}}@media (orientation:landscape){.jqx-orientation-landscape-only{display:block}.jqx-orientation-portrait-only{display:none}}@media (orientation:portrait){.jqx-orientation-portrait-only{display:block}.jqx-orientation-landscape-only{display:none}}.jqx-icon-arrow-up,.jqx-icon-arrow-up-hover,.jqx-icon-arrow-up-selected{font-family:uicons-regular-rounded!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;vertical-align:text-top;--tw-content:var(--jqx-icon-arrow-up);content:var(--tw-content)}.jqx-icon-arrow-down,.jqx-icon-arrow-down-hover,.jqx-icon-arrow-down-selected{font-family:uicons-regular-rounded!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;vertical-align:text-top;--tw-content:var(--jqx-icon-arrow-down);content:var(--tw-content)}.jqx-icon-arrow-left,.jqx-icon-arrow-left-hover,.jqx-icon-arrow-left-selected{font-family:uicons-regular-rounded!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;vertical-align:text-top;--tw-content:var(--jqx-icon-arrow-left);content:var(--tw-content)}.jqx-icon-arrow-right,.jqx-icon-arrow-right-hover,.jqx-icon-arrow-right-selected{font-family:uicons-regular-rounded!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;vertical-align:text-top;--tw-content:var(--jqx-icon-arrow-right);content:var(--tw-content)}.jqx-icon-close{cursor:pointer;font-family:uicons-regular-rounded!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;vertical-align:text-top;--tw-content:var(--jqx-icon-close-selected);content:var(--tw-content)}.jqx-icon-search{cursor:pointer;font-family:uicons-regular-rounded!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;vertical-align:text-top;--tw-content:var(--jqx-icon-search-selected);content:var(--tw-content)}.jqx-icon-plus{font-family:uicons-regular-rounded!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;vertical-align:text-top;--tw-content:var(--jqx-icon-plus-selected);content:var(--tw-content)}.jqx-focus-state:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:color-mix(in srgb,#2f8efe 50%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--color-primary-500) 50%,transparent)}--tw-outline-style:none;outline-style:none}.jqx-focus-state-inset:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:color-mix(in srgb,#2f8efe 50%,transparent);@supports (color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--color-primary-500) 50%,transparent)}--tw-outline-style:none;outline-style:none;--tw-ring-inset:inset}.jqx-high-contrast{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-black)}.jqx-high-contrast .jqx-widget{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-black)}.jqx-high-contrast .jqx-grid-cell{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-black)}.jqx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.jqx-visible-to-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.jqx-spacing-xs{padding:calc(var(--spacing) * 1)}.jqx-spacing-sm{padding:calc(var(--spacing) * 2)}.jqx-spacing-md{padding:calc(var(--spacing) * 3)}.jqx-spacing-lg{padding:calc(var(--spacing) * 4)}.jqx-spacing-xl{padding:calc(var(--spacing) * 6)}.jqx-w-auto{width:auto}.jqx-w-full{width:100%}.jqx-w-screen{width:100vw}.jqx-w-min{width:min-content}.jqx-w-max{width:max-content}.jqx-w-fit{width:fit-content}.jqx-h-auto{height:auto}.jqx-h-full{height:100%}.jqx-h-screen{height:100vh}.jqx-h-min{height:min-content}.jqx-h-max{height:max-content}.jqx-h-fit{height:fit-content}.jqx-flex-row{display:flex;flex-direction:row}.jqx-flex-col{display:flex;flex-direction:column}.jqx-flex-wrap{display:flex;flex-wrap:wrap}.jqx-flex-nowrap{display:flex;flex-wrap:nowrap}.jqx-items-start{align-items:flex-start}.jqx-items-end{align-items:flex-end}.jqx-items-center{align-items:center}.jqx-items-baseline{align-items:baseline}.jqx-items-stretch{align-items:stretch}.jqx-justify-start{justify-content:flex-start}.jqx-justify-end{justify-content:flex-end}.jqx-justify-center{justify-content:center}.jqx-justify-between{justify-content:space-between}.jqx-justify-around{justify-content:space-around}.jqx-justify-evenly{justify-content:space-evenly}.jqx-grid-cols-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.jqx-grid-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.jqx-grid-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.jqx-grid-cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.jqx-grid-cols-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.jqx-grid-cols-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.jqx-grid-cols-7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.jqx-grid-cols-8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.jqx-grid-cols-9{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}.jqx-grid-cols-10{display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.jqx-grid-cols-11{display:grid;grid-template-columns:repeat(11,minmax(0,1fr))}.jqx-grid-cols-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.jqx-grid-cols-none{grid-template-columns:none}.jqx-col-auto{grid-column:auto}.jqx-col-span-1{grid-column:span 1 / span 1}.jqx-col-span-2{grid-column:span 2 / span 2}.jqx-col-span-3{grid-column:span 3 / span 3}.jqx-col-span-4{grid-column:span 4 / span 4}.jqx-col-span-5{grid-column:span 5 / span 5}.jqx-col-span-6{grid-column:span 6 / span 6}.jqx-col-span-7{grid-column:span 7 / span 7}.jqx-col-span-8{grid-column:span 8 / span 8}.jqx-col-span-9{grid-column:span 9 / span 9}.jqx-col-span-10{grid-column:span 10 / span 10}.jqx-col-span-11{grid-column:span 11 / span 11}.jqx-col-span-12{grid-column:span 12 / span 12}.jqx-col-span-full{grid-column:1 / -1}.jqx-relative{position:relative}.jqx-absolute{position:absolute}.jqx-fixed{position:fixed}.jqx-sticky{position:sticky}.jqx-static{position:static}.jqx-top-0{top:calc(var(--spacing) * 0)}.jqx-right-0{right:calc(var(--spacing) * 0)}.jqx-bottom-0{bottom:calc(var(--spacing) * 0)}.jqx-left-0{left:calc(var(--spacing) * 0)}.jqx-inset-0{inset:calc(var(--spacing) * 0)}.jqx-inset-y-0{inset-block:calc(var(--spacing) * 0)}.jqx-inset-x-0{inset-inline:calc(var(--spacing) * 0)}.jqx-z-0{z-index:0}.jqx-z-10{z-index:10}.jqx-z-20{z-index:20}.jqx-z-30{z-index:30}.jqx-z-40{z-index:40}.jqx-z-50{z-index:50}.jqx-z-auto{z-index:auto}.jqx-visible{visibility:visible}.jqx-invisible{visibility:hidden}.jqx-hidden{display:none}.jqx-block{display:block}.jqx-inline{display:inline}.jqx-inline-block{display:inline-block}.jqx-inline-flex{display:inline-flex}.jqx-flex{display:flex}.jqx-grid{display:grid}.jqx-table{display:table}.jqx-overflow-auto{overflow:auto}.jqx-overflow-hidden{overflow:hidden}.jqx-overflow-visible{overflow:visible}.jqx-overflow-scroll{overflow:scroll}.jqx-overflow-x-auto{overflow-x:auto}.jqx-overflow-y-auto{overflow-y:auto}.jqx-overflow-x-hidden{overflow-x:hidden}.jqx-overflow-y-hidden{overflow-y:hidden}.jqx-overflow-x-visible{overflow-x:visible}.jqx-overflow-y-visible{overflow-y:visible}.jqx-overflow-x-scroll{overflow-x:scroll}.jqx-overflow-y-scroll{overflow-y:scroll}.jqx-pointer-events-none{pointer-events:none}.jqx-pointer-events-auto{pointer-events:auto}.jqx-select-none{-webkit-user-select:none;user-select:none}.jqx-select-text{-webkit-user-select:text;user-select:text}.jqx-select-all{-webkit-user-select:all;user-select:all}.jqx-cursor-auto{cursor:auto}.jqx-cursor-default{cursor:default}.jqx-cursor-pointer{cursor:pointer}.jqx-cursor-wait{cursor:wait}.jqx-cursor-text{cursor:text}.jqx-cursor-move{cursor:move}.jqx-cursor-not-allowed{cursor:not-allowed}.jqx-select-none{-webkit-user-select:none;user-select:none}.jqx-user-select-text{-webkit-user-select:text;user-select:text}.jqx-user-select-all{-webkit-user-select:all;user-select:all}.jqx-user-select-auto{-webkit-user-select:auto;user-select:auto}.jqx-transition-none{transition-property:none}.jqx-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))}.jqx-transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.jqx-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))}.jqx-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))}.jqx-transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.jqx-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))}.jqx-duration-75{--tw-duration:75ms;transition-duration:75ms}.jqx-duration-100{--tw-duration:100ms;transition-duration:100ms}.jqx-duration-150{--tw-duration:150ms;transition-duration:150ms}.jqx-duration-200{--tw-duration:200ms;transition-duration:200ms}.jqx-duration-300{--tw-duration:300ms;transition-duration:300ms}.jqx-duration-500{--tw-duration:500ms;transition-duration:500ms}.jqx-duration-700{--tw-duration:700ms;transition-duration:700ms}.jqx-duration-1000{--tw-duration:1000ms;transition-duration:1000ms}.jqx-ease-linear{--tw-ease:linear;transition-timing-function:linear}.jqx-ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.jqx-ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.jqx-ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.jqx-animate-none{animation:none}.jqx-animate-spin{animation:var(--animate-spin)}.jqx-animate-ping{animation:var(--animate-ping)}.jqx-animate-pulse{animation:var(--animate-pulse)}.jqx-animate-bounce{animation:var(--animate-bounce)}.jqx-transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-transform-none{transform:none}.jqx-scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.jqx-scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x) var(--tw-scale-y)}.jqx-scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.jqx-scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.jqx-scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.jqx-scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.jqx-scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.jqx-scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.jqx-scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.jqx-scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.jqx-rotate-0{rotate:0deg}.jqx-rotate-1{rotate:1deg}.jqx-rotate-2{rotate:2deg}.jqx-rotate-3{rotate:3deg}.jqx-rotate-6{rotate:6deg}.jqx-rotate-12{rotate:12deg}.jqx-rotate-45{rotate:45deg}.jqx-rotate-90{rotate:90deg}.jqx-rotate-180{rotate:180deg}.jqx-translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-px{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * 0.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * 0.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-1{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-1{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-1\.5{--tw-translate-x:calc(var(--spacing) * 1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-1\.5{--tw-translate-y:calc(var(--spacing) * 1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-2{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-2{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-2\.5{--tw-translate-x:calc(var(--spacing) * 2.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-2\.5{--tw-translate-y:calc(var(--spacing) * 2.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-3{--tw-translate-x:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-3{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-3\.5{--tw-translate-x:calc(var(--spacing) * 3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-3\.5{--tw-translate-y:calc(var(--spacing) * 3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-5{--tw-translate-y:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-6{--tw-translate-y:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-7{--tw-translate-x:calc(var(--spacing) * 7);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-7{--tw-translate-y:calc(var(--spacing) * 7);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-8{--tw-translate-x:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-8{--tw-translate-y:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-9{--tw-translate-x:calc(var(--spacing) * 9);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-9{--tw-translate-y:calc(var(--spacing) * 9);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-10{--tw-translate-x:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-10{--tw-translate-y:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-11{--tw-translate-x:calc(var(--spacing) * 11);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-11{--tw-translate-y:calc(var(--spacing) * 11);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-12{--tw-translate-x:calc(var(--spacing) * 12);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-12{--tw-translate-y:calc(var(--spacing) * 12);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-14{--tw-translate-x:calc(var(--spacing) * 14);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-14{--tw-translate-y:calc(var(--spacing) * 14);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-16{--tw-translate-x:calc(var(--spacing) * 16);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-16{--tw-translate-y:calc(var(--spacing) * 16);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-20{--tw-translate-x:calc(var(--spacing) * 20);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-20{--tw-translate-y:calc(var(--spacing) * 20);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-24{--tw-translate-x:calc(var(--spacing) * 24);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-24{--tw-translate-y:calc(var(--spacing) * 24);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-28{--tw-translate-x:calc(var(--spacing) * 28);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-28{--tw-translate-y:calc(var(--spacing) * 28);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-32{--tw-translate-x:calc(var(--spacing) * 32);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-32{--tw-translate-y:calc(var(--spacing) * 32);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-36{--tw-translate-x:calc(var(--spacing) * 36);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-36{--tw-translate-y:calc(var(--spacing) * 36);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-40{--tw-translate-x:calc(var(--spacing) * 40);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-40{--tw-translate-y:calc(var(--spacing) * 40);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-44{--tw-translate-x:calc(var(--spacing) * 44);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-44{--tw-translate-y:calc(var(--spacing) * 44);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-48{--tw-translate-x:calc(var(--spacing) * 48);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-48{--tw-translate-y:calc(var(--spacing) * 48);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-52{--tw-translate-x:calc(var(--spacing) * 52);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-52{--tw-translate-y:calc(var(--spacing) * 52);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-56{--tw-translate-x:calc(var(--spacing) * 56);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-56{--tw-translate-y:calc(var(--spacing) * 56);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-60{--tw-translate-x:calc(var(--spacing) * 60);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-60{--tw-translate-y:calc(var(--spacing) * 60);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-64{--tw-translate-x:calc(var(--spacing) * 64);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-64{--tw-translate-y:calc(var(--spacing) * 64);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-72{--tw-translate-x:calc(var(--spacing) * 72);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-72{--tw-translate-y:calc(var(--spacing) * 72);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-80{--tw-translate-x:calc(var(--spacing) * 80);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-80{--tw-translate-y:calc(var(--spacing) * 80);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-96{--tw-translate-x:calc(var(--spacing) * 96);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-96{--tw-translate-y:calc(var(--spacing) * 96);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-1\/2{--tw-translate-x:calc(1/2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-1\/3{--tw-translate-x:calc(1/3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-2\/3{--tw-translate-x:calc(2/3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-1\/4{--tw-translate-x:calc(1/4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-2\/4{--tw-translate-x:calc(2/4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-3\/4{--tw-translate-x:calc(3/4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-1\/2{--tw-translate-y:calc(1/2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-1\/3{--tw-translate-y:calc(1/3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-2\/3{--tw-translate-y:calc(2/3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-1\/4{--tw-translate-y:calc(1/4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-2\/4{--tw-translate-y:calc(2/4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-3\/4{--tw-translate-y:calc(3/4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.jqx-skew-x-0{--tw-skew-x:skewX(0deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-y-0{--tw-skew-y:skewY(0deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-x-1{--tw-skew-x:skewX(1deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-y-1{--tw-skew-y:skewY(1deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-x-2{--tw-skew-x:skewX(2deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-y-2{--tw-skew-y:skewY(2deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-x-3{--tw-skew-x:skewX(3deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-y-3{--tw-skew-y:skewY(3deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-x-6{--tw-skew-x:skewX(6deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-y-6{--tw-skew-y:skewY(6deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-x-12{--tw-skew-x:skewX(12deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-skew-y-12{--tw-skew-y:skewY(12deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.jqx-origin-center{transform-origin:center}.jqx-origin-top{transform-origin:top}.jqx-origin-top-right{transform-origin:top right}.jqx-origin-right{transform-origin:right}.jqx-origin-bottom-right{transform-origin:bottom right}.jqx-origin-bottom{transform-origin:bottom}.jqx-origin-bottom-left{transform-origin:bottom left}.jqx-origin-left{transform-origin:left}.jqx-origin-top-left{transform-origin:top left}@media (min-width:640px){.jqx-sm\\:block{display:block}.jqx-sm\\:hidden{display:none}.jqx-sm\\:flex{display:flex}.jqx-sm\\:grid{display:grid}}@media (min-width:768px){.jqx-md\\:block{display:block}.jqx-md\\:hidden{display:none}.jqx-md\\:flex{display:flex}.jqx-md\\:grid{display:grid}}@media (min-width:1024px){.jqx-lg\\:block{display:block}.jqx-lg\\:hidden{display:none}.jqx-lg\\:flex{display:flex}.jqx-lg\\:grid{display:grid}}@media (min-width:1280px){.jqx-xl\\:block{display:block}.jqx-xl\\:hidden{display:none}.jqx-xl\\:flex{display:flex}.jqx-xl\\:grid{display:grid}}@media (min-width:1536px){.jqx-2xl\\:block{display:block}.jqx-2xl\\:hidden{display:none}.jqx-2xl\\:flex{display:flex}.jqx-2xl\\:grid{display:grid}}@media print{.jqx-print\\:block{display:block}.jqx-print\\:hidden{display:none}.jqx-print\\:flex{display:flex}.jqx-print\\:grid{display:grid}}[data-mode="dark"]{.jqx-dark\\:block{display:block}.jqx-dark\\:hidden{display:none}.jqx-dark\\:flex{display:flex}.jqx-dark\\:grid{display:grid}}@media (prefers-contrast:high){.jqx-contrast\\:block{display:block}.jqx-contrast\\:hidden{display:none}.jqx-contrast\\:flex{display:flex}.jqx-contrast\\:grid{display:grid}}@media (prefers-reduced-motion:reduce){.jqx-motion\\:block{display:block}.jqx-motion\\:hidden{display:none}.jqx-motion\\:flex{display:flex}.jqx-motion\\:grid{display:grid}}@media (orientation:landscape){.jqx-landscape\\:block{display:block}.jqx-landscape\\:hidden{display:none}.jqx-landscape\\:flex{display:flex}.jqx-landscape\\:grid{display:grid}}@media (orientation:portrait){.jqx-portrait\\:block{display:block}.jqx-portrait\\:hidden{display:none}.jqx-portrait\\:flex{display:flex}.jqx-portrait\\:grid{display:grid}}.jqx-grid-cell .status-cell,.jqx-grid-cell .badge-status{overflow:visible;white-space:nowrap}.jqx-grid-cell:has(.status-cell){overflow:visible!important}.badge{display:inline-flex;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 0.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.badge-red,[data-status="notPaid"],[data-status="chargeback"]{background:#fee2e2!important;color:#991b1b!important}.badge-yellow,[data-status="inProgress"]{background:#fef9c3!important;color:#92400e!important}.badge-green,[data-status="approved"]{background:#d1fae5!important;color:#065f46!important}.badge-blue,[data-status="received"]{background:#dbeafe!important;color:#1e40af!important}.badge-gray,[data-status="canceled"]{background:#f3f4f6!important;color:#374151!important}.badge-orange,[data-status="client"]{background:#fef3c7;color:#9a3412}.badge-purple,[data-status="undefined"]{background:#f3f4f6;color:#6b7280}.sidebar{top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:40;display:flex;flex-direction:column;overflow:visible;padding:calc(var(--spacing) * 4);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms;& .nav{:where(&>: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)))}& .nav-title{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-slate-400);text-transform:uppercase}& .nav-link{margin-block:calc(var(--spacing) * 2);display:flex;cursor:pointer;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-slate-950);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));&:hover{@media (hover:hover){color:var(--color-primary)}}&:where([data-mode=dark],[data-mode=dark] *){color:var(--color-slate-50)}&:where([data-mode=dark],[data-mode=dark] *){&:hover{@media (hover:hover){color:var(--color-slate-500)}}}&.active{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-slate-50);&:where([data-mode=dark],[data-mode=dark] *){border-color:var(--color-slate-800)}&:where([data-mode=dark],[data-mode=dark] *){background-color:var(--color-slate-900)}}}}&.collapsed{width:calc(var(--spacing) * 20)!important;& .nav-link{& .nav-link-text{display:none}}& .accordion{& .accordion-header{&::after{display:none}}}& details{& summary{span,i:last-child{display:none!important}}& div{display:none!important}}& .nav-sidebar span,& .desktop-logo,& #tutorial-card{display:none!important}}}.topbar{display:flex;gap:calc(var(--spacing) * 7);& .nav{display:flex;& .nav-link{margin-inline:calc(var(--spacing) * 3);margin-block:calc(var(--spacing) * 0.5);display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 2.5);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));@media (width>=40rem){flex-direction:row}&.active{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-primary-800)!important;& i,& span{color:var(--color-primary-800)!important}}}}}.nav-bottom-bar{display:flex;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 0.5);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-slate-600);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));&:hover{@media (hover:hover){color:var(--color-primary)}}&:where([data-mode=dark],[data-mode=dark] *){color:var(--color-slate-200)}}.link-primary{cursor:pointer;color:var(--color-primary);&:hover{@media (hover:hover){color:var(--color-primary-400)}}&:where([data-mode=dark],[data-mode=dark] *){color:var(--color-primary-500)}}.toggle-content{& .pane-content{&:not(.active){display:none}&.active{display:block}}}.card-table{width:100%;border-radius:var(--radius-3xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-body-transparent);&:where([data-mode=dark],[data-mode=dark] *){border-color:var(--color-slate-800)}&:where([data-mode=dark],[data-mode=dark] *){background-color:var(--color-slate-900)}}.icon-white{&:where([data-mode=dark],[data-mode=dark] *){--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}&:where([data-mode=dark],[data-mode=dark] *){--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}}@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-divide-y-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-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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-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;--tw-duration:initial;--tw-content:"";--tw-ease:initial;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%}}}.card-table{display:flex;flex-direction:column;height:100%}#lastSaleTableWrapper{flex:1;overflow-y:auto;overflow-x:hidden}