npm - @onpe/ui - Versions diffs - 1.0.7 → 1.0.9 - Mend

@onpe/ui 1.0.7 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (161) hide show

package/README.md CHANGED Viewed

@@ -357,25 +357,25 @@ La librería incluye breakpoints personalizados para ONPE:
 ### Colores de Texto
 ```css
-.text-blue          /* Azul principal */
-.text-skyblue       /* Sky blue */
-.text-yellow        /* Amarillo */
-.text-green         /* Verde */
-.text-red           /* Rojo */
-.text-gray          /* Gris */
-.text-dark-gray     /* Gris oscuro */
+.text-onpe-ui-blue          /* Azul principal */
+.text-onpe-ui-skyblue       /* Sky blue */
+.text-onpe-ui-yellow        /* Amarillo */
+.text-onpe-ui-green         /* Verde */
+.text-onpe-ui-red           /* Rojo */
+.text-onpe-ui-gray          /* Gris */
+.text-onpe-ui-dark-gray     /* Gris oscuro */
 ```
 ### Colores de Fondo
 ```css
-.bg-blue            /* Fondo azul */
-.bg-skyblue         /* Fondo sky blue */
-.bg-yellow          /* Fondo amarillo */
-.bg-green           /* Fondo verde */
-.bg-red             /* Fondo rojo */
-.bg-gray            /* Fondo gris */
-.bg-gray-light      /* Fondo gris claro */
-.bg-gray-extra-light /* Fondo gris muy claro */
+.bg-onpe-ui-blue            /* Fondo azul */
+.bg-onpe-ui-skyblue         /* Fondo sky blue */
+.bg-onpe-ui-yellow          /* Fondo amarillo */
+.bg-onpe-ui-green           /* Fondo verde */
+.bg-onpe-ui-red             /* Fondo rojo */
+.bg-onpe-ui-gray            /* Fondo gris */
+.bg-onpe-ui-gray-light      /* Fondo gris claro */
+.bg-onpe-ui-gray-extra-light /* Fondo gris muy claro */
 ```
 ## 📋 Versiones

package/dist/components.esm.js CHANGED Viewed

