@atomos_tech/genesis
Version:
list of components for your project
1 lines • 85.8 kB
Source Map (JSON)
{"version":3,"sources":["../app/globals.css"],"sourcesContent":["/*\n! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: var(--gray-200); /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: var(--gray-400); /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: var(--gray-400); /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n display: none;\n}\n :root {\n /* Theme Primary Colors */\n .theme-primary {\n --primary-25: #f5faff;\n --primary-50: #eff8ff;\n --primary-100: #d1e9ff;\n --primary-200: #b2ddff;\n --primary-300: #84caff;\n --primary-400: #53b1fd;\n --primary-500: #2e90fa;\n --primary-600: #1570ef;\n --primary-700: #175cd3;\n --primary-800: #1849a9;\n --primary-900: #194185;\n }\n\n /* .theme-primary {\n --primary-25: #fafaff;\n --primary-50: #f4f3ff;\n --primary-100: #ebe9fe;\n --primary-200: #d9d6fe;\n --primary-300: #bdb4fe;\n --primary-400: #9b8afb;\n --primary-500: #7a5af8;\n --primary-600: #6938ef;\n --primary-700: #5925dc;\n --primary-800: #4a1fb8;\n --primary-900: #3e1c96;\n } */\n\n /* Gray Colors */\n --gray-25: #fff;\n --gray-50: #f9fafb;\n --gray-100: #f2f4f7;\n --gray-200: #eaecf0;\n --gray-300: #d0d5dd;\n --gray-400: #98a2b3;\n --gray-500: #667085;\n --gray-600: #475467;\n --gray-700: #344054;\n --gray-800: #1d2939;\n --gray-900: #101828;\n\n /* Error Colors */\n --error-25: #fffbfa;\n --error-50: #fef3f2;\n --error-100: #fee4e2;\n --error-200: #fecdca;\n --error-300: #fda29b;\n --error-400: #f97066;\n --error-500: #f04438;\n --error-600: #d92d20;\n --error-700: #b42318;\n --error-800: #912018;\n --error-900: #7a271a;\n\n /* Warning Colors */\n --warning-25: #fffdf5;\n --warning-50: #fffaeb;\n --warning-100: #fef0c7;\n --warning-200: #fedf89;\n --warning-300: #fec84b;\n --warning-400: #fdb022;\n --warning-500: #f79009;\n --warning-600: #dc6803;\n --warning-700: #b54708;\n --warning-800: #93370d;\n --warning-900: #7a2e0e;\n\n /* Success Colors */\n --success-25: #f6fef9;\n --success-50: #ecfdf3;\n --success-100: #d1fadf;\n --success-200: #a6f4c5;\n --success-300: #6ce9a6;\n --success-400: #32d583;\n --success-500: #12b76a;\n --success-600: #039855;\n --success-700: #027a48;\n --success-800: #05603a;\n --success-900: #054f31;\n }\n\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(59 130 246 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.pointer-events-none {\n pointer-events: none;\n}\n.fixed {\n position: fixed;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.sticky {\n position: sticky;\n}\n.-left-1 {\n left: -0.25rem;\n}\n.-left-1\\.5 {\n left: -0.375rem;\n}\n.-top-1 {\n top: -0.25rem;\n}\n.-top-\\[1\\.1px\\] {\n top: -1.1px;\n}\n.bottom-0 {\n bottom: 0px;\n}\n.bottom-0\\.5 {\n bottom: 0.125rem;\n}\n.bottom-1 {\n bottom: 0.25rem;\n}\n.bottom-1\\.5 {\n bottom: 0.375rem;\n}\n.bottom-10 {\n bottom: 2.5rem;\n}\n.bottom-2 {\n bottom: 0.5rem;\n}\n.bottom-2\\.5 {\n bottom: 0.625rem;\n}\n.bottom-4 {\n bottom: 1rem;\n}\n.bottom-\\[57px\\] {\n bottom: 57px;\n}\n.bottom-\\[calc\\(100\\%\\+0px\\)\\] {\n bottom: calc(100% + 0px);\n}\n.left-0 {\n left: 0px;\n}\n.left-0\\.5 {\n left: 0.125rem;\n}\n.left-1 {\n left: 0.25rem;\n}\n.left-1\\.5 {\n left: 0.375rem;\n}\n.left-2\\/4 {\n left: 50%;\n}\n.left-\\[calc\\(100\\%\\+0px\\)\\] {\n left: calc(100% + 0px);\n}\n.right-0 {\n right: 0px;\n}\n.right-0\\.5 {\n right: 0.125rem;\n}\n.right-1 {\n right: 0.25rem;\n}\n.right-1\\.5 {\n right: 0.375rem;\n}\n.right-2 {\n right: 0.5rem;\n}\n.right-2\\.5 {\n right: 0.625rem;\n}\n.right-4 {\n right: 1rem;\n}\n.right-5 {\n right: 1.25rem;\n}\n.right-\\[90\\%\\] {\n right: 90%;\n}\n.right-\\[calc\\(100\\%\\+0px\\)\\] {\n right: calc(100% + 0px);\n}\n.top-0 {\n top: 0px;\n}\n.top-1\\/2 {\n top: 50%;\n}\n.top-10 {\n top: 2.5rem;\n}\n.top-2\\/4 {\n top: 50%;\n}\n.top-4 {\n top: 1rem;\n}\n.top-\\[calc\\(100\\%\\+0px\\)\\] {\n top: calc(100% + 0px);\n}\n.top-full {\n top: 100%;\n}\n.-z-10 {\n z-index: -10;\n}\n.z-10 {\n z-index: 10;\n}\n.z-20 {\n z-index: 20;\n}\n.z-50 {\n z-index: 50;\n}\n.z-\\[1000000\\] {\n z-index: 1000000;\n}\n.z-\\[100000\\] {\n z-index: 100000;\n}\n.z-\\[1000\\] {\n z-index: 1000;\n}\n.z-\\[100\\] {\n z-index: 100;\n}\n.m-0 {\n margin: 0px;\n}\n.m-1 {\n margin: 0.25rem;\n}\n.m-5 {\n margin: 1.25rem;\n}\n.m-auto {\n margin: auto;\n}\n.mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n.mx-3 {\n margin-left: 0.75rem;\n margin-right: 0.75rem;\n}\n.mx-4 {\n margin-left: 1rem;\n margin-right: 1rem;\n}\n.mx-\\[6px\\] {\n margin-left: 6px;\n margin-right: 6px;\n}\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n.my-10 {\n margin-top: 2.5rem;\n margin-bottom: 2.5rem;\n}\n.my-2 {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n.my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n.my-5 {\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n}\n.-mt-1 {\n margin-top: -0.25rem;\n}\n.-mt-\\[3px\\] {\n margin-top: -3px;\n}\n.mb-1 {\n margin-bottom: 0.25rem;\n}\n.mb-3 {\n margin-bottom: 0.75rem;\n}\n.mb-4 {\n margin-bottom: 1rem;\n}\n.mb-\\[6px\\] {\n margin-bottom: 6px;\n}\n.ml-10 {\n margin-left: 2.5rem;\n}\n.ml-2 {\n margin-left: 0.5rem;\n}\n.ml-20 {\n margin-left: 5rem;\n}\n.ml-5 {\n margin-left: 1.25rem;\n}\n.ml-\\[80px\\] {\n margin-left: 80px;\n}\n.mr-8 {\n margin-right: 2rem;\n}\n.mt-1 {\n margin-top: 0.25rem;\n}\n.mt-10 {\n margin-top: 2.5rem;\n}\n.mt-2 {\n margin-top: 0.5rem;\n}\n.mt-3 {\n margin-top: 0.75rem;\n}\n.line-clamp-1 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n}\n.line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n.block {\n display: block;\n}\n.inline-block {\n display: inline-block;\n}\n.flex {\n display: flex;\n}\n.inline-flex {\n display: inline-flex;\n}\n.table {\n display: table;\n}\n.grid {\n display: grid;\n}\n.hidden {\n display: none;\n}\n.aspect-\\[2\\/1\\] {\n aspect-ratio: 2/1;\n}\n.h-1 {\n height: 0.25rem;\n}\n.h-1\\.5 {\n height: 0.375rem;\n}\n.h-10 {\n height: 2.5rem;\n}\n.h-11 {\n height: 2.75rem;\n}\n.h-12 {\n height: 3rem;\n}\n.h-14 {\n height: 3.5rem;\n}\n.h-16 {\n height: 4rem;\n}\n.h-2 {\n height: 0.5rem;\n}\n.h-2\\.5 {\n height: 0.625rem;\n}\n.h-3 {\n height: 0.75rem;\n}\n.h-3\\.5 {\n height: 0.875rem;\n}\n.h-4 {\n height: 1rem;\n}\n.h-5 {\n height: 1.25rem;\n}\n.h-6 {\n height: 1.5rem;\n}\n.h-7 {\n height: 1.75rem;\n}\n.h-8 {\n height: 2rem;\n}\n.h-\\[100px\\] {\n height: 100px;\n}\n.h-\\[10px\\] {\n height: 10px;\n}\n.h-\\[126px\\] {\n height: 126px;\n}\n.h-\\[14px\\] {\n height: 14px;\n}\n.h-\\[1px\\] {\n height: 1px;\n}\n.h-\\[20px\\] {\n height: 20px;\n}\n.h-\\[35px\\] {\n height: 35px;\n}\n.h-\\[4\\.5px\\] {\n height: 4.5px;\n}\n.h-\\[42px\\] {\n height: 42px;\n}\n.h-auto {\n height: auto;\n}\n.h-full {\n height: 100%;\n}\n.max-h-0 {\n max-height: 0px;\n}\n.max-h-\\[200px\\] {\n max-height: 200px;\n}\n.max-h-\\[230px\\] {\n max-height: 230px;\n}\n.max-h-\\[320px\\] {\n max-height: 320px;\n}\n.max-h-\\[60vh\\] {\n max-height: 60vh;\n}\n.max-h-\\[70vh\\] {\n max-height: 70vh;\n}\n.max-h-\\[80vh\\] {\n max-height: 80vh;\n}\n.max-h-full {\n max-height: 100%;\n}\n.min-h-screen {\n min-height: 100vh;\n}\n.w-1 {\n width: 0.25rem;\n}\n.w-1\\.5 {\n width: 0.375rem;\n}\n.w-10 {\n width: 2.5rem;\n}\n.w-11 {\n width: 2.75rem;\n}\n.w-12 {\n width: 3rem;\n}\n.w-14 {\n width: 3.5rem;\n}\n.w-16 {\n width: 4rem;\n}\n.w-2 {\n width: 0.5rem;\n}\n.w-2\\.5 {\n width: 0.625rem;\n}\n.w-3 {\n width: 0.75rem;\n}\n.w-3\\.5 {\n width: 0.875rem;\n}\n.w-4 {\n width: 1rem;\n}\n.w-5 {\n width: 1.25rem;\n}\n.w-8 {\n width: 2rem;\n}\n.w-9 {\n width: 2.25rem;\n}\n.w-\\[100px\\] {\n width: 100px;\n}\n.w-\\[10px\\] {\n width: 10px;\n}\n.w-\\[15\\%\\] {\n width: 15%;\n}\n.w-\\[1px\\] {\n width: 1px;\n}\n.w-\\[20\\%\\] {\n width: 20%;\n}\n.w-\\[20px\\] {\n width: 20px;\n}\n.w-\\[250px\\] {\n width: 250px;\n}\n.w-\\[300px\\] {\n width: 300px;\n}\n.w-\\[308px\\] {\n width: 308px;\n}\n.w-\\[313px\\] {\n width: 313px;\n}\n.w-\\[320px\\] {\n width: 320px;\n}\n.w-\\[37px\\] {\n width: 37px;\n}\n.w-\\[4\\.5px\\] {\n width: 4.5px;\n}\n.w-\\[50\\%\\] {\n width: 50%;\n}\n.w-\\[500px\\] {\n width: 500px;\n}\n.w-\\[55\\%\\] {\n width: 55%;\n}\n.w-\\[80\\%\\] {\n width: 80%;\n}\n.w-\\[80px\\] {\n width: 80px;\n}\n.w-\\[85\\%\\] {\n width: 85%;\n}\n.w-\\[88px\\] {\n width: 88px;\n}\n.w-auto {\n width: auto;\n}\n.w-fit {\n width: -moz-fit-content;\n width: fit-content;\n}\n.w-full {\n width: 100%;\n}\n.w-max {\n width: -moz-max-content;\n width: max-content;\n}\n.min-w-\\[100px\\] {\n min-width: 100px;\n}\n.min-w-\\[120px\\] {\n min-width: 120px;\n}\n.min-w-\\[200px\\] {\n min-width: 200px;\n}\n.max-w-\\[138px\\] {\n max-width: 138px;\n}\n.max-w-\\[167px\\] {\n max-width: 167px;\n}\n.max-w-\\[270px\\] {\n max-width: 270px;\n}\n.max-w-\\[328px\\] {\n max-width: 328px;\n}\n.max-w-lg {\n max-width: 32rem;\n}\n.flex-grow {\n flex-grow: 1;\n}\n.-translate-x-2\\/4 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-2\\/4 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-\\[-10px\\] {\n --tw-translate-x: -10px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-x-\\[10px\\] {\n --tw-translate-x: 10px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-\\[-10px\\] {\n --tw-translate-y: -10px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-\\[10px\\] {\n --tw-translate-y: 10px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-0 {\n --tw-rotate: 0deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-180 {\n --tw-rotate: 180deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n@keyframes slide-in-right {\n\n from {\n transform: translateX(100%);\n }\n\n to {\n transform: translateX(0);\n }\n}\n.animate-slide-in-right {\n animation: slide-in-right 0.5s ease forwards;\n}\n@keyframes slide-in-top {\n\n from {\n transform: translateY(-100%);\n }\n\n to {\n transform: translateY(0);\n }\n}\n.animate-slide-in-top {\n animation: slide-in-top 0.5s ease forwards;\n}\n@keyframes spin-slow {\n\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n.animate-spin-slow {\n animation: spin-slow 1.5s linear infinite;\n}\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.grid-rows-\\[0fr\\] {\n grid-template-rows: 0fr;\n}\n.grid-rows-\\[1fr\\] {\n grid-template-rows: 1fr;\n}\n.flex-col {\n flex-direction: column;\n}\n.flex-wrap {\n flex-wrap: wrap;\n}\n.items-start {\n align-items: flex-start;\n}\n.items-center {\n align-items: center;\n}\n.items-stretch {\n align-items: stretch;\n}\n.justify-start {\n justify-content: flex-start;\n}\n.justify-end {\n justify-content: flex-end;\n}\n.justify-center {\n justify-content: center;\n}\n.justify-between {\n justify-content: space-between;\n}\n.justify-evenly {\n justify-content: space-evenly;\n}\n.gap-1 {\n gap: 0.25rem;\n}\n.gap-1\\.5 {\n gap: 0.375rem;\n}\n.gap-10 {\n gap: 2.5rem;\n}\n.gap-2 {\n gap: 0.5rem;\n}\n.gap-3 {\n gap: 0.75rem;\n}\n.gap-4 {\n gap: 1rem;\n}\n.gap-5 {\n gap: 1.25rem;\n}\n.gap-6 {\n gap: 1.5rem;\n}\n.gap-\\[6px\\] {\n gap: 6px;\n}\n.-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(-1.5rem * var(--tw-space-x-reverse));\n margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));\n}\n.space-y-10 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));\n}\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.space-y-3 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\n.overflow-auto {\n overflow: auto;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-y-auto {\n overflow-y: auto;\n}\n.overflow-y-scroll {\n overflow-y: scroll;\n}\n.text-ellipsis {\n text-overflow: ellipsis;\n}\n.whitespace-normal {\n white-space: normal;\n}\n.whitespace-nowrap {\n white-space: nowrap;\n}\n.break-words {\n overflow-wrap: break-word;\n}\n.break-all {\n word-break: break-all;\n}\n.rounded {\n border-radius: 0.25rem;\n}\n.rounded-2xl {\n border-radius: 1rem;\n}\n.rounded-\\[4px\\] {\n border-radius: 4px;\n}\n.rounded-\\[6px\\] {\n border-radius: 6px;\n}\n.rounded-full {\n border-radius: 9999px;\n}\n.rounded-lg {\n border-radius: 0.5rem;\n}\n.rounded-md {\n border-radius: 0.375rem;\n}\n.rounded-none {\n border-radius: 0px;\n}\n.rounded-xl {\n border-radius: 0.75rem;\n}\n.rounded-b-none {\n border-bottom-right-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n.rounded-b-xl {\n border-bottom-right-radius: 0.75rem;\n border-bottom-left-radius: 0.75rem;\n}\n.rounded-l-lg {\n border-top-left-radius: 0.5rem;\n border-bottom-left-radius: 0.5rem;\n}\n.rounded-r-lg {\n border-top-right-radius: 0.5rem;\n border-bottom-right-radius: 0.5rem;\n}\n.border {\n border-width: 1px;\n}\n.border-2 {\n border-width: 2px;\n}\n.border-4 {\n border-width: 4px;\n}\n.border-\\[6px\\] {\n border-width: 6px;\n}\n.border-y-\\[0\\.5px\\] {\n border-top-width: 0.5px;\n border-bottom-width: 0.5px;\n}\n.border-b {\n border-bottom-width: 1px;\n}\n.border-b-0 {\n border-bottom-width: 0px;\n}\n.border-b-2 {\n border-bottom-width: 2px;\n}\n.border-l-4 {\n border-left-width: 4px;\n}\n.border-t {\n border-top-width: 1px;\n}\n.border-dashed {\n border-style: dashed;\n}\n.border-none {\n border-style: none;\n}\n.border-error-600 {\n border-color: var(--error-600);\n}\n.border-error-700 {\n border-color: var(--error-700);\n}\n.border-gray-200 {\n border-color: var(--gray-200);\n}\n.border-gray-300 {\n border-color: var(--gray-300);\n}\n.border-gray-50 {\n border-color: var(--gray-50);\n}\n.border-gray-600 {\n border-color: var(--gray-600);\n}\n.border-gray-700 {\n border-color: var(--gray-700);\n}\n.border-gray-800 {\n border-color: var(--gray-800);\n}\n.border-primary-100 {\n border-color: var(--primary-100);\n}\n.border-primary-400 {\n border-color: var(--primary-400);\n}\n.border-primary-50 {\n border-color: var(--primary-50);\n}\n.border-primary-600 {\n border-color: var(--primary-600);\n}\n.border-primary-900 {\n border-color: var(--primary-900);\n}\n.border-red-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity));\n}\n.border-success-600 {\n border-color: var(--success-600);\n}\n.border-transparent {\n border-color: transparent;\n}\n.border-warning-500 {\n border-color: var(--warning-500);\n}\n.border-warning-600 {\n border-color: var(--warning-600);\n}\n.bg-backdrop {\n background-color: rgba(0, 0, 0, 0.5);\n}\n.bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n.bg-bluegray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(234 236 245 / var(--tw-bg-opacity));\n}\n.bg-bluegray-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(78 91 166 / var(--tw-bg-opacity));\n}\n.bg-bluelight-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 242 254 / var(--tw-bg-opacity));\n}\n.bg-bluelight-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(0 134 201 / var(--tw-bg-opacity));\n}\n.bg-error-25 {\n background-color: var(--error-25);\n}\n.bg-error-50 {\n background-color: var(--error-50);\n}\n.bg-error-600 {\n background-color: var(--error-600);\n}\n.bg-error-700 {\n background-color: var(--error-700);\n}\n.bg-gray-100 {\n background-color: var(--gray-100);\n}\n.bg-gray-200 {\n background-color: var(--gray-200);\n}\n.bg-gray-25 {\n background-color: var(--gray-25);\n}\n.bg-gray-300 {\n background-color: var(--gray-300);\n}\n.bg-gray-50 {\n background-color: var(--gray-50);\n}\n.bg-gray-600 {\n background-color: var(--gray-600);\n}\n.bg-indigo-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 234 255 / var(--tw-bg-opacity));\n}\n.bg-indigo-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(53 56 205 / var(--tw-bg-opacity));\n}\n.bg-orange-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 246 237 / var(--tw-bg-opacity));\n}\n.bg-orange-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(236 74 10 / var(--tw-bg-opacity));\n}\n.bg-pink-25 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 246 251 / var(--tw-bg-opacity));\n}\n.bg-pink-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(193 21 116 / var(--tw-bg-opacity));\n}\n.bg-primary-100 {\n background-color: var(--primary-100);\n}\n.bg-primary-25 {\n background-color: var(--primary-25);\n}\n.bg-primary-50 {\n background-color: var(--primary-50);\n}\n.bg-primary-600 {\n background-color: var(--primary-600);\n}\n.bg-purple-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(244 243 255 / var(--tw-bg-opacity));\n}\n.bg-purple-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(89 37 220 / var(--tw-bg-opacity));\n}\n.bg-red-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity));\n}\n.bg-rose-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 241 243 / var(--tw-bg-opacity));\n}\n.bg-rose-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(227 27 84 / var(--tw-bg-opacity));\n}\n.bg-success-25 {\n background-color: var(--success-25);\n}\n.bg-success-50 {\n background-color: var(--success-50);\n}\n.bg-success-500 {\n background-color: var(--success-500);\n}\n.bg-success-600 {\n background-color: var(--success-600);\n}\n.bg-transparent {\n background-color: transparent;\n}\n.bg-violet-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 245 255 / var(--tw-bg-opacity));\n}\n.bg-violet-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(105 65 198 / var(--tw-bg-opacity));\n}\n.bg-warning-25 {\n background-color: var(--warning-25);\n}\n.bg-warning-50 {\n background-color: var(--warning-50);\n}\n.bg-warning-600 {\n background-color: var(--warning-600);\n}\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.fill-none {\n fill: none;\n}\n.stroke-gray-200 {\n stroke: var(--gray-200);\n}\n.stroke-primary-600 {\n stroke: var(--primary-600);\n}\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\n.p-1 {\n padding: 0.25rem;\n}\n.p-2 {\n padding: 0.5rem;\n}\n.p-2\\.5 {\n padding: 0.625rem;\n}\n.p-3 {\n padding: 0.75rem;\n}\n.p-3\\.5 {\n padding: 0.875rem;\n}\n.p-4 {\n padding: 1rem;\n}\n.p-5 {\n padding: 1.25rem;\n}\n.p-6 {\n padding: 1.5rem;\n}\n.p-\\[18px\\] {\n padding: 18px;\n}\n.px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n.px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem;\n}\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n}\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n}\n.px-\\[14px\\] {\n padding-left: 14px;\n padding-right: 14px;\n}\n.px-\\[17px\\] {\n padding-left: 17px;\n padding-right: 17px;\n}\n.px-\\[18px\\] {\n padding-left: 18px;\n padding-right: 18px;\n}\n.py-0 {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n.py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n}\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n.py-10 {\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n}\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.py-5 {\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n}\n.py-\\[21px\\] {\n padding-top: 21px;\n padding-bottom: 21px;\n}\n.py-\\[22px\\] {\n padding-top: 22px;\n padding-bottom: 22px;\n}\n.py-\\[6px\\] {\n padding-top: 6px;\n padding-bottom: 6px;\n}\n.py-\\[8px\\] {\n padding-top: 8px;\n padding-bottom: 8px;\n}\n.pb-3 {\n padding-bottom: 0.75rem;\n}\n.pb-3\\.5 {\n padding-bottom: 0.875rem;\n}\n.pl-3 {\n padding-left: 0.75rem;\n}\n.pt-\\[2px\\] {\n padding-top: 2px;\n}\n.text-left {\n text-align: left;\n}\n.text-center {\n text-align: center;\n}\n.text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n.text-\\[14px\\] {\n font-size: 14px;\n}\n.text-\\[16px\\] {\n font-size: 16px;\n}\n.text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.text-display-2xl {\n font-size: 4.5rem;\n}\n.text-display-lg {\n font-size: 3rem;\n}\n.text-display-md {\n font-size: 2.25rem;\n}\n.text-display-sm {\n font-size: 1.875rem;\n}\n.text-display-xl {\n font-size: 3.75rem;\n}\n.text-display-xs {\n font-size: 1.5rem;\n}\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.text-text-lg {\n font-size: 1.125rem;\n}\n.text-text-md {\n font-size: 1rem;\n}\n.text-text-sm {\n font-size: 0.875rem;\n}\n.text-text-xl {\n font-size: 1.25rem;\n}\n.text-text-xs {\n font-size: 0.75rem;\n}\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.font-bold {\n font-weight: 700;\n}\n.font-medium {\n font-weight: 500;\n}\n.font-normal {\n font-weight: 400;\n}\n.font-regular {\n font-weight: 400;\n}\n.font-semibold {\n font-weight: 600;\n}\n.capitalize {\n text-transform: capitalize;\n}\n.text-bluegray-500 {\n --tw-text-opacity: 1;\n color: rgb(78 91 166 / var(--tw-text-opacity));\n}\n.text-bluelight-600 {\n --tw-text-opacity: 1;\n color: rgb(0 134 201 / var(--tw-text-opacity));\n}\n.text-error-500 {\n color: var(--error-500);\n}\n.text-error-600 {\n color: var(--error-600);\n}\n.text-error-700 {\n color: var(--error-700);\n}\n.text-gray-300 {\n color: var(--gray-300);\n}\n.text-gray-400 {\n color: var(--gray-400);\n}\n.text-gray-500 {\n color: var(--gray-500);\n}\n.text-gray-600 {\n color: var(--gray-600);\n}\n.text-gray-700 {\n color: var(--gray-700);\n}\n.text-gray-800 {\n color: var(--gray-800);\n}\n.text-gray-900 {\n color: var(--gray-900);\n}\n.text-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(53 56 205 / var(--tw-text-opacity));\n}\n.text-inherit {\n color: inherit;\n}\n.text-orange-600 {\n --tw-text-opacity: 1;\n color: rgb(236 74 10 / var(--tw-text-opacity));\n}\n.text-pink-700 {\n --tw-text-opacity: 1;\n color: rgb(193 21 116 / var(--tw-text-opacity));\n}\n.text-primary-400 {\n color: var(--primary-400);\n}\n.text-primary-600 {\n color: var(--primary-600);\n}\n.text-primary-700 {\n color: var(--primary-700);\n}\n.text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(89 37 220 / var(--tw-text-opacity));\n}\n.text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity));\n}\n.text-rose-600 {\n --tw-text-opacity: 1;\n color: rgb(227 27 84 / var(--tw-text-opacity));\n}\n.text-success-500 {\n color: var(--success-500);\n}\n.text-success-600 {\n color: var(--success-600);\n}\n.text-violet-700 {\n --tw-text-opacity: 1;\n color: rgb(105 65 198 / var(--tw-text-opacity));\n}\n.text-warning-400 {\n color: var(--warning-400);\n}\n.text-warning-500 {\n color: var(--warning-500);\n}\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.text-yellow-500 {\n --tw-text-opacity: 1;\n color: rgb(234 179 8 / var(--tw-text-opacity));\n}\n.opacity-0 {\n opacity: 0;\n}\n.opacity-100 {\n opacity: 1;\n}\n.opacity-30 {\n opacity: 0.3;\n}\n.opacity-50 {\n opacity: 0.5;\n}\n.opacity-\\[1\\] {\n opacity: 1;\n}\n.bg-blend-overlay {\n background-blend-mode: overlay;\n}\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-\\[0px_1px_2px_0px_\\#1018280D\\] {\n --tw-shadow: 0px 1px 2px 0px #1018280D;\n --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-lg {\n --tw-shadow: 0px 4px 12px 0px rgba(16, 24, 40, 0.25);\n --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-md {\n --tw-shadow: 1px 2px 12px 0px rgba(112, 112, 112, 0.25);\n --tw-shadow-colored: 1px 2px 12px 0px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-sm {\n --tw-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);\n --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-table {\n --tw-shadow: inset -3px 0px 0px 0px #EAECF0;\n --tw-shadow-colored: inset -3px 0px 0px 0px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-backdrop {\n --tw-shadow-color: rgba(0, 0, 0, 0.5);\n --tw-shadow: var(--tw-shadow-colored);\n}\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n.filter {\n 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);\n}\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n.delay-100 {\n transition-delay: 100ms;\n}\n.delay-1000 {\n transition-delay: 1000ms;\n}\n.delay-150 {\n transition-delay: 150ms;\n}\n.delay-200 {\n transition-delay: 200ms;\n}\n.delay-75 {\n transition-delay: 75ms;\n}\n.duration-1000 {\n transition-duration: 1000ms;\n}\n.duration-150 {\n transition-duration: 150ms;\n}\n.duration-200 {\n transition-duration: 200ms;\n}\n.duration-300 {\n transition-duration: 300ms;\n}\n.duration-500 {\n transition-duration: 500ms;\n}\n.duration-700 {\n transition-duration: 700ms;\n}\n.duration-75 {\n transition-duration: 75ms;\n}\n.ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ease-linear {\n transition-timing-function: linear;\n}\n\n/* .test {\n border: 1px solid red;\n} */\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n/* .skeleton {\n border-radius: 2px;\n display: inline-block;\n line-height: 100%;\n width: 100%;\n background-color: #fff;\n background-size: 1000px 1000px;\n background-image: linear-gradient(\n 100deg,\n #e8e8e8 20%,\n #fafafa 50%,\n #e8e8e8 60%\n );\n animation: placeholderShimmer 1.5s linear infinite forwards;\n}\n\n@keyframes placeholderShimmer {\n 0% {\n background-position: -500px 0;\n }\n 100% {\n background-position: 500px 0;\n }\n}\n\n.skeleton.circle {\n border-radius: 50%;\n}\n\n.handle {\n cursor: grabbing;\n} */\n\n.skeleton {\n border-radius: 2px;\n display: block;\n line-height: 100%;\n width: 100%;\n background-color: #e8e8e8;\n}\n\n/* Shimmer animation */\n.skeleton.skeleton-shimmer {\n background-size: 1000px 1000px;\n background-image: linear-gradient(\n 100deg,\n #e8e8e8 20%,\n #fafafa 50%,\n #e8e8e8 60%\n );\n animation: shimmer 1.5s linear infinite;\n}\n\n@keyframes shimmer {\n 0% {\n background-position: -500px 0;\n }\n 100% {\n background-position: 500px 0;\n }\n}\n\n/* Wave animation */\n.skeleton.skeleton-wave {\n position: relative;\n overflow: hidden;\n background-color: #e8e8e8;\n}\n\n.skeleton.skeleton-wave::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 90deg, \n transparent, \n rgba(255, 255, 255, 0.4), \n transparent\n );\n transform: translateX(-100%);\n animation: wave 1.5s linear infinite;\n}\n\n@keyframes wave {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(100%);\n }\n}\n\n/* Pulse animation */\n.skeleton.skeleton-pulse {\n background-color: #e8e8e8;\n animation: pulse 1.5s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.4;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.skeleton.circle {\n border-radius: 50%;\n}\n\n/* Chrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n/* Firefox */\ninput[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\n@keyframes fadeInGrow {\n 0% {\n opacity: 0;\n transform: scale(0.98);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n.fade-in-grow {\n animation: fadeInGrow 0.3s ease;\n}\n\n/* scrollbar */\n/* width */\n.customScroll::-webkit-scrollbar {\n width: 4px;\n}\n\n/* Track */\n.customScroll::-webkit-scrollbar-track {\n background-color: white;\n}\n\n/* Handle */\n.customScroll::-webkit-scrollbar-thumb {\n background: #eaecf0;\n border-radius: 10px;\n}\n\n/* Handle on hover */\n.customScroll::-webkit-scrollbar-thumb:hover {\n background: #98a2b3;\n}\n\n.slider {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n background-color: var(--primary-500);\n border-radius: 9999px;\n cursor: pointer;\n}\n\n.slider::-webkit-slider-thumb:hover {\n background-color: var(--primary-700);\n}\n\n.slider::-webkit-slider-thumb:active {\n background-color: var(--primary-600);\n outline: 3px solid var(--primary-200);\n box-shadow: 0px 4px 4.7px 0px #0000002e;\n}\n\n.slider::-moz-range-thumb {\n width: 50px;\n outline: 3px solid var(--primary-200);\n height: 50px;\n background-color: #000;\n border-radius: 0;\n cursor: pointer;\n}\n\n.placeholder\\:text-gray-500::-moz-placeholder {\n color: var(--gray-500);\n}\n\n.placeholder\\:text-gray-500::placeholder {\n color: var(--gray-500);\n}\n\n.after\\:absolute::after {\n content: var(--tw-content);\n position: absolute;\n}\n\n.after\\:start-\\[2px\\]::after {\n content: var(--tw-content);\n inset-inline-start: 2px;\n}\n\n.after\\:top-\\[2px\\]::after {\n content: var(--tw-content);\n top: 2px;\n}\n\n.after\\:h-2::after {\n content: var(--tw-content);\n height: 0.5rem;\n}\n\n.after\\:h-4::after {\n content: var(--tw-content);\n height: 1rem;\n}\n\n.after\\:h-5::after {\n content: var(--tw-content);\n height: 1.25rem;\n}\n\n.after\\:w-2::after {\n content: var(--tw-content);\n width: 0.5rem;\n}\n\n.after\\:w-4::after {\n content: var(--tw-content);\n width: 1rem;\n}\n\n.after\\:w-5::after {\n content: var(--tw-content);\n width: 1.25rem;\n}\n\n.after\\:rounded-full::after {\n content: var(--tw-content);\n border-radius: 9999px;\n}\n\n.after\\:bg-white::after {\n content: var(--tw-content);\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.after\\:transition-all::after {\n content: var(--tw-content);\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.after\\:content-\\[\\'\\'\\]::after {\n --tw-content: '';\n content: var(--tw-content);\n}\n\n.first\\:rounded-t:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.last\\:border-y:last-child {\n border-top-width: 1px;\n border-bottom-width: 1px;\n}\n\n.checked\\:border-primary-600:checked {\n border-color: var(--primary-600);\n}\n\n.checked\\:bg-primary-50:checked {\n background-color: var(--primary-50);\n}\n\n.focus-within\\:border-error-500:focus-within {\n border-color: var(--error-500);\n}\n\n.focus-within\\:border-gray-800:focus-within {\n border-color: var(--gray-800);\n}\n\n.focus-within\\:bg-gray-25:focus-within {\n background-color: var(--gray-25);\n}\n\n.hover\\:w-\\[300px\\]:hover {\n width: 300px;\n}\n\n.hover\\:-translate-x-3:hover {\n --tw-translate-x: -0.75rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.hover\\:rounded:hover {\n border-radius: 0.25rem;\n}\n\n.hover\\:rounded-2xl:hover {\n border-radius: 1rem;\n}\n\n.hover\\:rounded-lg:hover {\n border-radius: 0.5rem;\n}\n\n.hover\\:rounded-t:hover {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.hover\\:border-error-700:hover {\n border-color: var(--error-700);\n}\n\n.hover\\:border-error-800:hover {\n border-color: var(--error-800);\n}\n\n.hover\\:border-gray-300:hover {\n border-color: var(--gray-300);\n}\n\n.hover\\:border-gray-700:hover {\n border-color: var(--gray-700);\n}\n\n.hover\\:border-primary-600:hover {\n border-color: var(--primary-600);\n}\n\n.hover\\:border-primary-700:hover {\n border-color: var(--primary-700);\n}\n\n.hover\\:border-success-700:hover {\n border-color: var(--success-700);\n}\n\n.hover\\:border-warning-600:hover {\n border-color: var(--warning-600);\n}\n\n.hover\\:border-warning-700:hover {\n border-color: var(--warning-700);\n}\n\n.hover\\:bg-error-100:hover {\n background-color: var(--error-100);\n}\n\n.hover\\:bg-error-800:hover {\n background-color: var(--error-800);\n}\n\n.hover\\:bg-gray-100:hover {\n background-color: var(--gray-100);\n}\n\n.hover\\:bg-gray-200:hover {\n background-color: var(--gray-200);\n}\n\n.hover\\:bg-gray-300:hover {\n background-color: var(--gray-300);\n}\n\n.hover\\:bg-gray-50:hover {\n background-color: var(--gray-50);\n}\n\n.hover\\:bg-gray-700:hover {\n background-color: var(--gray-700);\n}\n\n.hover\\:bg-primary-100:hover {\n background-color: var(--primary-100);\n}\n\n.hover\\:bg-primary-200:hover {\n background-color: var(--primary-200);\n}\n\n.hover\\:bg-primary-50:hover {\n background-color: var(--primary-50);\n}\n\n.hover\\:bg-primary-600:hover {\n background-color: var(--primary-600);\n}\n\n.hover\\:bg-primary-700:hover {\n background-color: var(--primary-700);\n}\n\n.hover\\:bg-success-50:hover {\n background-color: var(--success-50);\n}\n\n.hover\\:bg-success-700:hover {\n background-color: var(--success-700);\n}\n\n.hover\\:bg-warning-50:hover {\n background-color: var(--warning-50);\n}\n\n.hover\\:bg-warning-700:hover {\n background-color: var(--warning-700);\n}\n\n.hover\\:bg-white:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n\n.hover\\:text-black:hover {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.hover\\:text-error-700:hover {\n color: var(--error-700);\n}\n\n.hover\\:text-gray-700:hover {\n color: var(--gray-700);\n}\n\n.hover\\:text-primary-700:hover {\n color: var(--primary-700);\n}\n\n.hover\\:text-success-700:hover {\n color: var(--success-700);\n}\n\n.hover\\:text-warning-600:hover {\n color: var(--warning-600);\n}\n\n.hover\\:placeholder\\:text-gray-500:hover::-moz-placeholder {\n color: var(--gray-500);\n}\n\n.hover\\:placeholder\\:text-gray-500:hover::placeholder {\n color: var(--gray-500);\n}\n\