@x4b/design-system 30.4.0 → 30.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@x4b/design-system",
|
|
3
|
-
"version": "30.
|
|
3
|
+
"version": "30.9.0",
|
|
4
4
|
"description": "X4B design system",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "XComponent <dev@xcomponent.com> (http://www.xcomponent.com)",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"build:css": "pnpm run generate:css --minify",
|
|
36
36
|
"generate:css": "pnpm exec tailwindcss -i ./styles/tailwind.css -o ./styles.css",
|
|
37
37
|
"lint": "eslint '**/*.{js,jsx,ts,tsx}' --cache --max-warnings 0",
|
|
38
|
-
"typecheck": "
|
|
38
|
+
"typecheck": "tsc -p tsconfig.json --noEmit",
|
|
39
39
|
"test": "vitest --passWithNoTests run",
|
|
40
40
|
"test:watch": "vitest --passWithNoTests watch",
|
|
41
41
|
"test:ci": "pnpm run test --reporter=default --reporter=junit --outputFile=./test-results.xml",
|
package/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-aspect-w-7{position:relative;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);--tw-aspect-w:7}.tw-aspect-w-7>*{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0}.tw-aspect-h-4{--tw-aspect-h:4}.tw-sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.tw-absolute,.tw-sr-only{position:absolute}.tw-relative{position:relative}.tw-top-0{top:0}.tw-right-0{right:0}.tw-bottom-0{bottom:0}.tw-left-0{left:0}.tw-m-auto{margin:auto}.tw-block{display:block}.tw-inline-block{display:inline-block}.tw-flex{display:flex}.tw-h-\[0\.8em\]{height:.8em}.tw-h-\[1em\]{height:1em}.tw-w-96{width:24rem}.tw-w-full{width:100%}.tw-w-\[1em\]{width:1em}.tw-translate-y-px{--tw-translate-y:1px;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))}@keyframes tw-spin{to{transform:rotate(1turn)}}.tw-animate-spin{animation:tw-spin 1s linear infinite}.tw-cursor-default{cursor:default}.tw-cursor-pointer{cursor:pointer}.tw-items-center{align-items:center}.tw-gap-2{gap:.5rem}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-full{border-radius:9999px}.tw-border{border-width:1px}.tw-border-2{border-width:2px}.tw-border-solid{border-style:solid}.tw-border-primary-600{border-color:var(--x4b-primary-600,#2e5bff)}.tw-border-accent-800{border-color:var(--x4b-secondary-800,#0b69a3)}.tw-border-gray-100{border-color:var(--x4b-gray-100,#e1e5ea)}.tw-border-red-700{border-color:var(--x4b-red-700,#d01124)}.tw-border-green-700{border-color:var(--x4b-green-700,#0f8513)}.tw-border-gray-700{border-color:var(--x4b-gray-700,#44506a)}.tw-border-red-800{border-color:var(--x4b-red-800,#aa091e)}.tw-border-green-800{border-color:var(--x4b-green-800,#0e7717)}.tw-border-transparent{border-color:#0000}.tw-border-current{border-color:currentColor}.tw-border-l-transparent{border-left-color:#0000}.tw-bg-primary-600{background-color:var(--x4b-primary-600,#2e5bff)}.tw-bg-accent-800{background-color:var(--x4b-secondary-800,#0b69a3)}.tw-bg-gray-100{background-color:var(--x4b-gray-100,#e1e5ea)}.tw-bg-red-700{background-color:var(--x4b-red-700,#d01124)}.tw-bg-green-700{background-color:var(--x4b-green-700,#0f8513)}.tw-bg-transparent{background-color:initial}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.tw-object-center{-o-object-position:center;object-position:center}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-py-3{padding-top:.75rem;padding-bottom:.75rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.\!tw-px-0{padding-left:0!important;padding-right:0!important}.\!tw-py-0{padding-top:0!important;padding-bottom:0!important}.tw-font-sans{font-family:Open Sans,sans-serif}.tw-text-sm{font-size:.875rem}.tw-text-base{font-size:1rem}.tw-font-semibold{font-weight:600}.tw-font-medium{font-weight:500}.tw-leading-normal{line-height:1.5}.tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.tw-text-gray-700{color:var(--x4b-gray-700,#44506a)}.tw-text-primary-600{color:var(--x4b-primary-600,#2e5bff)}.tw-text-accent-800{color:var(--x4b-secondary-800,#0b69a3)}.tw-text-red-800{color:var(--x4b-red-800,#aa091e)}.tw-text-green-800{color:var(--x4b-green-800,#0e7717)}.tw-text-primary-700{color:var(--x4b-primary-700,#153fd5)}.tw-no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.tw-opacity-0{opacity:0}.tw-opacity-40{opacity:.4}.tw-opacity-100{opacity:1}.tw-backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-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-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-duration-500{transition-duration:.5s}.svg-block svg{display:block}.hover\:tw-border-primary-700:hover{border-color:var(--x4b-primary-700,#153fd5)}.hover\:tw-border-accent-900:hover{border-color:var(--x4b-secondary-900,#035388)}.hover\:tw-border-gray-200:hover{border-color:var(--x4b-gray-200,#c3cad5)}.hover\:tw-border-red-800:hover{border-color:var(--x4b-red-800,#aa091e)}.hover\:tw-border-green-800:hover{border-color:var(--x4b-green-800,#0e7717)}.hover\:tw-border-accent-800:hover{border-color:var(--x4b-secondary-800,#0b69a3)}.hover\:tw-border-gray-700:hover{border-color:var(--x4b-gray-700,#44506a)}.hover\:tw-border-primary-100:hover{border-color:var(--x4b-primary-100,#e0e7ff)}.hover\:tw-border-accent-50:hover{border-color:var(--x4b-secondary-50,#e3f8ff)}.hover\:tw-border-gray-100:hover{border-color:var(--x4b-gray-100,#e1e5ea)}.hover\:tw-border-red-100:hover{border-color:var(--x4b-red-100,#ffe6e6)}.hover\:tw-border-green-100:hover{border-color:var(--x4b-green-100,#e2f9e3)}.hover\:tw-bg-primary-700:hover{background-color:var(--x4b-primary-700,#153fd5)}.hover\:tw-bg-accent-900:hover{background-color:var(--x4b-secondary-900,#035388)}.hover\:tw-bg-gray-200:hover{background-color:var(--x4b-gray-200,#c3cad5)}.hover\:tw-bg-red-800:hover{background-color:var(--x4b-red-800,#aa091e)}.hover\:tw-bg-green-800:hover{background-color:var(--x4b-green-800,#0e7717)}.hover\:tw-bg-primary-50:hover{background-color:var(--x4b-primary-50,#f3f5fc)}.hover\:tw-bg-accent-50:hover{background-color:var(--x4b-secondary-50,#e3f8ff)}.hover\:tw-bg-gray-100:hover{background-color:var(--x4b-gray-100,#e1e5ea)}.hover\:tw-bg-red-100:hover{background-color:var(--x4b-red-100,#ffe6e6)}.hover\:tw-bg-green-100:hover{background-color:var(--x4b-green-100,#e2f9e3)}.hover\:tw-bg-primary-100:hover{background-color:var(--x4b-primary-100,#e0e7ff)}.hover\:tw-text-gray-900:hover{color:var(--x4b-gray-900,#2e384d)}.hover\:tw-text-primary-700:hover{color:var(--x4b-primary-700,#153fd5)}.hover\:tw-text-accent-800:hover{color:var(--x4b-secondary-800,#0b69a3)}.hover\:tw-text-gray-700:hover{color:var(--x4b-gray-700,#44506a)}.hover\:tw-text-red-800:hover{color:var(--x4b-red-800,#aa091e)}.hover\:tw-text-green-800:hover{color:var(--x4b-green-800,#0e7717)}.hover\:tw-text-red-900:hover{color:var(--x4b-red-900,#8b041b)}.hover\:tw-underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:tw-duration-150:hover{transition-duration:.15s}.focus\:tw-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\:tw-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:tw-ring-primary-300:focus-visible{--tw-ring-color:var(--x4b-primary-300,#9fb2f9)}.focus-visible\:tw-ring-accent-300:focus-visible{--tw-ring-color:var(--x4b-secondary-300,#5ed0fa)}.focus-visible\:tw-ring-gray-300:focus-visible{--tw-ring-color:var(--x4b-gray-300,#a3aec2)}.focus-visible\:tw-ring-red-300:focus-visible{--tw-ring-color:var(--x4b-red-300,#f99)}.focus-visible\:tw-ring-green-300:focus-visible{--tw-ring-color:var(--x4b-green-300,#93e697)}.focus-visible\:tw-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.tw-group:hover .group-hover\:tw-duration-150{transition-duration:.15s}@media (prefers-reduced-motion:no-preference){.tw-group:hover .motion-safe\:group-hover\:tw-scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;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))}}@media (min-width:1024px){.lg\:tw-text-lg{font-size:1.125rem}}@media (min-width:1300px){.xl\:tw-text-xl{font-size:1.25rem}}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.tw-aspect-h-4{--tw-aspect-h:4}.tw-aspect-w-7{position:relative;padding-bottom:calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);--tw-aspect-w:7}.tw-aspect-w-7>*{height:100%;width:100%;top:0;right:0;bottom:0;left:0}.tw-aspect-w-7>*,.tw-sr-only{position:absolute}.tw-sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-bottom-0{bottom:0}.tw-left-0{left:0}.tw-right-0{right:0}.tw-top-0{top:0}.tw-m-auto{margin:auto}.tw-block{display:block}.tw-inline-block{display:inline-block}.tw-flex{display:flex}.tw-h-\[0\.8em\]{height:.8em}.tw-h-\[1em\]{height:1em}.tw-w-96{width:24rem}.tw-w-\[1em\]{width:1em}.tw-w-full{width:100%}.tw-translate-y-px{--tw-translate-y:1px;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))}@keyframes tw-spin{to{transform:rotate(1turn)}}.tw-animate-spin{animation:tw-spin 1s linear infinite}.tw-cursor-default{cursor:default}.tw-cursor-pointer{cursor:pointer}.tw-items-center{align-items:center}.tw-gap-2{gap:.5rem}.tw-rounded-full{border-radius:9999px}.tw-rounded-lg{border-radius:.5rem}.tw-border{border-width:1px}.tw-border-2{border-width:2px}.tw-border-solid{border-style:solid}.tw-border-accent-800{border-color:var(--x4b-secondary-800,#0b69a3)}.tw-border-current{border-color:currentColor}.tw-border-gray-100{border-color:var(--x4b-gray-100,#e1e5ea)}.tw-border-gray-700{border-color:var(--x4b-gray-700,#44506a)}.tw-border-green-700{border-color:var(--x4b-green-700,#0f8513)}.tw-border-green-800{border-color:var(--x4b-green-800,#0e7717)}.tw-border-primary-600{border-color:var(--x4b-primary-600,#2e5bff)}.tw-border-red-700{border-color:var(--x4b-red-700,#d01124)}.tw-border-red-800{border-color:var(--x4b-red-800,#aa091e)}.tw-border-transparent{border-color:transparent}.tw-border-l-transparent{border-left-color:transparent}.tw-bg-accent-800{background-color:var(--x4b-secondary-800,#0b69a3)}.tw-bg-gray-100{background-color:var(--x4b-gray-100,#e1e5ea)}.tw-bg-green-700{background-color:var(--x4b-green-700,#0f8513)}.tw-bg-primary-600{background-color:var(--x4b-primary-600,#2e5bff)}.tw-bg-red-700{background-color:var(--x4b-red-700,#d01124)}.tw-bg-transparent{background-color:transparent}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.tw-object-center{-o-object-position:center;object-position:center}.\!tw-px-0{padding-left:0!important;padding-right:0!important}.\!tw-py-0{padding-top:0!important;padding-bottom:0!important}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-3{padding-top:.75rem;padding-bottom:.75rem}.tw-font-sans{font-family:Open Sans,sans-serif}.tw-text-base{font-size:1rem}.tw-text-sm{font-size:.875rem}.tw-font-medium{font-weight:500}.tw-font-semibold{font-weight:600}.tw-leading-normal{line-height:1.5}.tw-text-accent-800{color:var(--x4b-secondary-800,#0b69a3)}.tw-text-gray-700{color:var(--x4b-gray-700,#44506a)}.tw-text-green-800{color:var(--x4b-green-800,#0e7717)}.tw-text-primary-600{color:var(--x4b-primary-600,#2e5bff)}.tw-text-primary-700{color:var(--x4b-primary-700,#153fd5)}.tw-text-red-800{color:var(--x4b-red-800,#aa091e)}.tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.tw-no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-opacity-40{opacity:.4}.tw-backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-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-transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-duration-500{transition-duration:.5s}.svg-block svg{display:block}.hover\:tw-border-accent-50:hover{border-color:var(--x4b-secondary-50,#e3f8ff)}.hover\:tw-border-accent-800:hover{border-color:var(--x4b-secondary-800,#0b69a3)}.hover\:tw-border-accent-900:hover{border-color:var(--x4b-secondary-900,#035388)}.hover\:tw-border-gray-100:hover{border-color:var(--x4b-gray-100,#e1e5ea)}.hover\:tw-border-gray-200:hover{border-color:var(--x4b-gray-200,#c3cad5)}.hover\:tw-border-gray-700:hover{border-color:var(--x4b-gray-700,#44506a)}.hover\:tw-border-green-100:hover{border-color:var(--x4b-green-100,#e2f9e3)}.hover\:tw-border-green-800:hover{border-color:var(--x4b-green-800,#0e7717)}.hover\:tw-border-primary-100:hover{border-color:var(--x4b-primary-100,#e0e7ff)}.hover\:tw-border-primary-700:hover{border-color:var(--x4b-primary-700,#153fd5)}.hover\:tw-border-red-100:hover{border-color:var(--x4b-red-100,#ffe6e6)}.hover\:tw-border-red-800:hover{border-color:var(--x4b-red-800,#aa091e)}.hover\:tw-bg-accent-50:hover{background-color:var(--x4b-secondary-50,#e3f8ff)}.hover\:tw-bg-accent-900:hover{background-color:var(--x4b-secondary-900,#035388)}.hover\:tw-bg-gray-100:hover{background-color:var(--x4b-gray-100,#e1e5ea)}.hover\:tw-bg-gray-200:hover{background-color:var(--x4b-gray-200,#c3cad5)}.hover\:tw-bg-green-100:hover{background-color:var(--x4b-green-100,#e2f9e3)}.hover\:tw-bg-green-800:hover{background-color:var(--x4b-green-800,#0e7717)}.hover\:tw-bg-primary-100:hover{background-color:var(--x4b-primary-100,#e0e7ff)}.hover\:tw-bg-primary-50:hover{background-color:var(--x4b-primary-50,#f3f5fc)}.hover\:tw-bg-primary-700:hover{background-color:var(--x4b-primary-700,#153fd5)}.hover\:tw-bg-red-100:hover{background-color:var(--x4b-red-100,#ffe6e6)}.hover\:tw-bg-red-800:hover{background-color:var(--x4b-red-800,#aa091e)}.hover\:tw-text-accent-800:hover{color:var(--x4b-secondary-800,#0b69a3)}.hover\:tw-text-gray-700:hover{color:var(--x4b-gray-700,#44506a)}.hover\:tw-text-gray-900:hover{color:var(--x4b-gray-900,#2e384d)}.hover\:tw-text-green-800:hover{color:var(--x4b-green-800,#0e7717)}.hover\:tw-text-primary-700:hover{color:var(--x4b-primary-700,#153fd5)}.hover\:tw-text-red-800:hover{color:var(--x4b-red-800,#aa091e)}.hover\:tw-text-red-900:hover{color:var(--x4b-red-900,#8b041b)}.hover\:tw-underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:tw-duration-150:hover{transition-duration:.15s}.focus\:tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:tw-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:tw-ring-accent-300:focus-visible{--tw-ring-color:var(--x4b-secondary-300,#5ed0fa)}.focus-visible\:tw-ring-gray-300:focus-visible{--tw-ring-color:var(--x4b-gray-300,#a3aec2)}.focus-visible\:tw-ring-green-300:focus-visible{--tw-ring-color:var(--x4b-green-300,#93e697)}.focus-visible\:tw-ring-primary-300:focus-visible{--tw-ring-color:var(--x4b-primary-300,#9fb2f9)}.focus-visible\:tw-ring-red-300:focus-visible{--tw-ring-color:var(--x4b-red-300,#f99)}.focus-visible\:tw-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.tw-group:hover .group-hover\:tw-duration-150{transition-duration:.15s}@media (prefers-reduced-motion:no-preference){.tw-group:hover .motion-safe\:group-hover\:tw-scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;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))}}@media (min-width:1024px){.lg\:tw-text-lg{font-size:1.125rem}}@media (min-width:1300px){.xl\:tw-text-xl{font-size:1.25rem}}
|