@@ -89,31 +89,31 @@ var Button = function (_a) {
     var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
     var getColor = function () {
         if (color === "blue")
-            return "bg-blue md:hover:bg-blue/30";
+            return "bg-onpe-ui-blue md:hover:bg-onpe-ui-blue/30";
         if (color === "skyblue")
-            return "bg-skyblue md:hover:bg-skyblue/30";
+            return "bg-onpe-ui-skyblue md:hover:bg-onpe-ui-skyblue/30";
         if (color === "skyblue-light")
-            return "bg-skyblue-light md:hover:bg-skyblue-light/30";
+            return "bg-onpe-ui-skyblue-light md:hover:bg-onpe-ui-skyblue-light/30";
         if (color === "yellow")
-            return "bg-yellow md:hover:bg-yellow/30";
+            return "bg-onpe-ui-yellow md:hover:bg-onpe-ui-yellow/30";
         if (color === "light-skyblue")
-            return "bg-light-skyblue md:hover:bg-light-skyblue/30";
+            return "bg-onpe-ui-light-skyblue md:hover:bg-onpe-ui-light-skyblue/30";
         if (color === "gray")
-            return "bg-gray md:hover:bg-gray/30";
+            return "bg-onpe-ui-gray md:hover:bg-onpe-ui-gray/30";
         if (color === "gray-light")
-            return "bg-gray-light md:hover:bg-gray-light/30";
+            return "bg-onpe-ui-gray-light md:hover:bg-onpe-ui-gray-light/30";
         if (color === "gray-extra-light")
-            return "bg-gray-extra-light md:hover:bg-gray-extra-light/30";
+            return "bg-onpe-ui-gray-extra-light md:hover:bg-onpe-ui-gray-extra-light/30";
         if (color === "red")
-            return "bg-red md:hover:bg-red/30";
+            return "bg-onpe-ui-red md:hover:bg-onpe-ui-red/30";
         if (color === "dark-gray")
-            return "bg-dark-gray md:hover:bg-dark-gray/30";
+            return "bg-onpe-ui-dark-gray md:hover:bg-onpe-ui-dark-gray/30";
         if (color === "green")
-            return "bg-green md:hover:bg-green/30";
+            return "bg-onpe-ui-green md:hover:bg-onpe-ui-green/30";
         if (color === "yellow-light")
-            return "bg-yellow-light md:hover:bg-yellow-light/30";
+            return "bg-onpe-ui-yellow-light md:hover:bg-onpe-ui-yellow-light/30";
         if (color === "primary")
-            return "bg-blue md:hover:bg-blue/30";
+            return "bg-onpe-ui-blue md:hover:bg-onpe-ui-blue/30";
         return "";
     };
     var getSize = function () {
@@ -125,7 +125,7 @@ var Button = function (_a) {
             return "h-14 text-lg";
         return "h-12 text-base"; // Por defecto es normal
     };
-    return (jsx("button", __assign({ className: "text-white cursor-pointer disabled:cursor-not-allowed flex justify-center items-center font-semibold disabled:bg-gray disabled:hover:bg-gray ".concat(getColor(), " ").concat(getSize(), " transition-all duration-300 ease-in-out min-w-[200px] ").concat(className) }, props, { children: title })));
+    return (jsx("button", __assign({ className: "text-white cursor-pointer disabled:cursor-not-allowed flex justify-center items-center font-semibold disabled:bg-onpe-ui-gray disabled:hover:bg-onpe-ui-gray ".concat(getColor(), " ").concat(getSize(), " transition-all duration-300 ease-in-out min-w-[200px] ").concat(className) }, props, { children: title })));
 };
 var Portal = function (_a) {

package/dist/components.js CHANGED Viewed

@@ -91,31 +91,31 @@ var Button = function (_a) {
     var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
     var getColor = function () {
         if (color === "blue")
-            return "bg-blue md:hover:bg-blue/30";
+            return "bg-onpe-ui-blue md:hover:bg-onpe-ui-blue/30";
         if (color === "skyblue")
-            return "bg-skyblue md:hover:bg-skyblue/30";
+            return "bg-onpe-ui-skyblue md:hover:bg-onpe-ui-skyblue/30";
         if (color === "skyblue-light")
-            return "bg-skyblue-light md:hover:bg-skyblue-light/30";
+            return "bg-onpe-ui-skyblue-light md:hover:bg-onpe-ui-skyblue-light/30";
         if (color === "yellow")
-            return "bg-yellow md:hover:bg-yellow/30";
+            return "bg-onpe-ui-yellow md:hover:bg-onpe-ui-yellow/30";
         if (color === "light-skyblue")
-            return "bg-light-skyblue md:hover:bg-light-skyblue/30";
+            return "bg-onpe-ui-light-skyblue md:hover:bg-onpe-ui-light-skyblue/30";
         if (color === "gray")
-            return "bg-gray md:hover:bg-gray/30";
+            return "bg-onpe-ui-gray md:hover:bg-onpe-ui-gray/30";
         if (color === "gray-light")
-            return "bg-gray-light md:hover:bg-gray-light/30";
+            return "bg-onpe-ui-gray-light md:hover:bg-onpe-ui-gray-light/30";
         if (color === "gray-extra-light")
-            return "bg-gray-extra-light md:hover:bg-gray-extra-light/30";
+            return "bg-onpe-ui-gray-extra-light md:hover:bg-onpe-ui-gray-extra-light/30";
         if (color === "red")
-            return "bg-red md:hover:bg-red/30";
+            return "bg-onpe-ui-red md:hover:bg-onpe-ui-red/30";
         if (color === "dark-gray")
-            return "bg-dark-gray md:hover:bg-dark-gray/30";
+            return "bg-onpe-ui-dark-gray md:hover:bg-onpe-ui-dark-gray/30";
         if (color === "green")
-            return "bg-green md:hover:bg-green/30";
+            return "bg-onpe-ui-green md:hover:bg-onpe-ui-green/30";
         if (color === "yellow-light")
-            return "bg-yellow-light md:hover:bg-yellow-light/30";
+            return "bg-onpe-ui-yellow-light md:hover:bg-onpe-ui-yellow-light/30";
         if (color === "primary")
-            return "bg-blue md:hover:bg-blue/30";
+            return "bg-onpe-ui-blue md:hover:bg-onpe-ui-blue/30";
         return "";
     };
     var getSize = function () {
@@ -127,7 +127,7 @@ var Button = function (_a) {
             return "h-14 text-lg";
         return "h-12 text-base"; // Por defecto es normal
     };
-    return (jsxRuntime.jsx("button", __assign({ className: "text-white cursor-pointer disabled:cursor-not-allowed flex justify-center items-center font-semibold disabled:bg-gray disabled:hover:bg-gray ".concat(getColor(), " ").concat(getSize(), " transition-all duration-300 ease-in-out min-w-[200px] ").concat(className) }, props, { children: title })));
+    return (jsxRuntime.jsx("button", __assign({ className: "text-white cursor-pointer disabled:cursor-not-allowed flex justify-center items-center font-semibold disabled:bg-onpe-ui-gray disabled:hover:bg-onpe-ui-gray ".concat(getColor(), " ").concat(getSize(), " transition-all duration-300 ease-in-out min-w-[200px] ").concat(className) }, props, { children: title })));
 };
 var Portal = function (_a) {

package/dist/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- /! tailwindcss v4.1.13 \| MIT License \| https://tailwindcss.com /@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-600:oklch(44.6% 0.03 256.802);--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-normal:1.5;--radius-md:0.375rem;--radius-lg:0.5rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-blue:var(--blue);--color-skyblue:var(--skyblue);--color-skyblue-light:var(--skyblue-light);--color-yellow:var(--yellow);--color-light-skyblue:var(--light-skyblue);--color-gray:var(--gray);--color-gray-light:var(--gray-light);--color-gray-extra-light:var(--gray-extra-light);--color-red:var(--red);--color-dark-gray:var(--dark-gray);--color-green:var(--green);--color-yellow-light:var(--yellow-light)}}@layer base{,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)0)}.top-0{top:calc(var(--spacing)0)}.top-4{top:calc(var(--spacing)4)}.right-4{right:calc(var(--spacing)4)}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-100{z-index:100}.container{width:100%;@media (width >= 640px){max-width:640px}@media (width >= 768px){max-width:768px}@media (width >= 1024px){max-width:1024px}@media (width >= 1200px){max-width:1200px}@media (width >= 1280px){max-width:1280px}@media (width >= 1536px){max-width:1536px}@media (width >= 1650px){max-width:1650px}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)1)}.mt-2{margin-top:calc(var(--spacing)2)}.mt-3{margin-top:calc(var(--spacing)3)}.mt-5{margin-top:calc(var(--spacing)5)}.mt-6{margin-top:calc(var(--spacing)6)}.mt-7{margin-top:calc(var(--spacing)7)}.mt-10{margin-top:calc(var(--spacing)10)}.mt-11{margin-top:calc(var(--spacing)11)}.mr-2{margin-right:calc(var(--spacing)2)}.mb-2{margin-bottom:calc(var(--spacing)2)}.mb-3{margin-bottom:calc(var(--spacing)3)}.mb-4{margin-bottom:calc(var(--spacing)4)}.mb-6{margin-bottom:calc(var(--spacing)6)}.-ml-1{margin-left:calc(var(--spacing)-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)4)}.h-6{height:calc(var(--spacing)6)}.h-8{height:calc(var(--spacing)8)}.h-10{height:calc(var(--spacing)10)}.h-12{height:calc(var(--spacing)12)}.h-14{height:calc(var(--spacing)14)}.h-16{height:calc(var(--spacing)16)}.h-20{height:calc(var(--spacing)20)}.h-22{height:calc(var(--spacing)22)}.h-\[10px\]{height:10px}.h-\[32px\]{height:32px}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)4)}.w-6{width:calc(var(--spacing)6)}.w-8{width:calc(var(--spacing)8)}.w-16{width:calc(var(--spacing)16)}.w-22{width:calc(var(--spacing)22)}.w-\[10px\]{width:10px}.w-\[32px\]{width:32px}.w-\[98vw\]{width:98vw}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[95vw\]{max-width:95vw}.max-w-\[200px\]{max-width:200px}.max-w-\[680px\]{max-width:680px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)4)}.gap-5{gap:calc(var(--spacing)5)}.gap-6{gap:calc(var(--spacing)6)}.gap-8{gap:calc(var(--spacing)8)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)1(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)1var(--tw-space-y-reverse))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)3(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)3var(--tw-space-y-reverse))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)4(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)4var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)6(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)6var(--tw-space-y-reverse))}}.space-x-3{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)3(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)3var(--tw-space-x-reverse))}}.space-x-4{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)4(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)4var(--tw-space-x-reverse))}}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue{border-color:var(--color-blue)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray{border-color:var(--color-gray)}.border-red{border-color:var(--color-red)}.border-skyblue{border-color:var(--color-skyblue)}.bg-blue{background-color:var(--color-blue)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue\/80{background-color:var(--color-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-blue) 80%,transparent)}}.bg-dark-gray,.bg-dark-gray\/80{background-color:var(--color-dark-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dark-gray) 80%,transparent)}}.bg-gray{background-color:var(--color-gray)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-extra-light,.bg-gray-extra-light\/80{background-color:var(--color-gray-extra-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-extra-light) 80%,transparent)}}.bg-gray-light,.bg-gray-light\/80{background-color:var(--color-gray-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-light) 80%,transparent)}}.bg-gray\/80{background-color:var(--color-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray) 80%,transparent)}}.bg-green{background-color:var(--color-green)}.bg-green-500{background-color:var(--color-green-500)}.bg-green\/80{background-color:var(--color-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green) 80%,transparent)}}.bg-light-skyblue,.bg-light-skyblue\/80{background-color:var(--color-light-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-light-skyblue) 80%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red{background-color:var(--color-red)}.bg-red-500{background-color:var(--color-red-500)}.bg-red\/80{background-color:var(--color-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red) 80%,transparent)}}.bg-skyblue{background-color:var(--color-skyblue)}.bg-skyblue-light,.bg-skyblue-light\/80{background-color:var(--color-skyblue-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-skyblue-light) 80%,transparent)}}.bg-skyblue\/80{background-color:var(--color-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-skyblue) 80%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-yellow{background-color:var(--color-yellow)}.bg-yellow-light,.bg-yellow-light\/80{background-color:var(--color-yellow-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-yellow-light) 80%,transparent)}}.bg-yellow\/80{background-color:var(--color-yellow);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-yellow) 80%,transparent)}}.p-2{padding:calc(var(--spacing)2)}.p-3{padding:calc(var(--spacing)3)}.p-4{padding:calc(var(--spacing)4)}.p-6{padding:calc(var(--spacing)6)}.p-8{padding:calc(var(--spacing)8)}.p-\[7px\]{padding:7px}.px-1{padding-inline:calc(var(--spacing)1)}.px-3{padding-inline:calc(var(--spacing)3)}.px-4{padding-inline:calc(var(--spacing)4)}.px-6{padding-inline:calc(var(--spacing)6)}.py-1\.5{padding-block:calc(var(--spacing)1.5)}.py-2{padding-block:calc(var(--spacing)2)}.py-3{padding-block:calc(var(--spacing)3)}.py-10{padding-block:calc(var(--spacing)10)}.pt-5{padding-top:calc(var(--spacing)5)}.pt-10{padding-top:calc(var(--spacing)10)}.pb-8{padding-bottom:calc(var(--spacing)8)}.pb-24\.5{padding-bottom:calc(var(--spacing)24.5)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue{color:var(--color-blue)}.text-blue-500{color:var(--color-blue-500)}.text-dark-gray{color:var(--color-dark-gray)}.text-gray{color:var(--color-gray)}.text-gray-600{color:var(--color-gray-600)}.text-gray-light{color:var(--color-gray-light)}.text-green{color:var(--color-green)}.text-orange-500{color:var(--color-orange-500)}.text-red{color:var(--color-red)}.text-skyblue{color:var(--color-skyblue)}.text-white{color:var(--color-white)}.text-yellow{color:var(--color-yellow)}.opacity-0{opacity:0}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-75{opacity:75%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:300ms;transition-duration:.3s}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.hover\:bg-blue-600{&:hover{@media (hover:hover){background-color:var(--color-blue-600)}}}.hover\:bg-blue\/80{&:hover{@media (hover:hover){background-color:var(--color-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-blue) 80%,transparent)}}}}.hover\:bg-dark-gray{&:hover{@media (hover:hover){background-color:var(--color-dark-gray)}}}.hover\:bg-gray-extra-light{&:hover{@media (hover:hover){background-color:var(--color-gray-extra-light)}}}.hover\:bg-gray\/80{&:hover{@media (hover:hover){background-color:var(--color-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray) 80%,transparent)}}}}.hover\:bg-green-600{&:hover{@media (hover:hover){background-color:var(--color-green-600)}}}.hover\:bg-green\/80{&:hover{@media (hover:hover){background-color:var(--color-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green) 80%,transparent)}}}}.hover\:bg-light-skyblue{&:hover{@media (hover:hover){background-color:var(--color-light-skyblue)}}}.hover\:bg-orange-600{&:hover{@media (hover:hover){background-color:var(--color-orange-600)}}}.hover\:bg-purple-600{&:hover{@media (hover:hover){background-color:var(--color-purple-600)}}}.hover\:bg-red-600{&:hover{@media (hover:hover){background-color:var(--color-red-600)}}}.hover\:bg-red\/80{&:hover{@media (hover:hover){background-color:var(--color-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red) 80%,transparent)}}}}.hover\:bg-skyblue{&:hover{@media (hover:hover){background-color:var(--color-skyblue)}}}.focus\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-blue{&:focus{--tw-ring-color:var(--color-blue)}}.focus\:ring-gray-light{&:focus{--tw-ring-color:var(--color-gray-light)}}.focus\:ring-skyblue-light{&:focus{--tw-ring-color:var(--color-skyblue-light)}}.focus\:ring-offset-2{&:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:bg-gray{&:disabled{background-color:var(--color-gray)}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:hover\:bg-gray{&:disabled{&:hover{@media (hover:hover){background-color:var(--color-gray)}}}}.md\:block,.md\:gap-12,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4,.md\:h-\[48px\],.md\:hidden,.md\:hover\:bg-blue\/30,.md\:mt-20,.md\:text-2xl,.md\:text-\[64px\],.md\:text-lg,.md\:w-\[48px\],.md\:w-\[500px\]{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-blue) 30%,transparent)}}}}}.md\:hover\:bg-dark-gray\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-dark-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dark-gray) 30%,transparent)}}}}}.md\:hover\:bg-gray-extra-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-gray-extra-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-extra-light) 30%,transparent)}}}}}.md\:hover\:bg-gray-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-gray-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-light) 30%,transparent)}}}}}.md\:hover\:bg-gray\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray) 30%,transparent)}}}}}.md\:hover\:bg-green\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green) 30%,transparent)}}}}}.md\:hover\:bg-light-skyblue\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-light-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-light-skyblue) 30%,transparent)}}}}}.md\:hover\:bg-red\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red) 30%,transparent)}}}}}.md\:hover\:bg-skyblue-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-skyblue-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-skyblue-light) 30%,transparent)}}}}}.md\:hover\:bg-skyblue\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-skyblue) 30%,transparent)}}}}}.md\:hover\:bg-yellow-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-yellow-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-yellow-light) 30%,transparent)}}}}}.md\:hover\:bg-yellow\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-yellow);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-yellow) 30%,transparent)}}}}}.lg\:flex-row,.lg\:grid-cols-4,.lg\:max-w-\[576px\],.lg\:mt-16,.lg\:mt-20,.lg\:mt-4,.lg\:px-5,.lg\:py-16,.lg\:text-2xl,.lg\:text-lg,.lg\:w-\[1024px\],.lg\:w-\[200px\],.xl\:px-12{@media (width >= 1280px){padding-inline:calc(var(--spacing)12)}}}:root{--blue:#003770;--skyblue:#0073cf;--skyblue-light:#69b2e8;--yellow:#ffb81c;--light-skyblue:#aaeff6;--gray:#bcbcbc;--gray-light:#bdbdbd;--gray-extra-light:#f2f2f2;--red:#e3002b;--dark-gray:#4f4f4f;--green:#76bd43;--yellow-light:#fff1d2}button{cursor:pointer}@keyframes fastBlink{0%{opacity:1}25%{opacity:.8}50%{opacity:.4}75%{opacity:.8}to{opacity:1}}.fast-blink{animation:fastBlink .8s ease-in-out infinite}@property --tw-rotate-x{syntax:"";inherits:false}@property --tw-rotate-y{syntax:"";inherits:false}@property --tw-rotate-z{syntax:"";inherits:false}@property --tw-skew-x{syntax:"";inherits:false}@property --tw-skew-y{syntax:"";inherits:false}@property --tw-space-y-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-border-style{syntax:"";inherits:false;initial-value:solid}@property --tw-leading{syntax:"";inherits:false}@property --tw-font-weight{syntax:"";inherits:false}@property --tw-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"";inherits:false}@property --tw-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"";inherits:false}@property --tw-inset-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"";inherits:false}@property --tw-ease{syntax:"";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}
1	+ /! tailwindcss v4.1.13 \| MIT License \| https://tailwindcss.com /@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-600:oklch(44.6% 0.03 256.802);--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-normal:1.5;--radius-md:0.375rem;--radius-lg:0.5rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-onpe-ui-blue:var(--blue);--color-onpe-ui-skyblue:var(--skyblue);--color-onpe-ui-skyblue-light:var(--skyblue-light);--color-onpe-ui-yellow:var(--yellow);--color-onpe-ui-light-skyblue:var(--light-skyblue);--color-onpe-ui-gray:var(--gray);--color-onpe-ui-gray-light:var(--gray-light);--color-onpe-ui-gray-extra-light:var(--gray-extra-light);--color-onpe-ui-red:var(--red);--color-onpe-ui-dark-gray:var(--dark-gray);--color-onpe-ui-green:var(--green);--color-onpe-ui-yellow-light:var(--yellow-light)}}@layer base{,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)0)}.top-0{top:calc(var(--spacing)0)}.top-4{top:calc(var(--spacing)4)}.right-4{right:calc(var(--spacing)4)}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-100{z-index:100}.container{width:100%;@media (width >= 640px){max-width:640px}@media (width >= 768px){max-width:768px}@media (width >= 1024px){max-width:1024px}@media (width >= 1200px){max-width:1200px}@media (width >= 1280px){max-width:1280px}@media (width >= 1536px){max-width:1536px}@media (width >= 1650px){max-width:1650px}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)1)}.mt-2{margin-top:calc(var(--spacing)2)}.mt-3{margin-top:calc(var(--spacing)3)}.mt-5{margin-top:calc(var(--spacing)5)}.mt-6{margin-top:calc(var(--spacing)6)}.mt-7{margin-top:calc(var(--spacing)7)}.mt-10{margin-top:calc(var(--spacing)10)}.mt-11{margin-top:calc(var(--spacing)11)}.mr-2{margin-right:calc(var(--spacing)2)}.mb-2{margin-bottom:calc(var(--spacing)2)}.mb-3{margin-bottom:calc(var(--spacing)3)}.mb-4{margin-bottom:calc(var(--spacing)4)}.mb-6{margin-bottom:calc(var(--spacing)6)}.-ml-1{margin-left:calc(var(--spacing)-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)4)}.h-6{height:calc(var(--spacing)6)}.h-8{height:calc(var(--spacing)8)}.h-10{height:calc(var(--spacing)10)}.h-12{height:calc(var(--spacing)12)}.h-14{height:calc(var(--spacing)14)}.h-16{height:calc(var(--spacing)16)}.h-20{height:calc(var(--spacing)20)}.h-22{height:calc(var(--spacing)22)}.h-\[10px\]{height:10px}.h-\[32px\]{height:32px}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)4)}.w-6{width:calc(var(--spacing)6)}.w-8{width:calc(var(--spacing)8)}.w-16{width:calc(var(--spacing)16)}.w-22{width:calc(var(--spacing)22)}.w-\[10px\]{width:10px}.w-\[32px\]{width:32px}.w-\[98vw\]{width:98vw}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[95vw\]{max-width:95vw}.max-w-\[200px\]{max-width:200px}.max-w-\[680px\]{max-width:680px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)4)}.gap-5{gap:calc(var(--spacing)5)}.gap-6{gap:calc(var(--spacing)6)}.gap-8{gap:calc(var(--spacing)8)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)1(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)1var(--tw-space-y-reverse))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)3(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)3var(--tw-space-y-reverse))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)4(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)4var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)6(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)6var(--tw-space-y-reverse))}}.space-x-3{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)3(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)3var(--tw-space-x-reverse))}}.space-x-4{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)4(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)4var(--tw-space-x-reverse))}}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-onpe-ui-blue{background-color:var(--color-onpe-ui-blue)}.bg-onpe-ui-dark-gray{background-color:var(--color-onpe-ui-dark-gray)}.bg-onpe-ui-gray{background-color:var(--color-onpe-ui-gray)}.bg-onpe-ui-gray-extra-light{background-color:var(--color-onpe-ui-gray-extra-light)}.bg-onpe-ui-gray-light{background-color:var(--color-onpe-ui-gray-light)}.bg-onpe-ui-green{background-color:var(--color-onpe-ui-green)}.bg-onpe-ui-light-skyblue{background-color:var(--color-onpe-ui-light-skyblue)}.bg-onpe-ui-red{background-color:var(--color-onpe-ui-red)}.bg-onpe-ui-skyblue{background-color:var(--color-onpe-ui-skyblue)}.bg-onpe-ui-skyblue-light{background-color:var(--color-onpe-ui-skyblue-light)}.bg-onpe-ui-yellow{background-color:var(--color-onpe-ui-yellow)}.bg-onpe-ui-yellow-light{background-color:var(--color-onpe-ui-yellow-light)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.p-2{padding:calc(var(--spacing)2)}.p-3{padding:calc(var(--spacing)3)}.p-4{padding:calc(var(--spacing)4)}.p-6{padding:calc(var(--spacing)6)}.p-8{padding:calc(var(--spacing)8)}.p-\[7px\]{padding:7px}.px-1{padding-inline:calc(var(--spacing)1)}.px-3{padding-inline:calc(var(--spacing)3)}.px-4{padding-inline:calc(var(--spacing)4)}.px-6{padding-inline:calc(var(--spacing)6)}.py-1\.5{padding-block:calc(var(--spacing)1.5)}.py-2{padding-block:calc(var(--spacing)2)}.py-3{padding-block:calc(var(--spacing)3)}.py-10{padding-block:calc(var(--spacing)10)}.pt-5{padding-top:calc(var(--spacing)5)}.pt-10{padding-top:calc(var(--spacing)10)}.pb-8{padding-bottom:calc(var(--spacing)8)}.pb-24\.5{padding-bottom:calc(var(--spacing)24.5)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-500{color:var(--color-blue-500)}.text-gray-600{color:var(--color-gray-600)}.text-orange-500{color:var(--color-orange-500)}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-75{opacity:75%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:300ms;transition-duration:.3s}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.hover\:bg-blue-600{&:hover{@media (hover:hover){background-color:var(--color-blue-600)}}}.hover\:bg-green-600{&:hover{@media (hover:hover){background-color:var(--color-green-600)}}}.hover\:bg-orange-600{&:hover{@media (hover:hover){background-color:var(--color-orange-600)}}}.hover\:bg-purple-600{&:hover{@media (hover:hover){background-color:var(--color-purple-600)}}}.hover\:bg-red-600{&:hover{@media (hover:hover){background-color:var(--color-red-600)}}}.focus\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-offset-2{&:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:bg-onpe-ui-gray{&:disabled{background-color:var(--color-onpe-ui-gray)}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:hover\:bg-onpe-ui-gray{&:disabled{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray)}}}}.md\:block,.md\:gap-12,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4,.md\:h-\[48px\],.md\:hidden,.md\:hover\:bg-onpe-ui-blue\/30,.md\:mt-20,.md\:text-2xl,.md\:text-\[64px\],.md\:text-lg,.md\:w-\[48px\],.md\:w-\[500px\]{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-blue) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-dark-gray\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-dark-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-dark-gray) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-gray-extra-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray-extra-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-extra-light) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-gray-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-light) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-gray\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-green\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-green) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-light-skyblue\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-light-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-light-skyblue) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-red\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-red) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-skyblue-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-skyblue-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue-light) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-skyblue\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-yellow-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-yellow-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow-light) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-yellow\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-yellow);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow) 30%,transparent)}}}}}.lg\:flex-row,.lg\:grid-cols-4,.lg\:max-w-\[576px\],.lg\:mt-16,.lg\:mt-20,.lg\:mt-4,.lg\:px-5,.lg\:py-16,.lg\:text-2xl,.lg\:text-lg,.lg\:w-\[1024px\],.lg\:w-\[200px\],.xl\:px-12{@media (width >= 1280px){padding-inline:calc(var(--spacing)12)}}}:root{--blue:#003770;--skyblue:#0073cf;--skyblue-light:#69b2e8;--yellow:#ffb81c;--light-skyblue:#aaeff6;--gray:#bcbcbc;--gray-light:#bdbdbd;--gray-extra-light:#f2f2f2;--red:#e3002b;--dark-gray:#4f4f4f;--green:#76bd43;--yellow-light:#fff1d2}button{cursor:pointer}@keyframes fastBlink{0%{opacity:1}25%{opacity:.8}50%{opacity:.4}75%{opacity:.8}to{opacity:1}}.fast-blink{animation:fastBlink .8s ease-in-out infinite}@property --tw-rotate-x{syntax:"";inherits:false}@property --tw-rotate-y{syntax:"";inherits:false}@property --tw-rotate-z{syntax:"";inherits:false}@property --tw-skew-x{syntax:"";inherits:false}@property --tw-skew-y{syntax:"";inherits:false}@property --tw-space-y-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-border-style{syntax:"";inherits:false;initial-value:solid}@property --tw-leading{syntax:"";inherits:false}@property --tw-font-weight{syntax:"";inherits:false}@property --tw-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"";inherits:false}@property --tw-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"";inherits:false}@property --tw-inset-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"";inherits:false}@property --tw-ease{syntax:"";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}

package/dist/index.esm.css CHANGED Viewed

	@@ -1 +1 @@
1	- /! tailwindcss v4.1.13 \| MIT License \| https://tailwindcss.com /@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-600:oklch(44.6% 0.03 256.802);--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-normal:1.5;--radius-md:0.375rem;--radius-lg:0.5rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-blue:var(--blue);--color-skyblue:var(--skyblue);--color-skyblue-light:var(--skyblue-light);--color-yellow:var(--yellow);--color-light-skyblue:var(--light-skyblue);--color-gray:var(--gray);--color-gray-light:var(--gray-light);--color-gray-extra-light:var(--gray-extra-light);--color-red:var(--red);--color-dark-gray:var(--dark-gray);--color-green:var(--green);--color-yellow-light:var(--yellow-light)}}@layer base{,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)0)}.top-0{top:calc(var(--spacing)0)}.top-4{top:calc(var(--spacing)4)}.right-4{right:calc(var(--spacing)4)}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-100{z-index:100}.container{width:100%;@media (width >= 640px){max-width:640px}@media (width >= 768px){max-width:768px}@media (width >= 1024px){max-width:1024px}@media (width >= 1200px){max-width:1200px}@media (width >= 1280px){max-width:1280px}@media (width >= 1536px){max-width:1536px}@media (width >= 1650px){max-width:1650px}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)1)}.mt-2{margin-top:calc(var(--spacing)2)}.mt-3{margin-top:calc(var(--spacing)3)}.mt-5{margin-top:calc(var(--spacing)5)}.mt-6{margin-top:calc(var(--spacing)6)}.mt-7{margin-top:calc(var(--spacing)7)}.mt-10{margin-top:calc(var(--spacing)10)}.mt-11{margin-top:calc(var(--spacing)11)}.mr-2{margin-right:calc(var(--spacing)2)}.mb-2{margin-bottom:calc(var(--spacing)2)}.mb-3{margin-bottom:calc(var(--spacing)3)}.mb-4{margin-bottom:calc(var(--spacing)4)}.mb-6{margin-bottom:calc(var(--spacing)6)}.-ml-1{margin-left:calc(var(--spacing)-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)4)}.h-6{height:calc(var(--spacing)6)}.h-8{height:calc(var(--spacing)8)}.h-10{height:calc(var(--spacing)10)}.h-12{height:calc(var(--spacing)12)}.h-14{height:calc(var(--spacing)14)}.h-16{height:calc(var(--spacing)16)}.h-20{height:calc(var(--spacing)20)}.h-22{height:calc(var(--spacing)22)}.h-\[10px\]{height:10px}.h-\[32px\]{height:32px}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)4)}.w-6{width:calc(var(--spacing)6)}.w-8{width:calc(var(--spacing)8)}.w-16{width:calc(var(--spacing)16)}.w-22{width:calc(var(--spacing)22)}.w-\[10px\]{width:10px}.w-\[32px\]{width:32px}.w-\[98vw\]{width:98vw}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[95vw\]{max-width:95vw}.max-w-\[200px\]{max-width:200px}.max-w-\[680px\]{max-width:680px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)4)}.gap-5{gap:calc(var(--spacing)5)}.gap-6{gap:calc(var(--spacing)6)}.gap-8{gap:calc(var(--spacing)8)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)1(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)1var(--tw-space-y-reverse))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)3(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)3var(--tw-space-y-reverse))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)4(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)4var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)6(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)6var(--tw-space-y-reverse))}}.space-x-3{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)3(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)3var(--tw-space-x-reverse))}}.space-x-4{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)4(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)4var(--tw-space-x-reverse))}}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue{border-color:var(--color-blue)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray{border-color:var(--color-gray)}.border-red{border-color:var(--color-red)}.border-skyblue{border-color:var(--color-skyblue)}.bg-blue{background-color:var(--color-blue)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue\/80{background-color:var(--color-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-blue) 80%,transparent)}}.bg-dark-gray,.bg-dark-gray\/80{background-color:var(--color-dark-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dark-gray) 80%,transparent)}}.bg-gray{background-color:var(--color-gray)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-extra-light,.bg-gray-extra-light\/80{background-color:var(--color-gray-extra-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-extra-light) 80%,transparent)}}.bg-gray-light,.bg-gray-light\/80{background-color:var(--color-gray-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-light) 80%,transparent)}}.bg-gray\/80{background-color:var(--color-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray) 80%,transparent)}}.bg-green{background-color:var(--color-green)}.bg-green-500{background-color:var(--color-green-500)}.bg-green\/80{background-color:var(--color-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green) 80%,transparent)}}.bg-light-skyblue,.bg-light-skyblue\/80{background-color:var(--color-light-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-light-skyblue) 80%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red{background-color:var(--color-red)}.bg-red-500{background-color:var(--color-red-500)}.bg-red\/80{background-color:var(--color-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red) 80%,transparent)}}.bg-skyblue{background-color:var(--color-skyblue)}.bg-skyblue-light,.bg-skyblue-light\/80{background-color:var(--color-skyblue-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-skyblue-light) 80%,transparent)}}.bg-skyblue\/80{background-color:var(--color-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-skyblue) 80%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-yellow{background-color:var(--color-yellow)}.bg-yellow-light,.bg-yellow-light\/80{background-color:var(--color-yellow-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-yellow-light) 80%,transparent)}}.bg-yellow\/80{background-color:var(--color-yellow);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-yellow) 80%,transparent)}}.p-2{padding:calc(var(--spacing)2)}.p-3{padding:calc(var(--spacing)3)}.p-4{padding:calc(var(--spacing)4)}.p-6{padding:calc(var(--spacing)6)}.p-8{padding:calc(var(--spacing)8)}.p-\[7px\]{padding:7px}.px-1{padding-inline:calc(var(--spacing)1)}.px-3{padding-inline:calc(var(--spacing)3)}.px-4{padding-inline:calc(var(--spacing)4)}.px-6{padding-inline:calc(var(--spacing)6)}.py-1\.5{padding-block:calc(var(--spacing)1.5)}.py-2{padding-block:calc(var(--spacing)2)}.py-3{padding-block:calc(var(--spacing)3)}.py-10{padding-block:calc(var(--spacing)10)}.pt-5{padding-top:calc(var(--spacing)5)}.pt-10{padding-top:calc(var(--spacing)10)}.pb-8{padding-bottom:calc(var(--spacing)8)}.pb-24\.5{padding-bottom:calc(var(--spacing)24.5)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue{color:var(--color-blue)}.text-blue-500{color:var(--color-blue-500)}.text-dark-gray{color:var(--color-dark-gray)}.text-gray{color:var(--color-gray)}.text-gray-600{color:var(--color-gray-600)}.text-gray-light{color:var(--color-gray-light)}.text-green{color:var(--color-green)}.text-orange-500{color:var(--color-orange-500)}.text-red{color:var(--color-red)}.text-skyblue{color:var(--color-skyblue)}.text-white{color:var(--color-white)}.text-yellow{color:var(--color-yellow)}.opacity-0{opacity:0}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-75{opacity:75%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:300ms;transition-duration:.3s}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.hover\:bg-blue-600{&:hover{@media (hover:hover){background-color:var(--color-blue-600)}}}.hover\:bg-blue\/80{&:hover{@media (hover:hover){background-color:var(--color-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-blue) 80%,transparent)}}}}.hover\:bg-dark-gray{&:hover{@media (hover:hover){background-color:var(--color-dark-gray)}}}.hover\:bg-gray-extra-light{&:hover{@media (hover:hover){background-color:var(--color-gray-extra-light)}}}.hover\:bg-gray\/80{&:hover{@media (hover:hover){background-color:var(--color-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray) 80%,transparent)}}}}.hover\:bg-green-600{&:hover{@media (hover:hover){background-color:var(--color-green-600)}}}.hover\:bg-green\/80{&:hover{@media (hover:hover){background-color:var(--color-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green) 80%,transparent)}}}}.hover\:bg-light-skyblue{&:hover{@media (hover:hover){background-color:var(--color-light-skyblue)}}}.hover\:bg-orange-600{&:hover{@media (hover:hover){background-color:var(--color-orange-600)}}}.hover\:bg-purple-600{&:hover{@media (hover:hover){background-color:var(--color-purple-600)}}}.hover\:bg-red-600{&:hover{@media (hover:hover){background-color:var(--color-red-600)}}}.hover\:bg-red\/80{&:hover{@media (hover:hover){background-color:var(--color-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red) 80%,transparent)}}}}.hover\:bg-skyblue{&:hover{@media (hover:hover){background-color:var(--color-skyblue)}}}.focus\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-blue{&:focus{--tw-ring-color:var(--color-blue)}}.focus\:ring-gray-light{&:focus{--tw-ring-color:var(--color-gray-light)}}.focus\:ring-skyblue-light{&:focus{--tw-ring-color:var(--color-skyblue-light)}}.focus\:ring-offset-2{&:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:bg-gray{&:disabled{background-color:var(--color-gray)}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:hover\:bg-gray{&:disabled{&:hover{@media (hover:hover){background-color:var(--color-gray)}}}}.md\:block,.md\:gap-12,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4,.md\:h-\[48px\],.md\:hidden,.md\:hover\:bg-blue\/30,.md\:mt-20,.md\:text-2xl,.md\:text-\[64px\],.md\:text-lg,.md\:w-\[48px\],.md\:w-\[500px\]{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-blue) 30%,transparent)}}}}}.md\:hover\:bg-dark-gray\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-dark-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-dark-gray) 30%,transparent)}}}}}.md\:hover\:bg-gray-extra-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-gray-extra-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-extra-light) 30%,transparent)}}}}}.md\:hover\:bg-gray-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-gray-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-light) 30%,transparent)}}}}}.md\:hover\:bg-gray\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray) 30%,transparent)}}}}}.md\:hover\:bg-green\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green) 30%,transparent)}}}}}.md\:hover\:bg-light-skyblue\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-light-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-light-skyblue) 30%,transparent)}}}}}.md\:hover\:bg-red\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red) 30%,transparent)}}}}}.md\:hover\:bg-skyblue-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-skyblue-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-skyblue-light) 30%,transparent)}}}}}.md\:hover\:bg-skyblue\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-skyblue) 30%,transparent)}}}}}.md\:hover\:bg-yellow-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-yellow-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-yellow-light) 30%,transparent)}}}}}.md\:hover\:bg-yellow\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-yellow);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-yellow) 30%,transparent)}}}}}.lg\:flex-row,.lg\:grid-cols-4,.lg\:max-w-\[576px\],.lg\:mt-16,.lg\:mt-20,.lg\:mt-4,.lg\:px-5,.lg\:py-16,.lg\:text-2xl,.lg\:text-lg,.lg\:w-\[1024px\],.lg\:w-\[200px\],.xl\:px-12{@media (width >= 1280px){padding-inline:calc(var(--spacing)12)}}}:root{--blue:#003770;--skyblue:#0073cf;--skyblue-light:#69b2e8;--yellow:#ffb81c;--light-skyblue:#aaeff6;--gray:#bcbcbc;--gray-light:#bdbdbd;--gray-extra-light:#f2f2f2;--red:#e3002b;--dark-gray:#4f4f4f;--green:#76bd43;--yellow-light:#fff1d2}button{cursor:pointer}@keyframes fastBlink{0%{opacity:1}25%{opacity:.8}50%{opacity:.4}75%{opacity:.8}to{opacity:1}}.fast-blink{animation:fastBlink .8s ease-in-out infinite}@property --tw-rotate-x{syntax:"";inherits:false}@property --tw-rotate-y{syntax:"";inherits:false}@property --tw-rotate-z{syntax:"";inherits:false}@property --tw-skew-x{syntax:"";inherits:false}@property --tw-skew-y{syntax:"";inherits:false}@property --tw-space-y-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-border-style{syntax:"";inherits:false;initial-value:solid}@property --tw-leading{syntax:"";inherits:false}@property --tw-font-weight{syntax:"";inherits:false}@property --tw-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"";inherits:false}@property --tw-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"";inherits:false}@property --tw-inset-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"";inherits:false}@property --tw-ease{syntax:"";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}
1	+ /! tailwindcss v4.1.13 \| MIT License \| https://tailwindcss.com /@layer theme, base, components, utilities;@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% 0.237 25.331);--color-red-600:oklch(57.7% 0.245 27.325);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-green-500:oklch(72.3% 0.219 149.579);--color-green-600:oklch(62.7% 0.194 149.214);--color-blue-500:oklch(62.3% 0.214 259.815);--color-blue-600:oklch(54.6% 0.245 262.881);--color-purple-500:oklch(62.7% 0.265 303.9);--color-purple-600:oklch(55.8% 0.288 302.321);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-600:oklch(44.6% 0.03 256.802);--color-white:#fff;--spacing:0.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:0.75rem;--text-xs--line-height:1.33333;--text-sm:0.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-normal:1.5;--radius-md:0.375rem;--radius-lg:0.5rem;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-onpe-ui-blue:var(--blue);--color-onpe-ui-skyblue:var(--skyblue);--color-onpe-ui-skyblue-light:var(--skyblue-light);--color-onpe-ui-yellow:var(--yellow);--color-onpe-ui-light-skyblue:var(--light-skyblue);--color-onpe-ui-gray:var(--gray);--color-onpe-ui-gray-light:var(--gray-light);--color-onpe-ui-gray-extra-light:var(--gray-extra-light);--color-onpe-ui-red:var(--red);--color-onpe-ui-dark-gray:var(--dark-gray);--color-onpe-ui-green:var(--green);--color-onpe-ui-yellow-light:var(--yellow-light)}}@layer base{,::backdrop,::file-selector-button,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:var(--default-font-feature-settings,normal);-webkit-tap-highlight-color:transparent;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:var(--default-mono-font-feature-settings,normal);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::file-selector-button,button,input,optgroup,select,textarea{font-feature-settings:inherit;background-color:transparent;border-radius:0;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)0)}.top-0{top:calc(var(--spacing)0)}.top-4{top:calc(var(--spacing)4)}.right-4{right:calc(var(--spacing)4)}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-100{z-index:100}.container{width:100%;@media (width >= 640px){max-width:640px}@media (width >= 768px){max-width:768px}@media (width >= 1024px){max-width:1024px}@media (width >= 1200px){max-width:1200px}@media (width >= 1280px){max-width:1280px}@media (width >= 1536px){max-width:1536px}@media (width >= 1650px){max-width:1650px}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)1)}.mt-2{margin-top:calc(var(--spacing)2)}.mt-3{margin-top:calc(var(--spacing)3)}.mt-5{margin-top:calc(var(--spacing)5)}.mt-6{margin-top:calc(var(--spacing)6)}.mt-7{margin-top:calc(var(--spacing)7)}.mt-10{margin-top:calc(var(--spacing)10)}.mt-11{margin-top:calc(var(--spacing)11)}.mr-2{margin-right:calc(var(--spacing)2)}.mb-2{margin-bottom:calc(var(--spacing)2)}.mb-3{margin-bottom:calc(var(--spacing)3)}.mb-4{margin-bottom:calc(var(--spacing)4)}.mb-6{margin-bottom:calc(var(--spacing)6)}.-ml-1{margin-left:calc(var(--spacing)-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)4)}.h-6{height:calc(var(--spacing)6)}.h-8{height:calc(var(--spacing)8)}.h-10{height:calc(var(--spacing)10)}.h-12{height:calc(var(--spacing)12)}.h-14{height:calc(var(--spacing)14)}.h-16{height:calc(var(--spacing)16)}.h-20{height:calc(var(--spacing)20)}.h-22{height:calc(var(--spacing)22)}.h-\[10px\]{height:10px}.h-\[32px\]{height:32px}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)4)}.w-6{width:calc(var(--spacing)6)}.w-8{width:calc(var(--spacing)8)}.w-16{width:calc(var(--spacing)16)}.w-22{width:calc(var(--spacing)22)}.w-\[10px\]{width:10px}.w-\[32px\]{width:32px}.w-\[98vw\]{width:98vw}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[95vw\]{max-width:95vw}.max-w-\[200px\]{max-width:200px}.max-w-\[680px\]{max-width:680px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)4)}.gap-5{gap:calc(var(--spacing)5)}.gap-6{gap:calc(var(--spacing)6)}.gap-8{gap:calc(var(--spacing)8)}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)1(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)1var(--tw-space-y-reverse))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)3(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)3var(--tw-space-y-reverse))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)4(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)4var(--tw-space-y-reverse))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)6(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)6var(--tw-space-y-reverse))}}.space-x-3{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)3(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)3var(--tw-space-x-reverse))}}.space-x-4{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)4(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)4var(--tw-space-x-reverse))}}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-500{border-color:var(--color-blue-500)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-onpe-ui-blue{background-color:var(--color-onpe-ui-blue)}.bg-onpe-ui-dark-gray{background-color:var(--color-onpe-ui-dark-gray)}.bg-onpe-ui-gray{background-color:var(--color-onpe-ui-gray)}.bg-onpe-ui-gray-extra-light{background-color:var(--color-onpe-ui-gray-extra-light)}.bg-onpe-ui-gray-light{background-color:var(--color-onpe-ui-gray-light)}.bg-onpe-ui-green{background-color:var(--color-onpe-ui-green)}.bg-onpe-ui-light-skyblue{background-color:var(--color-onpe-ui-light-skyblue)}.bg-onpe-ui-red{background-color:var(--color-onpe-ui-red)}.bg-onpe-ui-skyblue{background-color:var(--color-onpe-ui-skyblue)}.bg-onpe-ui-skyblue-light{background-color:var(--color-onpe-ui-skyblue-light)}.bg-onpe-ui-yellow{background-color:var(--color-onpe-ui-yellow)}.bg-onpe-ui-yellow-light{background-color:var(--color-onpe-ui-yellow-light)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.p-2{padding:calc(var(--spacing)2)}.p-3{padding:calc(var(--spacing)3)}.p-4{padding:calc(var(--spacing)4)}.p-6{padding:calc(var(--spacing)6)}.p-8{padding:calc(var(--spacing)8)}.p-\[7px\]{padding:7px}.px-1{padding-inline:calc(var(--spacing)1)}.px-3{padding-inline:calc(var(--spacing)3)}.px-4{padding-inline:calc(var(--spacing)4)}.px-6{padding-inline:calc(var(--spacing)6)}.py-1\.5{padding-block:calc(var(--spacing)1.5)}.py-2{padding-block:calc(var(--spacing)2)}.py-3{padding-block:calc(var(--spacing)3)}.py-10{padding-block:calc(var(--spacing)10)}.pt-5{padding-top:calc(var(--spacing)5)}.pt-10{padding-top:calc(var(--spacing)10)}.pb-8{padding-bottom:calc(var(--spacing)8)}.pb-24\.5{padding-bottom:calc(var(--spacing)24.5)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-500{color:var(--color-blue-500)}.text-gray-600{color:var(--color-gray-600)}.text-orange-500{color:var(--color-orange-500)}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-75{opacity:75%}.opacity-100{opacity:100%}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgba(0,0,0,.1)),0 1px 2px -1px var(--tw-shadow-color,rgba(0,0,0,.1))}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgba(0,0,0,.1)),0 4px 6px -4px var(--tw-shadow-color,rgba(0,0,0,.1))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-300{--tw-duration:300ms;transition-duration:.3s}.duration-500{--tw-duration:500ms;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.hover\:bg-blue-600{&:hover{@media (hover:hover){background-color:var(--color-blue-600)}}}.hover\:bg-green-600{&:hover{@media (hover:hover){background-color:var(--color-green-600)}}}.hover\:bg-orange-600{&:hover{@media (hover:hover){background-color:var(--color-orange-600)}}}.hover\:bg-purple-600{&:hover{@media (hover:hover){background-color:var(--color-purple-600)}}}.hover\:bg-red-600{&:hover{@media (hover:hover){background-color:var(--color-red-600)}}}.focus\:ring-2{&:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-offset-2{&:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:outline-none{&:focus{--tw-outline-style:none;outline-style:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:bg-onpe-ui-gray{&:disabled{background-color:var(--color-onpe-ui-gray)}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:hover\:bg-onpe-ui-gray{&:disabled{&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray)}}}}.md\:block,.md\:gap-12,.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4,.md\:h-\[48px\],.md\:hidden,.md\:hover\:bg-onpe-ui-blue\/30,.md\:mt-20,.md\:text-2xl,.md\:text-\[64px\],.md\:text-lg,.md\:w-\[48px\],.md\:w-\[500px\]{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-blue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-blue) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-dark-gray\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-dark-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-dark-gray) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-gray-extra-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray-extra-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-extra-light) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-gray-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray-light) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-gray\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-gray);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-gray) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-green\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-green);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-green) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-light-skyblue\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-light-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-light-skyblue) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-red\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-red);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-red) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-skyblue-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-skyblue-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue-light) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-skyblue\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-skyblue);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-skyblue) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-yellow-light\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-yellow-light);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow-light) 30%,transparent)}}}}}.md\:hover\:bg-onpe-ui-yellow\/30{@media (width >= 768px){&:hover{@media (hover:hover){background-color:var(--color-onpe-ui-yellow);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-onpe-ui-yellow) 30%,transparent)}}}}}.lg\:flex-row,.lg\:grid-cols-4,.lg\:max-w-\[576px\],.lg\:mt-16,.lg\:mt-20,.lg\:mt-4,.lg\:px-5,.lg\:py-16,.lg\:text-2xl,.lg\:text-lg,.lg\:w-\[1024px\],.lg\:w-\[200px\],.xl\:px-12{@media (width >= 1280px){padding-inline:calc(var(--spacing)12)}}}:root{--blue:#003770;--skyblue:#0073cf;--skyblue-light:#69b2e8;--yellow:#ffb81c;--light-skyblue:#aaeff6;--gray:#bcbcbc;--gray-light:#bdbdbd;--gray-extra-light:#f2f2f2;--red:#e3002b;--dark-gray:#4f4f4f;--green:#76bd43;--yellow-light:#fff1d2}button{cursor:pointer}@keyframes fastBlink{0%{opacity:1}25%{opacity:.8}50%{opacity:.4}75%{opacity:.8}to{opacity:1}}.fast-blink{animation:fastBlink .8s ease-in-out infinite}@property --tw-rotate-x{syntax:"";inherits:false}@property --tw-rotate-y{syntax:"";inherits:false}@property --tw-rotate-z{syntax:"";inherits:false}@property --tw-skew-x{syntax:"";inherits:false}@property --tw-skew-y{syntax:"";inherits:false}@property --tw-space-y-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-border-style{syntax:"";inherits:false;initial-value:solid}@property --tw-leading{syntax:"";inherits:false}@property --tw-font-weight{syntax:"";inherits:false}@property --tw-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"";inherits:false}@property --tw-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"";inherits:false}@property --tw-inset-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"";inherits:false}@property --tw-ease{syntax:"";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}

package/dist/index.esm.js CHANGED Viewed

@@ -89,31 +89,31 @@ var Button = function (_a) {
     var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
     var getColor = function () {
         if (color === "blue")
-            return "bg-blue md:hover:bg-blue/30";
+            return "bg-onpe-ui-blue md:hover:bg-onpe-ui-blue/30";
         if (color === "skyblue")
-            return "bg-skyblue md:hover:bg-skyblue/30";
+            return "bg-onpe-ui-skyblue md:hover:bg-onpe-ui-skyblue/30";
         if (color === "skyblue-light")
-            return "bg-skyblue-light md:hover:bg-skyblue-light/30";
+            return "bg-onpe-ui-skyblue-light md:hover:bg-onpe-ui-skyblue-light/30";
         if (color === "yellow")
-            return "bg-yellow md:hover:bg-yellow/30";
+            return "bg-onpe-ui-yellow md:hover:bg-onpe-ui-yellow/30";
         if (color === "light-skyblue")
-            return "bg-light-skyblue md:hover:bg-light-skyblue/30";
+            return "bg-onpe-ui-light-skyblue md:hover:bg-onpe-ui-light-skyblue/30";
         if (color === "gray")
-            return "bg-gray md:hover:bg-gray/30";
+            return "bg-onpe-ui-gray md:hover:bg-onpe-ui-gray/30";
         if (color === "gray-light")
-            return "bg-gray-light md:hover:bg-gray-light/30";
+            return "bg-onpe-ui-gray-light md:hover:bg-onpe-ui-gray-light/30";
         if (color === "gray-extra-light")
-            return "bg-gray-extra-light md:hover:bg-gray-extra-light/30";
+            return "bg-onpe-ui-gray-extra-light md:hover:bg-onpe-ui-gray-extra-light/30";
         if (color === "red")
-            return "bg-red md:hover:bg-red/30";
+            return "bg-onpe-ui-red md:hover:bg-onpe-ui-red/30";
         if (color === "dark-gray")
-            return "bg-dark-gray md:hover:bg-dark-gray/30";
+            return "bg-onpe-ui-dark-gray md:hover:bg-onpe-ui-dark-gray/30";
         if (color === "green")
-            return "bg-green md:hover:bg-green/30";
+            return "bg-onpe-ui-green md:hover:bg-onpe-ui-green/30";
         if (color === "yellow-light")
-            return "bg-yellow-light md:hover:bg-yellow-light/30";
+            return "bg-onpe-ui-yellow-light md:hover:bg-onpe-ui-yellow-light/30";
         if (color === "primary")
-            return "bg-blue md:hover:bg-blue/30";
+            return "bg-onpe-ui-blue md:hover:bg-onpe-ui-blue/30";
         return "";
     };
     var getSize = function () {
@@ -125,7 +125,7 @@ var Button = function (_a) {
             return "h-14 text-lg";
         return "h-12 text-base"; // Por defecto es normal
     };
-    return (jsx("button", __assign({ className: "text-white cursor-pointer disabled:cursor-not-allowed flex justify-center items-center font-semibold disabled:bg-gray disabled:hover:bg-gray ".concat(getColor(), " ").concat(getSize(), " transition-all duration-300 ease-in-out min-w-[200px] ").concat(className) }, props, { children: title })));
+    return (jsx("button", __assign({ className: "text-white cursor-pointer disabled:cursor-not-allowed flex justify-center items-center font-semibold disabled:bg-onpe-ui-gray disabled:hover:bg-onpe-ui-gray ".concat(getColor(), " ").concat(getSize(), " transition-all duration-300 ease-in-out min-w-[200px] ").concat(className) }, props, { children: title })));
 };
 var Portal = function (_a) {

package/dist/index.js CHANGED Viewed

@@ -91,31 +91,31 @@ var Button = function (_a) {
     var color = _a.color, title = _a.title, size = _a.size, className = _a.className, props = __rest(_a, ["color", "title", "size", "className"]);
     var getColor = function () {
         if (color === "blue")
-            return "bg-blue md:hover:bg-blue/30";
+            return "bg-onpe-ui-blue md:hover:bg-onpe-ui-blue/30";
         if (color === "skyblue")
-            return "bg-skyblue md:hover:bg-skyblue/30";
+            return "bg-onpe-ui-skyblue md:hover:bg-onpe-ui-skyblue/30";
         if (color === "skyblue-light")
-            return "bg-skyblue-light md:hover:bg-skyblue-light/30";
+            return "bg-onpe-ui-skyblue-light md:hover:bg-onpe-ui-skyblue-light/30";
         if (color === "yellow")
-            return "bg-yellow md:hover:bg-yellow/30";
+            return "bg-onpe-ui-yellow md:hover:bg-onpe-ui-yellow/30";
         if (color === "light-skyblue")
-            return "bg-light-skyblue md:hover:bg-light-skyblue/30";
+            return "bg-onpe-ui-light-skyblue md:hover:bg-onpe-ui-light-skyblue/30";
         if (color === "gray")
-            return "bg-gray md:hover:bg-gray/30";
+            return "bg-onpe-ui-gray md:hover:bg-onpe-ui-gray/30";
         if (color === "gray-light")
-            return "bg-gray-light md:hover:bg-gray-light/30";
+            return "bg-onpe-ui-gray-light md:hover:bg-onpe-ui-gray-light/30";
         if (color === "gray-extra-light")
-            return "bg-gray-extra-light md:hover:bg-gray-extra-light/30";
+            return "bg-onpe-ui-gray-extra-light md:hover:bg-onpe-ui-gray-extra-light/30";
         if (color === "red")
-            return "bg-red md:hover:bg-red/30";
+            return "bg-onpe-ui-red md:hover:bg-onpe-ui-red/30";
         if (color === "dark-gray")
-            return "bg-dark-gray md:hover:bg-dark-gray/30";
+            return "bg-onpe-ui-dark-gray md:hover:bg-onpe-ui-dark-gray/30";
         if (color === "green")
-            return "bg-green md:hover:bg-green/30";
+            return "bg-onpe-ui-green md:hover:bg-onpe-ui-green/30";
         if (color === "yellow-light")
-            return "bg-yellow-light md:hover:bg-yellow-light/30";
+            return "bg-onpe-ui-yellow-light md:hover:bg-onpe-ui-yellow-light/30";
         if (color === "primary")
-            return "bg-blue md:hover:bg-blue/30";
+            return "bg-onpe-ui-blue md:hover:bg-onpe-ui-blue/30";
         return "";
     };
     var getSize = function () {
@@ -127,7 +127,7 @@ var Button = function (_a) {
             return "h-14 text-lg";
         return "h-12 text-base"; // Por defecto es normal
     };
-    return (jsxRuntime.jsx("button", __assign({ className: "text-white cursor-pointer disabled:cursor-not-allowed flex justify-center items-center font-semibold disabled:bg-gray disabled:hover:bg-gray ".concat(getColor(), " ").concat(getSize(), " transition-all duration-300 ease-in-out min-w-[200px] ").concat(className) }, props, { children: title })));
+    return (jsxRuntime.jsx("button", __assign({ className: "text-white cursor-pointer disabled:cursor-not-allowed flex justify-center items-center font-semibold disabled:bg-onpe-ui-gray disabled:hover:bg-onpe-ui-gray ".concat(getColor(), " ").concat(getSize(), " transition-all duration-300 ease-in-out min-w-[200px] ").concat(className) }, props, { children: title })));
 };
 var Portal = function (_a) {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@onpe/ui",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "type": "module",
   "description": "Librería completa de UI para ONPE - Componentes, Hooks, Utils y Librerías",
   "main": "dist/index.js",
@@ -37,7 +37,8 @@
   "files": [
     "dist",
     "!dist/**/*.stories.*",
-    "!dist/**/IconsOverview.*"
+    "!dist/**/IconsOverview.*",
+    "!dist/**/*.map"
   ],
   "scripts": {
     "build": "rollup -c",

package/dist/components/Button/Button.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,KAAK,EACD,MAAM,GACN,SAAS,GACT,eAAe,GACf,QAAQ,GACR,eAAe,GACf,MAAM,GACN,YAAY,GACZ,kBAAkB,GAClB,KAAK,GACL,WAAW,GACX,OAAO,GACP,cAAc,GACd,SAAS,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,GAAI,6CAA6C,WAAW,4CAiC9E,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Button/index.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/ErrorHandling/BrowserIncompatible/BrowserIncompatible.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"BrowserIncompatible.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorHandling/BrowserIncompatible/BrowserIncompatible.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,GAAI,gCAAwD,wBAAwB,4CAqBnH,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/ErrorHandling/BrowserIncompatible/index.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorHandling/BrowserIncompatible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/ErrorHandling/ModalConfirm/ModalConfirm.d.ts DELETED Viewed

@@ -1,16 +0,0 @@
-export interface ModalConfirmProps {
-    isOpen: boolean;
-    onClose: () => void;
-    title: string;
-    message: string;
-    icon?: "warning" | "success";
-    onConfirm?: () => void;
-    onCancel?: () => void;
-    textButtonConfirm?: string;
-    textButtonCancel?: string;
-    twoButtons?: boolean;
-    className?: string;
-}
-export declare const ModalConfirm: ({ isOpen, onClose, title, message, icon, onConfirm, onCancel, textButtonConfirm, textButtonCancel, twoButtons, className, }: ModalConfirmProps) => import("react/jsx-runtime").JSX.Element;
-export default ModalConfirm;
-//# sourceMappingURL=ModalConfirm.d.ts.map

package/dist/components/ErrorHandling/ModalConfirm/ModalConfirm.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ModalConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorHandling/ModalConfirm/ModalConfirm.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,6HAY1B,iBAAiB,4CAiCnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/ErrorHandling/ModalConfirm/index.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export { ModalConfirm } from "./ModalConfirm";
-export type { ModalConfirmProps } from "./ModalConfirm";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ErrorHandling/ModalConfirm/index.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorHandling/ModalConfirm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/ErrorHandling/ModalDeviceIncompatible/ModalDeviceIncompatible.d.ts DELETED Viewed

@@ -1,8 +0,0 @@
-export interface ModalDeviceIncompatibleProps {
-    isOpen: boolean;
-    onClose: () => void;
-    className?: string;
-}
-export declare const ModalDeviceIncompatible: ({ isOpen, onClose, className }: ModalDeviceIncompatibleProps) => import("react/jsx-runtime").JSX.Element;
-export default ModalDeviceIncompatible;
-//# sourceMappingURL=ModalDeviceIncompatible.d.ts.map

package/dist/components/ErrorHandling/ModalDeviceIncompatible/ModalDeviceIncompatible.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"ModalDeviceIncompatible.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorHandling/ModalDeviceIncompatible/ModalDeviceIncompatible.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,GAAI,gCAAwD,4BAA4B,4CAoB3H,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/ErrorHandling/ModalDeviceIncompatible/index.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export { ModalDeviceIncompatible } from "./ModalDeviceIncompatible";
-export type { ModalDeviceIncompatibleProps } from "./ModalDeviceIncompatible";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ErrorHandling/ModalDeviceIncompatible/index.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorHandling/ModalDeviceIncompatible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,YAAY,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/ErrorHandling/ModalLoading/ModalLoading.d.ts DELETED Viewed

@@ -1,9 +0,0 @@
-export interface ModalLoadingProps {
-    isOpen: boolean;
-    onClose?: () => void;
-    message?: string;
-    className?: string;
-}
-export declare const ModalLoading: ({ isOpen, onClose, message, className }: ModalLoadingProps) => import("react/jsx-runtime").JSX.Element;
-export default ModalLoading;
-//# sourceMappingURL=ModalLoading.d.ts.map