@x4b/banner 30.4.0 → 30.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x4b/banner",
-  "version": "30.4.0",
+  "version": "30.8.0",
   "description": "React Banner Component for X4B",
   "private": false,
   "author": "XComponent <dev@xcomponent.com> (http://www.xcomponent.com)",
@@ -43,7 +43,7 @@
     "test:watch": "vitest --passWithNoTests watch",
     "test:ci": "pnpm run test --reporter=default --reporter=junit --outputFile=./test-results.xml",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx --cache --max-warnings 0",
-    "typecheck": "./node_modules/.bin/tsc --noEmit",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
     "clean": "rimraf .turbo && rimraf node_modules && rimraf dist && rimraf styles.css"
   }
 }

package/styles.css

@@ -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-top-\[0\.3em\]{top:.3em}.tw-left-\[22px\]{left:22px}.tw-isolate{isolation:isolate}.tw-z-\[1\]{z-index:1}.tw-m-auto{margin:auto}.tw-m-0{margin:0}.tw-my-0{margin-top:0;margin-bottom:0}.tw-mx-2{margin-left:.5rem;margin-right:.5rem}.tw-mx-auto{margin-left:auto}.tw-mr-auto,.tw-mx-auto{margin-right:auto}.tw-ml-2{margin-left:.5rem}.tw-mr-0{margin-right:0}.tw-ml-3{margin-left:.75rem}.tw-ml-1{margin-left:.25rem}.tw-mt-2{margin-top:.5rem}.tw-box-border{box-sizing:border-box}.tw-block{display:block}.tw-inline-block{display:inline-block}.\!tw-inline-block{display:inline-block!important}.tw-flex{display:flex}.tw-grid{display:grid}.tw-hidden{display:none}.tw-h-\[0\.8em\]{height:.8em}.tw-h-\[1em\]{height:1em}.tw-h-full{height:100%}.tw-h-\[1\.5rem\]{height:1.5rem}.tw-w-96{width:24rem}.tw-w-full{width:100%}.tw-w-\[1em\]{width:1em}.tw-w-\[1\.5rem\]{width:1.5rem}.tw-w-\[310px\]{width:310px}.tw-min-w-\[36px\]{min-width:36px}.tw-min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.tw-min-w-\[13\.125rem\]{min-width:13.125rem}.tw-min-w-\[1em\]{min-width:1em}.tw-max-w-\[250px\]{max-width:250px}.tw-max-w-7xl{max-width:80rem}.tw-translate-y-px{--tw-translate-y:1px}.tw-scale-\[1\.08\],.tw-translate-y-px{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))}.tw-scale-\[1\.08\]{--tw-scale-x:1.08;--tw-scale-y:1.08}@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-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-center{justify-content:center}.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-gap-0{gap:0}.tw-gap-4{gap:1rem}.tw-self-end{align-self:flex-end}.tw-overflow-hidden{overflow:hidden}.tw-overflow-ellipsis{text-overflow:ellipsis}.tw-whitespace-nowrap{white-space:nowrap}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-full{border-radius:9999px}.tw-rounded-\[1em\]{border-radius:1em}.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-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.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-bg-\[hsl\(0deg\,0\%\,95\%\)\]{--tw-bg-opacity:1;background-color:hsl(0deg 0% 95%/var(--tw-bg-opacity))}.tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.tw-bg-red-600{background-color:var(--x4b-red-600,#e12d39)}.tw-bg-gray-50{background-color:var(--x4b-gray-50,#f3f5f7)}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.tw-object-center{-o-object-position:center;object-position:center}.tw-p-2{padding:.5rem}.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-py-4{padding-top:1rem;padding-bottom:1rem}.tw-py-\[0\.1em\]{padding-top:.1em;padding-bottom:.1em}.tw-px-\[0\.3em\]{padding-left:.3em;padding-right:.3em}.tw-px-5{padding-left:1.25rem;padding-right:1.25rem}.tw-px-0{padding-left:0;padding-right:0}.tw-text-center{text-align:center}.tw-font-sans{font-family:Open Sans,sans-serif}.tw-text-sm{font-size:.875rem}.tw-text-base{font-size:1rem}.tw-text-lg{font-size:1.125rem}.tw-text-\[0\.8em\]{font-size:.8em}.tw-font-semibold{font-weight:600}.tw-font-medium{font-weight:500}.tw-font-light{font-weight:300}.tw-font-normal{font-weight:400}.tw-leading-normal{line-height:1.5}.tw-leading-none{line-height:1}.tw-leading-\[1em\]{line-height:1em}.tw-leading-tight{line-height:1.25}.tw-tracking-wide{letter-spacing:.025em}.tw-tracking-normal{letter-spacing:0}.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-text-black{color:var(--x4b-gray-900,#2e384d)}.tw-no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.tw-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tw-opacity-0{opacity:0}.tw-opacity-40{opacity:.4}.tw-opacity-100{opacity:1}.tw-shadow-\[0_0_10px_0_rgba\(72\,40\,83\,0\.1\)\]{--tw-shadow:0 0 10px 0 #4828531a;--tw-shadow-colored:0 0 10px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-\[0_1px_2px_0_rgb\(60\,64\,67\,0\.3\)\,0_2px_6px_2px_rgb\(60\,64\,67\,0\.15\)\]{--tw-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color),0 2px 6px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-outline-none{outline:2px solid #0000;outline-offset:2px}.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}.tw-will-change-transform{will-change:transform}.svg-block svg{display:block}:root{--reach-menu-button:1}.hover\:tw-cursor-pointer:hover{cursor:pointer}.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-bg-gray-50:hover{background-color:var(--x4b-gray-50,#f3f5f7)}.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-opacity-80:hover{opacity:.8}.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}.aria-expanded\:tw-border-primary-100[aria-expanded=true]{border-color:var(--x4b-primary-100,#e0e7ff)}.aria-expanded\:tw-border-gray-100[aria-expanded=true]{border-color:var(--x4b-gray-100,#e1e5ea)}.aria-expanded\:tw-bg-primary-100[aria-expanded=true]{background-color:var(--x4b-primary-100,#e0e7ff)}.aria-expanded\:tw-bg-gray-100[aria-expanded=true]{background-color:var(--x4b-gray-100,#e1e5ea)}.aria-expanded\:tw-text-primary-700[aria-expanded=true]{color:var(--x4b-primary-700,#153fd5)}.aria-expanded\:tw-text-gray-700[aria-expanded=true]{color:var(--x4b-gray-700,#44506a)}.aria-expanded\:tw-opacity-80[aria-expanded=true]{opacity:.8}.aria-expanded\:tw-duration-150[aria-expanded=true]{transition-duration:.15s}.data-\[selected\]\:tw-cursor-pointer[data-selected]{cursor:pointer}.data-\[selected\]\:tw-bg-gray-50[data-selected]{background-color:var(--x4b-gray-50,#f3f5f7)}@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))}.motion-safe\:data-\[reach-menu-list\]\:tw-animate-slideDown[data-reach-menu-list]{animation:tw-slideDown .5s ease-out}@keyframes tw-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.motion-safe\:data-\[reach-menu-items\]\:tw-animate-slideDown[data-reach-menu-items]{animation:tw-slideDown .5s ease-out}}@media (min-width:640px){.sm\:tw-inline-block{display:inline-block}.sm\:tw-gap-1{gap:.25rem}.md\:tw-ml-3{margin-left:.75rem}.md\:tw-block{display:block}.md\:tw-hidden{display:none}.md\:tw-text-xl{font-size:1.25rem}}@media (min-width:1024px){.lg\:tw-mr-3{margin-right:.75rem}.lg\:tw-inline-block{display:inline-block}.lg\:tw-gap-2{gap:.5rem}.lg\:tw-px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:tw-text-lg{font-size:1.125rem}.lg\:tw-text-2xl{font-size:1.5rem}}@media (min-width:1300px){.xl\:tw-px-3{padding-left:.75rem;padding-right:.75rem}.xl\:tw-text-xl{font-size:1.25rem}}.data-\[selected\]\:\[\&\:not\(\:hover\)\]\:tw-ring:not(:hover)[data-selected]{--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)}.data-\[selected\]\:\[\&\:not\(\:hover\)\]\:tw-ring-gray-300:not(:hover)[data-selected]{--tw-ring-color:var(--x4b-gray-300,#a3aec2)}
+*,: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-left-\[22px\]{left:22px}.tw-right-0{right:0}.tw-top-0{top:0}.tw-top-\[0\.3em\]{top:.3em}.tw-isolate{isolation:isolate}.tw-z-\[1\]{z-index:1}.tw-m-0{margin:0}.tw-m-auto{margin:auto}.tw-mx-2{margin-left:.5rem;margin-right:.5rem}.tw-mx-auto{margin-left:auto;margin-right:auto}.tw-my-0{margin-top:0;margin-bottom:0}.tw-ml-1{margin-left:.25rem}.tw-ml-2{margin-left:.5rem}.tw-ml-3{margin-left:.75rem}.tw-mr-0{margin-right:0}.tw-mr-auto{margin-right:auto}.tw-mt-2{margin-top:.5rem}.tw-box-border{box-sizing:border-box}.tw-block{display:block}.\!tw-inline-block{display:inline-block!important}.tw-inline-block{display:inline-block}.tw-flex{display:flex}.tw-grid{display:grid}.tw-hidden{display:none}.tw-h-\[0\.8em\]{height:.8em}.tw-h-\[1\.5rem\]{height:1.5rem}.tw-h-\[1em\]{height:1em}.tw-h-full{height:100%}.tw-w-96{width:24rem}.tw-w-\[1\.5rem\]{width:1.5rem}.tw-w-\[1em\]{width:1em}.tw-w-\[310px\]{width:310px}.tw-w-full{width:100%}.tw-min-w-\[13\.125rem\]{min-width:13.125rem}.tw-min-w-\[1em\]{min-width:1em}.tw-min-w-\[36px\]{min-width:36px}.tw-min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.tw-max-w-7xl{max-width:80rem}.tw-max-w-\[250px\]{max-width:250px}.tw-translate-y-px{--tw-translate-y:1px}.tw-scale-\[1\.08\],.tw-translate-y-px{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))}.tw-scale-\[1\.08\]{--tw-scale-x:1.08;--tw-scale-y:1.08}@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-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-center{justify-content:center}.tw-gap-0{gap:0}.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-gap-4{gap:1rem}.tw-self-end{align-self:flex-end}.tw-overflow-hidden{overflow:hidden}.tw-overflow-ellipsis{text-overflow:ellipsis}.tw-whitespace-nowrap{white-space:nowrap}.tw-rounded-\[1em\]{border-radius:1em}.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-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.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-\[hsl\(0deg\,0\%\,95\%\)\]{--tw-bg-opacity:1;background-color:hsl(0deg 0% 95%/var(--tw-bg-opacity,1))}.tw-bg-accent-800{background-color:var(--x4b-secondary-800,#0b69a3)}.tw-bg-gray-100{background-color:var(--x4b-gray-100,#e1e5ea)}.tw-bg-gray-50{background-color:var(--x4b-gray-50,#f3f5f7)}.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-600{background-color:var(--x4b-red-600,#e12d39)}.tw-bg-red-700{background-color:var(--x4b-red-700,#d01124)}.tw-bg-transparent{background-color:transparent}.tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.tw-object-center{-o-object-position:center;object-position:center}.tw-p-2{padding:.5rem}.\!tw-px-0{padding-left:0!important;padding-right:0!important}.\!tw-py-0{padding-top:0!important;padding-bottom:0!important}.tw-px-0{padding-left:0;padding-right:0}.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-px-5{padding-left:1.25rem;padding-right:1.25rem}.tw-px-\[0\.3em\]{padding-left:.3em;padding-right:.3em}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-3{padding-top:.75rem;padding-bottom:.75rem}.tw-py-4{padding-top:1rem;padding-bottom:1rem}.tw-py-\[0\.1em\]{padding-top:.1em;padding-bottom:.1em}.tw-text-center{text-align:center}.tw-font-sans{font-family:Open Sans,sans-serif}.tw-text-\[0\.8em\]{font-size:.8em}.tw-text-base{font-size:1rem}.tw-text-lg{font-size:1.125rem}.tw-text-sm{font-size:.875rem}.tw-font-light{font-weight:300}.tw-font-medium{font-weight:500}.tw-font-normal{font-weight:400}.tw-font-semibold{font-weight:600}.tw-leading-\[1em\]{line-height:1em}.tw-leading-none{line-height:1}.tw-leading-normal{line-height:1.5}.tw-leading-tight{line-height:1.25}.tw-tracking-normal{letter-spacing:0}.tw-tracking-wide{letter-spacing:.025em}.tw-text-accent-800{color:var(--x4b-secondary-800,#0b69a3)}.tw-text-black{color:var(--x4b-gray-900,#2e384d)}.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-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-opacity-40{opacity:.4}.tw-shadow-\[0_0_10px_0_rgba\(72\,40\,83\,0\.1\)\]{--tw-shadow:0 0 10px 0 rgba(72,40,83,.1);--tw-shadow-colored:0 0 10px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-\[0_1px_2px_0_rgb\(60\,64\,67\,0\.3\)\,0_2px_6px_2px_rgb\(60\,64\,67\,0\.15\)\]{--tw-shadow:0 1px 2px 0 rgb(60,64,67,0.3),0 2px 6px 2px rgb(60,64,67,0.15);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color),0 2px 6px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-outline-none{outline:2px solid transparent;outline-offset:2px}.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}.tw-will-change-transform{will-change:transform}.svg-block svg{display:block}:root{--reach-menu-button:1}.hover\:tw-cursor-pointer:hover{cursor:pointer}.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-gray-50:hover{background-color:var(--x4b-gray-50,#f3f5f7)}.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-opacity-80:hover{opacity:.8}.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}.aria-expanded\:tw-border-gray-100[aria-expanded=true]{border-color:var(--x4b-gray-100,#e1e5ea)}.aria-expanded\:tw-border-primary-100[aria-expanded=true]{border-color:var(--x4b-primary-100,#e0e7ff)}.aria-expanded\:tw-bg-gray-100[aria-expanded=true]{background-color:var(--x4b-gray-100,#e1e5ea)}.aria-expanded\:tw-bg-primary-100[aria-expanded=true]{background-color:var(--x4b-primary-100,#e0e7ff)}.aria-expanded\:tw-text-gray-700[aria-expanded=true]{color:var(--x4b-gray-700,#44506a)}.aria-expanded\:tw-text-primary-700[aria-expanded=true]{color:var(--x4b-primary-700,#153fd5)}.aria-expanded\:tw-opacity-80[aria-expanded=true]{opacity:.8}.aria-expanded\:tw-duration-150[aria-expanded=true]{transition-duration:.15s}.data-\[selected\]\:tw-cursor-pointer[data-selected]{cursor:pointer}.data-\[selected\]\:tw-bg-gray-50[data-selected]{background-color:var(--x4b-gray-50,#f3f5f7)}@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))}.motion-safe\:data-\[reach-menu-items\]\:tw-animate-slideDown[data-reach-menu-items]{animation:tw-slideDown .5s ease-out}@keyframes tw-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.motion-safe\:data-\[reach-menu-list\]\:tw-animate-slideDown[data-reach-menu-list]{animation:tw-slideDown .5s ease-out}}@media (min-width:640px){.sm\:tw-inline-block{display:inline-block}.sm\:tw-gap-1{gap:.25rem}.md\:tw-ml-3{margin-left:.75rem}.md\:tw-block{display:block}.md\:tw-hidden{display:none}.md\:tw-text-xl{font-size:1.25rem}}@media (min-width:1024px){.lg\:tw-mr-3{margin-right:.75rem}.lg\:tw-inline-block{display:inline-block}.lg\:tw-gap-2{gap:.5rem}.lg\:tw-px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:tw-text-2xl{font-size:1.5rem}.lg\:tw-text-lg{font-size:1.125rem}}@media (min-width:1300px){.xl\:tw-px-3{padding-left:.75rem;padding-right:.75rem}.xl\:tw-text-xl{font-size:1.25rem}}.data-\[selected\]\:\[\&\:not\(\:hover\)\]\:tw-ring:not(:hover)[data-selected]{--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)}.data-\[selected\]\:\[\&\:not\(\:hover\)\]\:tw-ring-gray-300:not(:hover)[data-selected]{--tw-ring-color:var(--x4b-gray-300,#a3aec2)}