fds-vue-core 8.2.2 → 8.2.4

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 (21) hide show
  1. package/dist/components/FdsSearchSelect/FdsSearchSelect.vue.d.ts +3 -3
  2. package/dist/components/FdsSearchSelectPro/FdsSearchSelectPro.vue.d.ts +3 -3
  3. package/dist/components/Form/FdsInput/FdsInput.vue.d.ts +2 -2
  4. package/dist/components/Form/FdsPhonenumber/FdsPhonenumber.vue.d.ts +0 -3
  5. package/dist/components/Form/FdsPhonenumber/normalizePhoneInput.d.ts +7 -0
  6. package/dist/components/Form/FdsPhonenumber/phoneMask.d.ts +2 -0
  7. package/dist/components/Form/FdsPhonenumber/types.d.ts +1 -1
  8. package/dist/fds-vue-core.cjs.js +166 -37
  9. package/dist/fds-vue-core.cjs.js.map +1 -1
  10. package/dist/fds-vue-core.css +1 -1
  11. package/dist/fds-vue-core.es.js +166 -37
  12. package/dist/fds-vue-core.es.js.map +1 -1
  13. package/dist/tsconfig.build.tsbuildinfo +1 -1
  14. package/package.json +1 -1
  15. package/src/components/Form/FdsInput/FdsInput.stories.ts +21 -1
  16. package/src/components/Form/FdsInput/FdsInput.vue +46 -28
  17. package/src/components/Form/FdsPhonenumber/FdsPhonenumber.vue +31 -10
  18. package/src/components/Form/FdsPhonenumber/FdsPhonenumberCountryPicker.vue +1 -1
  19. package/src/components/Form/FdsPhonenumber/normalizePhoneInput.ts +88 -0
  20. package/src/components/Form/FdsPhonenumber/phoneMask.ts +28 -0
  21. package/src/components/Form/FdsPhonenumber/types.ts +0 -3
package/dist/fds-vue-core.css CHANGED
@@ -1 +1 @@
1
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}:root,:host{--font-main:"IBM-Plex-Sans", "Arial", sans-serif;--font-heading:"Raleway", "Arial", sans-serif;--breakpoint-sm:480px;--color-blue-100:#ebf4ff;--color-blue-200:#c7e4fd;--color-blue-300:#9acbfe;--color-blue-500:#3b87dd;--color-blue-600:#1d69c2;--color-blue-700:#0c4899;--color-blue-800:#0f3164;--color-blue-900:#051a3b;--color-blue_t-100:#0c48990c;--color-blue_t-200:#0c48991f;--color-blue_t-300:#0c489939;--color-red-500:#fd4c43;--color-red-600:#e31c0d;--color-red-700:#a41107;--color-gray-100:#0000000c;--color-gray-200:#0000001f;--color-gray-300:#00000039;--color-gray-400:#00000057;--color-gray-500:#00000076;--color-gray-600:#00000096;--color-gray-700:#000000b3;--color-gray-800:#000000cb;--color-gray-900:#000000e4;--color-white-solid:#fff;--color-yellow-200:#ffe385;--color-yellow-300:#ffd04a;--color-yellow-400:#ffba20;--color-yellow-600:#d96f02;--color-yellow-700:#b74e06;--color-green-500:#70c31f;--color-green-600:#559c14;--color-green-700:#417714;--text-6xl:2rem;--text-5xl:1.75rem;--text-4xl:1.625rem;--text-3xl:1.5rem;--text-2xl:1.375rem;--text-xl:1.25rem;--text-lg:1.125rem;--text-base:1rem;--radius-full:9999px;--radius-2xl:1rem;--radius-xl:.75rem;--radius-lg:.5rem;--radius-md:.25rem;--radius-none:0;--tracking-wide:.002em;--tracking-normal:0;--spacing-md:1.335;--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-gray-50:oklch(98.5% .002 247.839);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base--line-height: 1.5 ;--text-lg--line-height:calc(1.75 / 1.125);--text-xl--line-height:calc(1.75 / 1.25);--text-2xl--line-height:calc(2 / 1.5);--text-3xl--line-height: 1.2 ;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl--line-height:1;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--breakpoint-2xs:320px;--breakpoint-xs:360px;--breakpoint-md:588px;--breakpoint-lg:824px;--breakpoint-xl:920px;--breakpoint-2xl:964px;--breakpoint-3xl:1068px;--breakpoint-4xl:1268px;--breakpoint-5xl:1436px;--color-blue-400:#71abf5;--color-red-100:#ffefef;--color-red-200:#fed7d5;--color-red-300:#feb3b0;--color-red-400:#fd857e;--color-red-800:#750a03;--color-red-900:#3e0301;--color-white-100:#ffffff0c;--color-white-200:#ffffff1f;--color-white-300:#ffffff39;--color-white-400:#ffffff57;--color-white-500:#ffffff76;--color-white-600:#ffffff96;--color-white-700:#ffffffb3;--color-white-800:#ffffffcb;--color-white-900:#ffffffe4;--color-yellow-100:#fff2c6;--color-yellow-500:#f99807;--color-yellow-800:#943b0c;--color-yellow-900:#7a310d;--color-green-100:#e6facd;--color-green-200:#cff5a1;--color-green-300:#aeeb6b;--color-green-400:#90dd3e;--color-green-800:#375e16;--color-green-900:#305017;--color-purple-100:#fcf5fe;--color-purple-200:#f8eafd;--color-purple-300:#f0d5f9;--color-purple-400:#e7b3f4;--color-purple-500:#d986ec;--color-purple-600:#c658dd;--color-purple-700:#ac38c1;--color-purple-800:#902ba0;--color-purple-900:#73247e;--drop-shadow-xl:0 16px 32px #0c48991f;--drop-shadow-lg:0 12px 24px #0c48991f;--drop-shadow-md:0 8px 16px #0c48991f;--drop-shadow-sm:0 4px 8px #0c48991f;--drop-shadow-xs:0 2px 4px #0c48991f;--shadow-xl:0 16px 32px #0c48991f;--shadow-lg:0 12px 24px #0c48991f;--shadow-md:0 8px 16px #0c48991f;--shadow-sm:0 4px 8px #0c48991f;--shadow-xs:0 2px 4px #0c48991f;--radius-3xl:2rem;--radius-sm:.125rem;--tracking-tight:-.005em;--spacing-lg:1.5;--spacing-sm:1.2}.alert-content .link{color:var(--color-gray-900)}@layer theme;@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body,#app{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer components{h1,.h1{margin-top:0;margin-bottom:calc(var(--spacing) * 3);font-family:var(--font-heading);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}@media(min-width:480px){h1,.h1{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media(min-width:824px){h1,.h1{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}h2,.h2{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-heading);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}@media(min-width:480px){h2,.h2{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.h2--small,h3,.h3{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-heading);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.h3--small{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-heading);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}:is(h1:focus,h2:focus,h3:focus):focus{outline-style:var(--tw-outline-style);outline-width:0}.label{margin-bottom:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}p{margin-bottom:calc(var(--spacing) * 4)}li:not(:last-child){margin-bottom:calc(var(--spacing) * 2)}.link,.html a{cursor:pointer;color:var(--color-blue-600);text-decoration-line:underline}@media(hover:hover){:is(.link,.html a):hover{color:var(--color-blue-700)}}:is(.link,.html a):focus-visible{outline-style:var(--tw-outline-style);outline-offset:4px;outline-width:2px;outline-color:var(--color-blue-500);--tw-outline-style:dashed;outline-style:dashed}:is(.link,.html a):active{color:var(--color-blue-800)}.capitalize-first:first-letter{text-transform:uppercase}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.\[inset\:auto\]{inset:auto}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-\[10rem\]{top:10rem}.top-\[22px\]{top:22px}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-8{right:calc(var(--spacing) * 8)}.right-18{right:calc(var(--spacing) * 18)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-\[50\%\]{left:50%}.z-2{z-index:2}.z-4{z-index:4}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-60{z-index:60}.z-99{z-index:99}.z-100{z-index:100}.z-9999{z-index:9999}.z-100000{z-index:100000}.z-100001{z-index:100001}.z-\[2\]{z-index:2}.z-\[99999\]{z-index:99999}.order-0{order:0}.order-2{order:2}.container{width:100%}@media(min-width:320px){.container{max-width:320px}}@media(min-width:360px){.container{max-width:360px}}@media(min-width:480px){.container{max-width:480px}}@media(min-width:588px){.container{max-width:588px}}@media(min-width:824px){.container{max-width:824px}}@media(min-width:920px){.container{max-width:920px}}@media(min-width:964px){.container{max-width:964px}}@media(min-width:1068px){.container{max-width:1068px}}@media(min-width:1268px){.container{max-width:1268px}}@media(min-width:1436px){.container{max-width:1436px}}.m-0{margin:0}.m-\[2px\]{margin:2px}.m-\[3px\]{margin:3px}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.my-4\!{margin-block:calc(var(--spacing) * 4)!important}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0{margin-top:0}.mt-0\!{margin-top:0!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-0{margin-right:0}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-0{margin-bottom:0}.mb-0\!{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing)}.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)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline\!{display:inline!important}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-\[2px\]{height:2px}.h-\[44px\]{height:44px}.h-\[64px\]{height:64px}.h-\[68px\]{height:68px}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[28px\]{max-height:28px}.max-h-\[48px\]{max-height:48px}.max-h-\[80\%\]{max-height:80%}.max-h-\[280px\]{max-height:280px}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-\[18px\]{min-height:18px}.min-h-\[20px\]{min-height:20px}.min-h-\[53px\]{min-height:53px}.min-h-\[200px\]{min-height:200px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-32{width:calc(var(--spacing) * 32)}.w-\[44px\]{width:44px}.w-\[100px\]{width:100px}.w-\[calc\(100\%-5rem\)\]{width:calc(100% - 5rem)}.w-\[calc\(100\%-50px\)\]{width:calc(100% - 50px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-full\!{width:100%!important}.w-max{width:max-content}.max-w-\[48px\]{max-width:48px}.max-w-\[90px\]{max-width:90px}.max-w-\[100px\]{max-width:100px}.max-w-\[320px\]{max-width:320px}.max-w-\[480px\]{max-width:480px}.max-w-\[487px\]{max-width:487px}.max-w-\[588px\]{max-width:588px}.max-w-\[768px\]{max-width:768px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.min-w-0{min-width:0}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-54{min-width:calc(var(--spacing) * 54)}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[20rem\]{min-width:20rem}.min-w-\[120px\]{min-width:120px}.min-w-\[200px\]{min-width:200px}.min-w-\[288px\]{min-width:288px}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-0{flex-basis:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.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-auto{cursor:auto}.cursor-default{cursor:default}.cursor-e-resize{cursor:e-resize}.cursor-move{cursor:move}.cursor-n-resize{cursor:n-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-not-allowed\!{cursor:not-allowed!important}.cursor-nw-resize{cursor:nw-resize}.cursor-pointer{cursor:pointer}.cursor-s-resize{cursor:s-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-text{cursor:text}.cursor-w-resize{cursor:w-resize}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-px{column-gap:1px}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible\!{overflow:visible!important}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-none{border-top-left-radius:var(--radius-none);border-top-right-radius:var(--radius-none)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-b-none{border-bottom-right-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-blue_t-200{border-color:var(--color-blue_t-200)}.border-blue_t-200\!{border-color:var(--color-blue_t-200)!important}.border-current\/20{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.border-current\/20{border-color:color-mix(in oklab,currentcolor 20%,transparent)}}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-300\!{border-color:var(--color-gray-300)!important}.border-gray-500{border-color:var(--color-gray-500)}.border-transparent{border-color:#0000}.border-transparent\!{border-color:#0000!important}.border-white{border-color:var(--color-white)}.border-yellow-300{border-color:var(--color-yellow-300)}.bg-black\/12{background-color:#0000001f}@supports (color:color-mix(in lab,red,red)){.bg-black\/12{background-color:color-mix(in oklab,var(--color-black) 12%,transparent)}}.bg-black\/34{background-color:#00000057}@supports (color:color-mix(in lab,red,red)){.bg-black\/34{background-color:color-mix(in oklab,var(--color-black) 34%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\!{background-color:var(--color-blue-600)!important}.bg-blue_t-100{background-color:var(--color-blue_t-100)}.bg-blue_t-200\!{background-color:var(--color-blue_t-200)!important}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-700{background-color:var(--color-green-700)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white-solid{background-color:var(--color-white-solid)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-400{background-color:var(--color-yellow-400)}.fill-blue-500{fill:var(--color-blue-500)}.fill-blue-700{fill:var(--color-blue-700)}.fill-gray-500{fill:var(--color-gray-500)}.fill-gray-700{fill:var(--color-gray-700)}.fill-gray-900{fill:var(--color-gray-900)}.fill-gray-900\!{fill:var(--color-gray-900)!important}.fill-green-600{fill:var(--color-green-600)}.fill-red-500{fill:var(--color-red-500)}.fill-red-600{fill:var(--color-red-600)}.fill-red-700{fill:var(--color-red-700)}.fill-white{fill:var(--color-white)}.fill-yellow-600{fill:var(--color-yellow-600)}.fill-yellow-700{fill:var(--color-yellow-700)}.p-0{padding:0}.p-0\!{padding:0!important}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-4\!{padding:calc(var(--spacing) * 4)!important}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.p-\[2px\]{padding:2px}.p-\[calc\(1rem-2px\)\]{padding:calc(1rem - 2px)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.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-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-\[calc\(0\.75rem-1px\)\]{padding-block:calc(.75rem - 1px)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6\.5{padding-top:calc(var(--spacing) * 6.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-20{padding-right:calc(var(--spacing) * 20)}.pr-24{padding-right:calc(var(--spacing) * 24)}.pr-32{padding-right:calc(var(--spacing) * 32)}.pr-40{padding-right:calc(var(--spacing) * 40)}.pb-0{padding-bottom:0}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-1{padding-left:var(--spacing)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-heading{font-family:var(--font-heading)}.font-main{font-family:var(--font-main)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\!{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-md{--tw-leading:var(--spacing-md);line-height:var(--spacing-md)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-\[0\.002em\]{--tw-tracking:.002em;letter-spacing:.002em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.wrap-break-word{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-black{color:var(--color-black)}.text-blue-200\!{color:var(--color-blue-200)!important}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-600\!{color:var(--color-blue-600)!important}.text-blue-700{color:var(--color-blue-700)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-900\/50{color:#00000072}@supports (color:color-mix(in lab,red,red)){.text-gray-900\/50{color:color-mix(in oklab,var(--color-gray-900) 50%,transparent)}}.text-inherit{color:inherit}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-white-solid{color:var(--color-white-solid)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.accent-blue-500{accent-color:var(--color-blue-500)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-35{opacity:.35}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(12\,72\,153\,0\.12\)\]{--tw-shadow:0 2px 4px var(--tw-shadow-color,#0c48991f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_16px_0_rgba\(59\,130\,246\,0\.2\)\]{--tw-shadow:0 4px 16px 0 var(--tw-shadow-color,#3b82f633);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_24px_0_rgba\(12\,72\,153\,0\.12\)\]{--tw-shadow:0 12px 24px 0 var(--tw-shadow-color,#0c48991f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_-8px_16px_0px_rgba\(255\,255\,255\,0\.59\)\]{--tw-shadow:0px -8px 16px 0px var(--tw-shadow-color,#ffffff96);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_8px_0px_rgba\(12\,72\,153\,0\.12\)\]{--tw-shadow:0px 4px 8px 0px var(--tw-shadow-color,#0c48991f);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 12px 24px var(--tw-shadow-color,#0c48991f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 8px 16px var(--tw-shadow-color,#0c48991f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-200{--tw-shadow-color:#c7e4fd}@supports (color:color-mix(in lab,red,red)){.shadow-blue-200{--tw-shadow-color:color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent)}}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.-outline-offset-2{outline-offset:-2px}.outline-blue-500{outline-color:var(--color-blue-500)}.outline-gray-400{outline-color:var(--color-gray-400)}.outline-red-600{outline-color:var(--color-red-600)}.outline-red-600\!{outline-color:var(--color-red-600)!important}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\[box-shadow\,border-color\,background-color\]{transition-property:box-shadow,border-color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.22\,0\.61\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-none\!{--tw-outline-style:none!important;outline-style:none!important}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[position-area\:bottom\]{position-area:bottom}.\[position-area\:left\]{position-area:left}.\[position-area\:right\]{position-area:right}.\[position-area\:top\]{position-area:top}.\[position-try-fallbacks\:flip-block\,flip-inline\]{position-try-fallbacks:flip-block,flip-inline}:is(.\*\:w-auto\!>*){width:auto!important}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0\!:last-child{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}@media(hover:hover){.hover\:border-2:hover{border-style:var(--tw-border-style);border-width:2px}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-blue-600:hover{border-color:var(--color-blue-600)}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-blue-800:hover{background-color:var(--color-blue-800)}.hover\:bg-blue_t-100:hover{background-color:var(--color-blue_t-100)}.hover\:bg-blue_t-200:hover{background-color:var(--color-blue_t-200)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white\/59:hover{background-color:#ffffff96}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/59:hover{background-color:color-mix(in oklab,var(--color-white) 59%,transparent)}}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:outline-none:hover{--tw-outline-style:none;outline-style:none}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-blue-500:focus{outline-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-2:focus-visible{border-style:var(--tw-border-style);border-width:2px}.focus-visible\:border-dashed:focus-visible{--tw-border-style:dashed;border-style:dashed}.focus-visible\:border-blue-500:focus-visible{border-color:var(--color-blue-500)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:outline-0:focus-visible{outline-style:var(--tw-outline-style);outline-width:0}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-blue-500:focus-visible{outline-color:var(--color-blue-500)}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.focus-visible\:outline-dashed:focus-visible{--tw-outline-style:dashed;outline-style:dashed}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:border-blue-500:active{border-color:var(--color-blue-500)}.active\:border-transparent:active{border-color:#0000}.active\:border-white:active{border-color:var(--color-white)}.active\:bg-blue-900:active{background-color:var(--color-blue-900)}.active\:bg-blue_t-100:active{background-color:var(--color-blue_t-100)}.active\:bg-blue_t-200:active{background-color:var(--color-blue_t-200)}.active\:bg-blue_t-300:active{background-color:var(--color-blue_t-300)}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:bg-gray-200:active{background-color:var(--color-gray-200)}.active\:bg-transparent:active{background-color:#0000}.active\:bg-white:active{background-color:var(--color-white)}.active\:bg-white\/80:active{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.active\:bg-white\/80:active{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.active\:text-blue-600:active{color:var(--color-blue-600)}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:outline-2:has(:focus){outline-style:var(--tw-outline-style);outline-width:2px}.has-focus\:-outline-offset-2:has(:focus){outline-offset:-2px}.has-focus\:outline-blue-500:has(:focus){outline-color:var(--color-blue-500)}.has-focus\:outline-dashed:has(:focus){--tw-outline-style:dashed;outline-style:dashed}.has-focus-visible\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-focus-visible\:-outline-offset-2:has(:focus-visible){outline-offset:-2px}.has-focus-visible\:outline-blue-500:has(:focus-visible){outline-color:var(--color-blue-500)}.has-focus-visible\:outline-dashed:has(:focus-visible){--tw-outline-style:dashed;outline-style:dashed}@media(min-width:480px){.sm\:order-0{order:0}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:w-12{width:calc(var(--spacing) * 12)}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-1{gap:var(--spacing)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:588px){.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(min-width:824px){.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.\[\&_svg\]\:-rotate-180 svg{rotate:-180deg}.\[\&_svg\]\:rotate-0 svg{rotate:0deg}.\[\&_svg\]\:transition-transform svg{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&_svg\]\:duration-200 svg{--tw-duration:.2s;transition-duration:.2s}.\[\&\:\:-webkit-calendar-picker-indicator\]\:pointer-events-none::-webkit-calendar-picker-indicator{pointer-events:none}.\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-0::-webkit-calendar-picker-indicator{opacity:0}.\[\&\:has\(\:focus\)\]\:outline-none:has(:focus){--tw-outline-style:none;outline-style:none}.\[\&\:has\(\:focus-visible\)\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.\[\&\:has\(\:focus-visible\)\]\:-outline-offset-2:has(:focus-visible){outline-offset:-2px}.\[\&\:has\(\:focus-visible\)\]\:outline-blue-500:has(:focus-visible){outline-color:var(--color-blue-500)}.\[\&\:has\(\:focus-visible\)\]\:outline-dashed:has(:focus-visible){--tw-outline-style:dashed;outline-style:dashed}.\[\&\:has\(\:focus-visible\)\]\:outline-none:has(:focus-visible){--tw-outline-style:none;outline-style:none}input:not(input[type=checkbox],input[type=radio]),textarea{box-shadow:inset 0 0 0 1000px #fff!important}.nav-items .router-link-active{background-color:var(--color-blue-100);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-blue-700)}#navMenu select:focus{border-color:#0000!important}#navMenu select:focus-visible{--tw-outline-style:dashed;outline-style:dashed;outline-style:var(--tw-outline-style)!important;outline-offset:4px!important;outline-width:2px!important;outline-color:var(--color-white-solid)!important}@media(min-width:588px){fds-button.fds-button--primary .fds-button__el,fds-button.fds-button--secondary .fds-button__el{min-width:120px!important}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}.animate-spin-reverse{animation:1s linear infinite spin-reverse}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}:root,:host{--font-main:"IBM-Plex-Sans", "Arial", sans-serif;--font-heading:"Raleway", "Arial", sans-serif;--breakpoint-sm:480px;--color-blue-100:#ebf4ff;--color-blue-200:#c7e4fd;--color-blue-300:#9acbfe;--color-blue-500:#3b87dd;--color-blue-600:#1d69c2;--color-blue-700:#0c4899;--color-blue-800:#0f3164;--color-blue-900:#051a3b;--color-blue_t-100:#0c48990c;--color-blue_t-200:#0c48991f;--color-blue_t-300:#0c489939;--color-red-500:#fd4c43;--color-red-600:#e31c0d;--color-red-700:#a41107;--color-gray-100:#0000000c;--color-gray-200:#0000001f;--color-gray-300:#00000039;--color-gray-400:#00000057;--color-gray-500:#00000076;--color-gray-600:#00000096;--color-gray-700:#000000b3;--color-gray-800:#000000cb;--color-gray-900:#000000e4;--color-white-solid:#fff;--color-yellow-200:#ffe385;--color-yellow-300:#ffd04a;--color-yellow-400:#ffba20;--color-yellow-600:#d96f02;--color-yellow-700:#b74e06;--color-green-500:#70c31f;--color-green-600:#559c14;--color-green-700:#417714;--text-6xl:2rem;--text-5xl:1.75rem;--text-4xl:1.625rem;--text-3xl:1.5rem;--text-2xl:1.375rem;--text-xl:1.25rem;--text-lg:1.125rem;--text-base:1rem;--radius-full:9999px;--radius-2xl:1rem;--radius-xl:.75rem;--radius-lg:.5rem;--radius-md:.25rem;--radius-none:0;--tracking-wide:.002em;--tracking-normal:0;--spacing-md:1.335;--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-gray-50:oklch(98.5% .002 247.839);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base--line-height: 1.5 ;--text-lg--line-height:calc(1.75 / 1.125);--text-xl--line-height:calc(1.75 / 1.25);--text-2xl--line-height:calc(2 / 1.5);--text-3xl--line-height: 1.2 ;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl--line-height:1;--text-6xl--line-height:1;--font-weight-thin:100;--font-weight-light:300;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--breakpoint-2xs:320px;--breakpoint-xs:360px;--breakpoint-md:588px;--breakpoint-lg:824px;--breakpoint-xl:920px;--breakpoint-2xl:964px;--breakpoint-3xl:1068px;--breakpoint-4xl:1268px;--breakpoint-5xl:1436px;--color-blue-400:#71abf5;--color-red-100:#ffefef;--color-red-200:#fed7d5;--color-red-300:#feb3b0;--color-red-400:#fd857e;--color-red-800:#750a03;--color-red-900:#3e0301;--color-white-100:#ffffff0c;--color-white-200:#ffffff1f;--color-white-300:#ffffff39;--color-white-400:#ffffff57;--color-white-500:#ffffff76;--color-white-600:#ffffff96;--color-white-700:#ffffffb3;--color-white-800:#ffffffcb;--color-white-900:#ffffffe4;--color-yellow-100:#fff2c6;--color-yellow-500:#f99807;--color-yellow-800:#943b0c;--color-yellow-900:#7a310d;--color-green-100:#e6facd;--color-green-200:#cff5a1;--color-green-300:#aeeb6b;--color-green-400:#90dd3e;--color-green-800:#375e16;--color-green-900:#305017;--color-purple-100:#fcf5fe;--color-purple-200:#f8eafd;--color-purple-300:#f0d5f9;--color-purple-400:#e7b3f4;--color-purple-500:#d986ec;--color-purple-600:#c658dd;--color-purple-700:#ac38c1;--color-purple-800:#902ba0;--color-purple-900:#73247e;--drop-shadow-xl:0 16px 32px #0c48991f;--drop-shadow-lg:0 12px 24px #0c48991f;--drop-shadow-md:0 8px 16px #0c48991f;--drop-shadow-sm:0 4px 8px #0c48991f;--drop-shadow-xs:0 2px 4px #0c48991f;--shadow-xl:0 16px 32px #0c48991f;--shadow-lg:0 12px 24px #0c48991f;--shadow-md:0 8px 16px #0c48991f;--shadow-sm:0 4px 8px #0c48991f;--shadow-xs:0 2px 4px #0c48991f;--radius-3xl:2rem;--radius-sm:.125rem;--tracking-tight:-.005em;--spacing-lg:1.5;--spacing-sm:1.2}.alert-content .link{color:var(--color-gray-900)}@layer theme;@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body,#app{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer components{h1,.h1{margin-top:0;margin-bottom:calc(var(--spacing) * 3);font-family:var(--font-heading);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}@media(min-width:480px){h1,.h1{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media(min-width:824px){h1,.h1{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}h2,.h2{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-heading);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}@media(min-width:480px){h2,.h2{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.h2--small,h3,.h3{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-heading);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.h3--small{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-heading);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}:is(h1:focus,h2:focus,h3:focus):focus{outline-style:var(--tw-outline-style);outline-width:0}.label{margin-bottom:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}p{margin-bottom:calc(var(--spacing) * 4)}li:not(:last-child){margin-bottom:calc(var(--spacing) * 2)}.link,.html a{cursor:pointer;color:var(--color-blue-600);text-decoration-line:underline}@media(hover:hover){:is(.link,.html a):hover{color:var(--color-blue-700)}}:is(.link,.html a):focus-visible{outline-style:var(--tw-outline-style);outline-offset:4px;outline-width:2px;outline-color:var(--color-blue-500);--tw-outline-style:dashed;outline-style:dashed}:is(.link,.html a):active{color:var(--color-blue-800)}.capitalize-first:first-letter{text-transform:uppercase}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.\[inset\:auto\]{inset:auto}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-\[10rem\]{top:10rem}.top-\[22px\]{top:22px}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-8{right:calc(var(--spacing) * 8)}.right-18{right:calc(var(--spacing) * 18)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-\[50\%\]{left:50%}.z-2{z-index:2}.z-4{z-index:4}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-60{z-index:60}.z-99{z-index:99}.z-100{z-index:100}.z-9999{z-index:9999}.z-100000{z-index:100000}.z-100001{z-index:100001}.z-\[2\]{z-index:2}.z-\[99999\]{z-index:99999}.order-0{order:0}.order-2{order:2}.container{width:100%}@media(min-width:320px){.container{max-width:320px}}@media(min-width:360px){.container{max-width:360px}}@media(min-width:480px){.container{max-width:480px}}@media(min-width:588px){.container{max-width:588px}}@media(min-width:824px){.container{max-width:824px}}@media(min-width:920px){.container{max-width:920px}}@media(min-width:964px){.container{max-width:964px}}@media(min-width:1068px){.container{max-width:1068px}}@media(min-width:1268px){.container{max-width:1268px}}@media(min-width:1436px){.container{max-width:1436px}}.m-0{margin:0}.m-\[2px\]{margin:2px}.m-\[3px\]{margin:3px}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.my-4\!{margin-block:calc(var(--spacing) * 4)!important}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0{margin-top:0}.mt-0\!{margin-top:0!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-0{margin-right:0}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-0{margin-bottom:0}.mb-0\!{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing)}.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)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline\!{display:inline!important}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-\[2px\]{height:2px}.h-\[44px\]{height:44px}.h-\[64px\]{height:64px}.h-\[68px\]{height:68px}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[28px\]{max-height:28px}.max-h-\[48px\]{max-height:48px}.max-h-\[80\%\]{max-height:80%}.max-h-\[280px\]{max-height:280px}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-\[18px\]{min-height:18px}.min-h-\[20px\]{min-height:20px}.min-h-\[53px\]{min-height:53px}.min-h-\[200px\]{min-height:200px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-32{width:calc(var(--spacing) * 32)}.w-\[44px\]{width:44px}.w-\[100px\]{width:100px}.w-\[calc\(100\%-5rem\)\]{width:calc(100% - 5rem)}.w-\[calc\(100\%-50px\)\]{width:calc(100% - 50px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-full\!{width:100%!important}.w-max{width:max-content}.max-w-\[48px\]{max-width:48px}.max-w-\[90px\]{max-width:90px}.max-w-\[100px\]{max-width:100px}.max-w-\[320px\]{max-width:320px}.max-w-\[480px\]{max-width:480px}.max-w-\[487px\]{max-width:487px}.max-w-\[588px\]{max-width:588px}.max-w-\[768px\]{max-width:768px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-screen-sm{max-width:var(--breakpoint-sm)}.min-w-0{min-width:0}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-54{min-width:calc(var(--spacing) * 54)}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[20rem\]{min-width:20rem}.min-w-\[120px\]{min-width:120px}.min-w-\[200px\]{min-width:200px}.min-w-\[288px\]{min-width:288px}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-0{flex-basis:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.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-auto{cursor:auto}.cursor-default{cursor:default}.cursor-e-resize{cursor:e-resize}.cursor-move{cursor:move}.cursor-n-resize{cursor:n-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-not-allowed\!{cursor:not-allowed!important}.cursor-nw-resize{cursor:nw-resize}.cursor-pointer{cursor:pointer}.cursor-s-resize{cursor:s-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-text{cursor:text}.cursor-w-resize{cursor:w-resize}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-px{column-gap:1px}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible\!{overflow:visible!important}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-none{border-top-left-radius:var(--radius-none);border-top-right-radius:var(--radius-none)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-b-none{border-bottom-right-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-blue_t-200{border-color:var(--color-blue_t-200)}.border-blue_t-200\!{border-color:var(--color-blue_t-200)!important}.border-current\/20{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.border-current\/20{border-color:color-mix(in oklab,currentcolor 20%,transparent)}}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-300\!{border-color:var(--color-gray-300)!important}.border-gray-500{border-color:var(--color-gray-500)}.border-transparent{border-color:#0000}.border-transparent\!{border-color:#0000!important}.border-white{border-color:var(--color-white)}.border-yellow-300{border-color:var(--color-yellow-300)}.bg-black\/12{background-color:#0000001f}@supports (color:color-mix(in lab,red,red)){.bg-black\/12{background-color:color-mix(in oklab,var(--color-black) 12%,transparent)}}.bg-black\/34{background-color:#00000057}@supports (color:color-mix(in lab,red,red)){.bg-black\/34{background-color:color-mix(in oklab,var(--color-black) 34%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\!{background-color:var(--color-blue-600)!important}.bg-blue_t-100{background-color:var(--color-blue_t-100)}.bg-blue_t-200\!{background-color:var(--color-blue_t-200)!important}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-700{background-color:var(--color-green-700)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white-solid{background-color:var(--color-white-solid)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-400{background-color:var(--color-yellow-400)}.fill-blue-500{fill:var(--color-blue-500)}.fill-blue-700{fill:var(--color-blue-700)}.fill-gray-500{fill:var(--color-gray-500)}.fill-gray-700{fill:var(--color-gray-700)}.fill-gray-900{fill:var(--color-gray-900)}.fill-gray-900\!{fill:var(--color-gray-900)!important}.fill-green-600{fill:var(--color-green-600)}.fill-red-500{fill:var(--color-red-500)}.fill-red-600{fill:var(--color-red-600)}.fill-red-700{fill:var(--color-red-700)}.fill-white{fill:var(--color-white)}.fill-yellow-600{fill:var(--color-yellow-600)}.fill-yellow-700{fill:var(--color-yellow-700)}.p-0{padding:0}.p-0\!{padding:0!important}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-4\!{padding:calc(var(--spacing) * 4)!important}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.p-\[2px\]{padding:2px}.p-\[calc\(1rem-2px\)\]{padding:calc(1rem - 2px)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.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-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-\[calc\(0\.75rem-1px\)\]{padding-block:calc(.75rem - 1px)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6\.5{padding-top:calc(var(--spacing) * 6.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-20{padding-right:calc(var(--spacing) * 20)}.pr-24{padding-right:calc(var(--spacing) * 24)}.pr-32{padding-right:calc(var(--spacing) * 32)}.pr-40{padding-right:calc(var(--spacing) * 40)}.pb-0{padding-bottom:0}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-1{padding-left:var(--spacing)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-heading{font-family:var(--font-heading)}.font-main{font-family:var(--font-main)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\!{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-md{--tw-leading:var(--spacing-md);line-height:var(--spacing-md)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-\[0\.002em\]{--tw-tracking:.002em;letter-spacing:.002em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.wrap-break-word{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-black{color:var(--color-black)}.text-blue-200\!{color:var(--color-blue-200)!important}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-600\!{color:var(--color-blue-600)!important}.text-blue-700{color:var(--color-blue-700)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-900\/50{color:#00000072}@supports (color:color-mix(in lab,red,red)){.text-gray-900\/50{color:color-mix(in oklab,var(--color-gray-900) 50%,transparent)}}.text-inherit{color:inherit}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-white-solid{color:var(--color-white-solid)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.accent-blue-500{accent-color:var(--color-blue-500)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-35{opacity:.35}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(12\,72\,153\,0\.12\)\]{--tw-shadow:0 2px 4px var(--tw-shadow-color,#0c48991f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_16px_0_rgba\(59\,130\,246\,0\.2\)\]{--tw-shadow:0 4px 16px 0 var(--tw-shadow-color,#3b82f633);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_24px_0_rgba\(12\,72\,153\,0\.12\)\]{--tw-shadow:0 12px 24px 0 var(--tw-shadow-color,#0c48991f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_-8px_16px_0px_rgba\(255\,255\,255\,0\.59\)\]{--tw-shadow:0px -8px 16px 0px var(--tw-shadow-color,#ffffff96);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_8px_0px_rgba\(12\,72\,153\,0\.12\)\]{--tw-shadow:0px 4px 8px 0px var(--tw-shadow-color,#0c48991f);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 12px 24px var(--tw-shadow-color,#0c48991f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 8px 16px var(--tw-shadow-color,#0c48991f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-200{--tw-shadow-color:#c7e4fd}@supports (color:color-mix(in lab,red,red)){.shadow-blue-200{--tw-shadow-color:color-mix(in oklab, var(--color-blue-200) var(--tw-shadow-alpha), transparent)}}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.-outline-offset-2{outline-offset:-2px}.outline-blue-500{outline-color:var(--color-blue-500)}.outline-gray-400{outline-color:var(--color-gray-400)}.outline-red-600{outline-color:var(--color-red-600)}.outline-red-600\!{outline-color:var(--color-red-600)!important}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\[box-shadow\,border-color\,background-color\]{transition-property:box-shadow,border-color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.22\,0\.61\,0\.36\,1\)\]{--tw-ease:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-none\!{--tw-outline-style:none!important;outline-style:none!important}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[position-area\:bottom\]{position-area:bottom}.\[position-area\:left\]{position-area:left}.\[position-area\:right\]{position-area:right}.\[position-area\:top\]{position-area:top}.\[position-try-fallbacks\:flip-block\,flip-inline\]{position-try-fallbacks:flip-block,flip-inline}:is(.\*\:w-auto\!>*){width:auto!important}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0\!:last-child{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}@media(hover:hover){.hover\:border-2:hover{border-style:var(--tw-border-style);border-width:2px}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-blue-600:hover{border-color:var(--color-blue-600)}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-blue-800:hover{background-color:var(--color-blue-800)}.hover\:bg-blue_t-100:hover{background-color:var(--color-blue_t-100)}.hover\:bg-blue_t-200:hover{background-color:var(--color-blue_t-200)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white\/59:hover{background-color:#ffffff96}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/59:hover{background-color:color-mix(in oklab,var(--color-white) 59%,transparent)}}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:outline-none:hover{--tw-outline-style:none;outline-style:none}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-blue-500:focus{outline-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-2:focus-visible{border-style:var(--tw-border-style);border-width:2px}.focus-visible\:border-dashed:focus-visible{--tw-border-style:dashed;border-style:dashed}.focus-visible\:border-blue-500:focus-visible{border-color:var(--color-blue-500)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:outline-0:focus-visible{outline-style:var(--tw-outline-style);outline-width:0}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-blue-500:focus-visible{outline-color:var(--color-blue-500)}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.focus-visible\:outline-dashed:focus-visible{--tw-outline-style:dashed;outline-style:dashed}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:border-blue-500:active{border-color:var(--color-blue-500)}.active\:border-transparent:active{border-color:#0000}.active\:border-white:active{border-color:var(--color-white)}.active\:bg-blue-900:active{background-color:var(--color-blue-900)}.active\:bg-blue_t-100:active{background-color:var(--color-blue_t-100)}.active\:bg-blue_t-200:active{background-color:var(--color-blue_t-200)}.active\:bg-blue_t-300:active{background-color:var(--color-blue_t-300)}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:bg-gray-200:active{background-color:var(--color-gray-200)}.active\:bg-transparent:active{background-color:#0000}.active\:bg-white:active{background-color:var(--color-white)}.active\:bg-white\/80:active{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.active\:bg-white\/80:active{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.active\:text-blue-600:active{color:var(--color-blue-600)}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:outline-2:has(:focus){outline-style:var(--tw-outline-style);outline-width:2px}.has-focus\:-outline-offset-2:has(:focus){outline-offset:-2px}.has-focus\:outline-blue-500:has(:focus){outline-color:var(--color-blue-500)}.has-focus\:outline-dashed:has(:focus){--tw-outline-style:dashed;outline-style:dashed}.has-focus-visible\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-focus-visible\:-outline-offset-2:has(:focus-visible){outline-offset:-2px}.has-focus-visible\:outline-blue-500:has(:focus-visible){outline-color:var(--color-blue-500)}.has-focus-visible\:outline-dashed:has(:focus-visible){--tw-outline-style:dashed;outline-style:dashed}@media(min-width:480px){.sm\:order-0{order:0}.sm\:h-12{height:calc(var(--spacing) * 12)}.sm\:w-12{width:calc(var(--spacing) * 12)}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-1{gap:var(--spacing)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:588px){.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(min-width:824px){.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.\[\&_svg\]\:-rotate-180 svg{rotate:-180deg}.\[\&_svg\]\:rotate-0 svg{rotate:0deg}.\[\&_svg\]\:transition-transform svg{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&_svg\]\:duration-200 svg{--tw-duration:.2s;transition-duration:.2s}.\[\&\:\:-webkit-calendar-picker-indicator\]\:pointer-events-none::-webkit-calendar-picker-indicator{pointer-events:none}.\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-0::-webkit-calendar-picker-indicator{opacity:0}.\[\&\:has\(\:focus\)\]\:outline-none:has(:focus){--tw-outline-style:none;outline-style:none}.\[\&\:has\(\:focus-visible\)\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.\[\&\:has\(\:focus-visible\)\]\:-outline-offset-2:has(:focus-visible){outline-offset:-2px}.\[\&\:has\(\:focus-visible\)\]\:outline-blue-500:has(:focus-visible){outline-color:var(--color-blue-500)}.\[\&\:has\(\:focus-visible\)\]\:outline-dashed:has(:focus-visible){--tw-outline-style:dashed;outline-style:dashed}.\[\&\:has\(\:focus-visible\)\]\:outline-none:has(:focus-visible){--tw-outline-style:none;outline-style:none}input:not(input[type=checkbox],input[type=radio]),textarea{box-shadow:inset 0 0 0 1000px #fff!important}.nav-items .router-link-active{background-color:var(--color-blue-100);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-blue-700)}#navMenu select:focus{border-color:#0000!important}#navMenu select:focus-visible{--tw-outline-style:dashed;outline-style:dashed;outline-style:var(--tw-outline-style)!important;outline-offset:4px!important;outline-width:2px!important;outline-color:var(--color-white-solid)!important}@media(min-width:588px){fds-button.fds-button--primary .fds-button__el,fds-button.fds-button--secondary .fds-button__el{min-width:120px!important}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}.animate-spin-reverse{animation:1s linear infinite spin-reverse}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
package/dist/fds-vue-core.es.js CHANGED
@@ -9876,11 +9876,12 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
9876
9876
  });
9877
9877
  const _hoisted_1$j = ["for", "id"];
9878
9878
  const _hoisted_2$f = { class: "relative" };
9879
- const _hoisted_3$f = ["type", "required", "value", "disabled", "tabindex", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "autocomplete", "placeholder", "pattern", "searchIcon"];
9879
+ const _hoisted_3$f = ["type", "required", "disabled", "tabindex", "aria-invalid", "aria-label", "aria-labelledby", "aria-describedby", "autocomplete", "placeholder", "pattern", "searchIcon"];
9880
9880
  const _hoisted_4$e = {
9881
9881
  key: 0,
9882
9882
  class: "text-red-700 font-bold mt-1"
9883
9883
  };
9884
+ const inputPaddingClasses = "px-3 py-[calc(0.75rem-1px)]";
9884
9885
  const _sfc_main$r = /* @__PURE__ */ defineComponent({
9885
9886
  ...{
9886
9887
  inheritAttrs: false
@@ -9931,14 +9932,17 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
9931
9932
  "modelValue": { default: void 0, required: false },
9932
9933
  "modelModifiers": {}
9933
9934
  }),
9934
- emits: /* @__PURE__ */ mergeModels(["input", "change", "clearInput", "update:value", "keyup", "keyup.enter", "blur"], ["update:modelValue"]),
9935
+ emits: /* @__PURE__ */ mergeModels(["input", "autocomplete", "clearInput", "update:value", "keyup", "keyup.enter", "blur"], ["update:modelValue"]),
9935
9936
  setup(__props, { emit: __emit }) {
9936
9937
  const modelValue = useModel(__props, "modelValue");
9937
9938
  const props = __props;
9938
9939
  const emit = __emit;
9939
9940
  const { id, type, maxlength, attrs } = useAttrsWithDefaults(props);
9940
9941
  const { t } = useFdsI18n();
9941
- const inputType = computed(() => type.value ?? props.type ?? "text");
9942
+ const inputType = computed(() => {
9943
+ if (props.mask) return "text";
9944
+ return type.value ?? props.type ?? "text";
9945
+ });
9942
9946
  const autoId = `fds-input-${Math.random().toString(36).slice(2, 9)}`;
9943
9947
  const inputId = computed(() => id.value ?? autoId);
9944
9948
  const labelId = computed(() => `${inputId.value}-label`);
@@ -10010,28 +10014,31 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
10010
10014
  });
10011
10015
  const externalClass = computed(() => props.class ?? attrs.class);
10012
10016
  const inputClasses = computed(() => [
10013
- "block rounded-md border border-gray-500 px-3 py-[calc(0.75rem-1px)]",
10017
+ "block rounded-md border border-gray-500",
10014
10018
  maxlength.value ? "" : "w-full",
10019
+ inputPaddingClasses,
10015
10020
  inputPaddingRight.value,
10016
10021
  "focus:outline-2 focus:outline-blue-500 -outline-offset-2 focus:border-transparent",
10017
10022
  showDateIcon.value && "[&::-webkit-calendar-picker-indicator]:opacity-0 [&::-webkit-calendar-picker-indicator]:pointer-events-none",
10018
- props.disabled ? "text-gray-800 outline-dashed outline-2 outline-gray-400 cursor-not-allowed border-transparent" : "bg-white",
10023
+ props.disabled ? "text-gray-800 outline-dashed outline-2 outline-gray-400 cursor-not-allowed border-transparent" : "text-gray-900 bg-white",
10019
10024
  isInvalid.value && "outline-2 outline-red-600",
10020
10025
  props.inputClass
10021
10026
  ]);
10022
10027
  const inputStyle = computed(() => {
10023
- if (maxlength.value) {
10024
- return {
10025
- width: `calc(${maxlength.value}ch + 1.5rem + 0.25rem)`,
10026
- maxWidth: "100%"
10027
- };
10028
- }
10029
- return {};
10028
+ if (!maxlength.value) return void 0;
10029
+ return {
10030
+ width: `calc(${maxlength.value}ch + 1.5rem + 0.25rem)`,
10031
+ maxWidth: "100%"
10032
+ };
10030
10033
  });
10031
10034
  const rightIconsContainerClasses = computed(() => [
10032
10035
  "absolute flex gap-2 top-1/2 -translate-y-1/2 items-center justify-end",
10033
10036
  showClearButton.value ? "right-2" : "right-3"
10034
10037
  ]);
10038
+ const inputBindings = computed(() => ({
10039
+ ...inputAttrs.value,
10040
+ ...props.mask ? {} : { value: internalValue.value }
10041
+ }));
10035
10042
  const internalValue = computed({
10036
10043
  get: () => modelValue.value !== void 0 ? modelValue.value : props.value ?? "",
10037
10044
  set: (newValue) => {
@@ -10043,6 +10050,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
10043
10050
  });
10044
10051
  function onClear() {
10045
10052
  internalValue.value = "";
10053
+ if (maskInstance) {
10054
+ maskInstance.value = "";
10055
+ }
10046
10056
  emit("clearInput");
10047
10057
  }
10048
10058
  function onDateIconClick() {
@@ -10077,11 +10087,11 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
10077
10087
  maskInstance = null;
10078
10088
  }
10079
10089
  if (props.mask && inputRef.value) {
10080
- const maskConfig = {
10090
+ maskInstance = IMask(inputRef.value, {
10081
10091
  mask: props.mask,
10082
- ...props.maskOptions
10083
- };
10084
- maskInstance = IMask(inputRef.value, maskConfig);
10092
+ ...props.maskOptions,
10093
+ lazy: props.maskOptions?.lazy ?? true
10094
+ });
10085
10095
  if (internalValue.value) {
10086
10096
  maskInstance.value = internalValue.value;
10087
10097
  }
@@ -10118,18 +10128,30 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
10118
10128
  return props.meta ? metaId.value : void 0;
10119
10129
  });
10120
10130
  watch(
10121
- () => props.mask,
10131
+ () => [props.mask, props.maskOptions],
10122
10132
  () => {
10123
10133
  nextTick(() => {
10124
10134
  createMask2();
10125
10135
  });
10126
- }
10136
+ },
10137
+ { deep: true }
10127
10138
  );
10139
+ function shouldSyncMaskFromModel(newValue, currentMaskedValue) {
10140
+ if (newValue === void 0) {
10141
+ return false;
10142
+ }
10143
+ if (document.activeElement !== inputRef.value) {
10144
+ return true;
10145
+ }
10146
+ const newDigits = String(newValue).replace(/\D/g, "");
10147
+ const currentDigits = String(currentMaskedValue ?? "").replace(/\D/g, "");
10148
+ return newDigits !== currentDigits;
10149
+ }
10128
10150
  watch(
10129
10151
  () => props.value,
10130
10152
  (newValue) => {
10131
10153
  if (maskInstance && newValue !== void 0 && newValue !== maskInstance.value) {
10132
- if (document.activeElement !== inputRef.value) {
10154
+ if (shouldSyncMaskFromModel(newValue, maskInstance.value)) {
10133
10155
  maskInstance.value = newValue;
10134
10156
  }
10135
10157
  }
@@ -10139,7 +10161,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
10139
10161
  () => modelValue.value,
10140
10162
  (newValue) => {
10141
10163
  if (maskInstance && newValue !== void 0 && newValue !== maskInstance.value) {
10142
- if (document.activeElement !== inputRef.value) {
10164
+ if (shouldSyncMaskFromModel(newValue, maskInstance.value)) {
10143
10165
  maskInstance.value = newValue;
10144
10166
  }
10145
10167
  }
@@ -10181,7 +10203,6 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
10181
10203
  ref: inputRef,
10182
10204
  type: inputType.value === "password" ? showPassword.value ? "text" : "password" : inputType.value,
10183
10205
  required: props.required,
10184
- value: internalValue.value,
10185
10206
  disabled: props.disabled,
10186
10207
  tabindex: props.disabled ? -1 : void 0,
10187
10208
  "aria-invalid": props.valid === false ? "true" : void 0,
@@ -10194,11 +10215,12 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
10194
10215
  placeholder: props.placeholder,
10195
10216
  pattern: props.pattern,
10196
10217
  searchIcon: props.searchIcon
10197
- }, inputAttrs.value, {
10218
+ }, inputBindings.value, {
10198
10219
  onInput: handleInputChange,
10199
10220
  onChange: handleInputChange,
10200
- onBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("blur", $event)),
10201
- onKeyup: _cache[1] || (_cache[1] = (ev) => {
10221
+ onAutocomplete: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("autocomplete", $event)),
10222
+ onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("blur", $event)),
10223
+ onKeyup: _cache[2] || (_cache[2] = (ev) => {
10202
10224
  _ctx.$emit("keyup", ev);
10203
10225
  if (ev.key === "Enter") _ctx.$emit("keyup.enter", ev);
10204
10226
  })
@@ -18491,6 +18513,11 @@ function parsePhoneNumber$1() {
18491
18513
  function getCountries$1(metadata2) {
18492
18514
  return new Metadata(metadata2).getCountries();
18493
18515
  }
18516
+ function getExampleNumber$1(country, examples2, metadata2) {
18517
+ if (examples2[country]) {
18518
+ return new PhoneNumber$1(country, examples2[country], metadata2);
18519
+ }
18520
+ }
18494
18521
  class PhoneNumber2 extends PhoneNumber$1 {
18495
18522
  constructor(number) {
18496
18523
  super(number, metadata);
@@ -18505,6 +18532,9 @@ function getCountries() {
18505
18532
  function getCountryCallingCode() {
18506
18533
  return withMetadataArgument(getCountryCallingCode$1, arguments);
18507
18534
  }
18535
+ function getExampleNumber() {
18536
+ return withMetadataArgument(getExampleNumber$1, arguments);
18537
+ }
18508
18538
  function resolveDisplayLocale(locale) {
18509
18539
  const trimmed = locale.trim();
18510
18540
  if (!trimmed) {
@@ -18578,6 +18608,90 @@ function filterCountryOptions(options, query) {
18578
18608
  return option.label.toLowerCase().includes(normalizedQuery) || option.countryName.toLowerCase().includes(normalizedQuery) || option.value.toLowerCase().includes(normalizedQuery) || dialCode.includes(normalizedQuery) || `+${dialCode}`.includes(normalizedQuery);
18579
18609
  });
18580
18610
  }
18611
+ const examples = { "AC": "40123", "AD": "312345", "AE": "501234567", "AF": "701234567", "AG": "2684641234", "AI": "2642351234", "AL": "672123456", "AM": "77123456", "AO": "923123456", "AR": "91123456789", "AS": "6847331234", "AT": "664123456", "AU": "412345678", "AW": "5601234", "AX": "412345678", "AZ": "401234567", "BA": "61123456", "BB": "2462501234", "BD": "1812345678", "BE": "450001234", "BF": "70123456", "BG": "43012345", "BH": "36001234", "BI": "79561234", "BJ": "0195123456", "BL": "690001234", "BM": "4413701234", "BN": "7123456", "BO": "71234567", "BQ": "3181234", "BR": "11961234567", "BS": "2423591234", "BT": "17123456", "BW": "71123456", "BY": "294911911", "BZ": "6221234", "CA": "5062345678", "CC": "412345678", "CD": "991234567", "CF": "70012345", "CG": "061234567", "CH": "781234567", "CI": "0123456789", "CK": "71234", "CL": "221234567", "CM": "671234567", "CN": "13123456789", "CO": "3211234567", "CR": "83123456", "CU": "51234567", "CV": "9911234", "CW": "95181234", "CX": "412345678", "CY": "96123456", "CZ": "601123456", "DE": "15123456789", "DJ": "77831001", "DK": "34412345", "DM": "7672251234", "DO": "8092345678", "DZ": "551234567", "EC": "991234567", "EE": "51234567", "EG": "1001234567", "EH": "650123456", "ER": "7123456", "ES": "612345678", "ET": "911234567", "FI": "412345678", "FJ": "7012345", "FK": "51234", "FM": "3501234", "FO": "211234", "FR": "612345678", "GA": "06031234", "GB": "7400123456", "GD": "4734031234", "GE": "555123456", "GF": "694201234", "GG": "7781123456", "GH": "231234567", "GI": "57123456", "GL": "221234", "GM": "3012345", "GN": "601123456", "GP": "690001234", "GQ": "222123456", "GR": "6912345678", "GT": "51234567", "GU": "6713001234", "GW": "955012345", "GY": "6091234", "HK": "51234567", "HN": "91234567", "HR": "921234567", "HT": "34101234", "HU": "201234567", "ID": "812345678", "IE": "850123456", "IL": "502345678", "IM": "7924123456", "IN": "8123456789", "IO": "3801234", "IQ": "7912345678", "IR": "9123456789", "IS": "6111234", "IT": "3123456789", "JE": "7797712345", "JM": "8762101234", "JO": "790123456", "JP": "9012345678", "KE": "712123456", "KG": "700123456", "KH": "91234567", "KI": "72001234", "KM": "3212345", "KN": "8697652917", "KP": "1921234567", "KR": "1020000000", "KW": "50012345", "KY": "3453231234", "KZ": "7710009998", "LA": "2023123456", "LB": "71123456", "LC": "7582845678", "LI": "660234567", "LK": "712345678", "LR": "770123456", "LS": "50123456", "LT": "61234567", "LU": "628123456", "LV": "21234567", "LY": "912345678", "MA": "650123456", "MC": "612345678", "MD": "62112345", "ME": "60123456", "MF": "690001234", "MG": "321234567", "MH": "2351234", "MK": "72345678", "ML": "65012345", "MM": "92123456", "MN": "88123456", "MO": "66123456", "MP": "6702345678", "MQ": "696201234", "MR": "22123456", "MS": "6644923456", "MT": "96961234", "MU": "52512345", "MV": "7712345", "MW": "991234567", "MX": "2221234567", "MY": "123456789", "MZ": "821234567", "NA": "811234567", "NC": "751234", "NE": "93123456", "NF": "381234", "NG": "8021234567", "NI": "81234567", "NL": "612345678", "NO": "40612345", "NP": "9841234567", "NR": "5551234", "NU": "8884012", "NZ": "211234567", "OM": "92123456", "PA": "61234567", "PE": "912345678", "PF": "87123456", "PG": "70123456", "PH": "9051234567", "PK": "3012345678", "PL": "512345678", "PM": "551234", "PR": "7872345678", "PS": "599123456", "PT": "912345678", "PW": "6201234", "PY": "961456789", "QA": "33123456", "RE": "692123456", "RO": "712034567", "RS": "601234567", "RU": "9123456789", "RW": "720123456", "SA": "512345678", "SB": "7421234", "SC": "2510123", "SD": "911231234", "SE": "701234567", "SG": "81234567", "SH": "51234", "SI": "31234567", "SJ": "41234567", "SK": "912123456", "SL": "25123456", "SM": "66661212", "SN": "701234567", "SO": "71123456", "SR": "7412345", "SS": "977123456", "ST": "9812345", "SV": "70123456", "SX": "7215205678", "SY": "944567890", "SZ": "76123456", "TA": "8999", "TC": "6492311234", "TD": "63012345", "TG": "90112345", "TH": "812345678", "TJ": "917123456", "TK": "7290", "TL": "77212345", "TM": "66123456", "TN": "20123456", "TO": "7715123", "TR": "5012345678", "TT": "8682911234", "TV": "901234", "TW": "912345678", "TZ": "621234567", "UA": "501234567", "UG": "712345678", "US": "2015550123", "UY": "94231234", "UZ": "912345678", "VA": "3123456789", "VC": "7844301234", "VE": "4121234567", "VG": "2843001234", "VI": "3406421234", "VN": "912345678", "VU": "5912345", "WF": "821234", "WS": "7212345", "XK": "43201234", "YE": "712345678", "YT": "639012345", "ZA": "711234567", "ZM": "955123456", "ZW": "712345678" };
18612
+ const maskCache = /* @__PURE__ */ new Map();
18613
+ const getPhoneMaskForCountry = (countryIso2) => {
18614
+ const country = countryIso2.trim().toUpperCase();
18615
+ const cached = maskCache.get(country);
18616
+ if (cached) {
18617
+ return cached;
18618
+ }
18619
+ const example = getExampleNumber(country, examples);
18620
+ if (!example) {
18621
+ return void 0;
18622
+ }
18623
+ const groups = example.formatNational().split(/\D+/).filter(Boolean).map((part) => part.length);
18624
+ const mask = groups.map((size) => "0".repeat(size)).join(" ");
18625
+ maskCache.set(country, mask);
18626
+ return mask;
18627
+ };
18628
+ const nationalDigitsForMask = (parsed) => parsed.formatNational().replace(/\D/g, "");
18629
+ const tryParseForCountry = (candidate, country) => {
18630
+ const parsed = parsePhoneNumber(candidate, country) ?? parsePhoneNumber(candidate);
18631
+ if (!parsed?.isValid() || parsed.country !== country) {
18632
+ return void 0;
18633
+ }
18634
+ return parsed;
18635
+ };
18636
+ const shouldNormalizePhoneInput = (value, countryIso2) => {
18637
+ const trimmed = value.trim();
18638
+ if (!trimmed) {
18639
+ return false;
18640
+ }
18641
+ if (trimmed.includes("+") || trimmed.startsWith("00")) {
18642
+ return true;
18643
+ }
18644
+ const digits = trimmed.replace(/\D/g, "");
18645
+ const mask = getPhoneMaskForCountry(countryIso2);
18646
+ if (!mask) {
18647
+ return false;
18648
+ }
18649
+ const maxDigits = (mask.match(/0/g) ?? []).length;
18650
+ if (digits.length > maxDigits) {
18651
+ return true;
18652
+ }
18653
+ try {
18654
+ const callingCode = getCountryCallingCode(countryIso2);
18655
+ if (digits.startsWith(callingCode) && digits.length > maxDigits - 1) {
18656
+ return true;
18657
+ }
18658
+ } catch {
18659
+ return false;
18660
+ }
18661
+ return false;
18662
+ };
18663
+ const normalizeNationalPhoneInput = (value, countryIso2) => {
18664
+ const trimmed = value.trim();
18665
+ if (!trimmed) {
18666
+ return "";
18667
+ }
18668
+ const country = countryIso2.trim().toUpperCase();
18669
+ const digits = trimmed.replace(/\D/g, "");
18670
+ const candidates = /* @__PURE__ */ new Set([trimmed]);
18671
+ if (digits) {
18672
+ candidates.add(digits);
18673
+ candidates.add(`+${digits}`);
18674
+ }
18675
+ for (const candidate of candidates) {
18676
+ const parsed = tryParseForCountry(candidate, country);
18677
+ if (parsed) {
18678
+ return nationalDigitsForMask(parsed);
18679
+ }
18680
+ }
18681
+ try {
18682
+ const callingCode = getCountryCallingCode(country);
18683
+ if (digits.startsWith(callingCode) && digits.length > callingCode.length) {
18684
+ const withoutCode = digits.slice(callingCode.length);
18685
+ const parsed = tryParseForCountry(withoutCode, country) ?? tryParseForCountry(`0${withoutCode}`, country);
18686
+ if (parsed) {
18687
+ return nationalDigitsForMask(parsed);
18688
+ }
18689
+ }
18690
+ } catch {
18691
+ return trimmed;
18692
+ }
18693
+ return trimmed;
18694
+ };
18581
18695
  const _hoisted_1$5 = { class: "relative w-full" };
18582
18696
  const _hoisted_2$4 = { class: "absolute left-3 top-1/2 -translate-y-1/2 text-xl leading-none" };
18583
18697
  const _hoisted_3$4 = ["aria-expanded", "aria-label", "aria-controls", "aria-activedescendant", "value", "disabled"];
@@ -18914,7 +19028,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
18914
19028
  key: 0,
18915
19029
  role: "listbox",
18916
19030
  id: listboxId,
18917
- class: "absolute left-0 z-20 mt-1 min-w-[20rem] w-max max-w-[calc(100vw-2rem)] max-h-[280px] overflow-y-auto rounded-md border border-gray-300 bg-white"
19031
+ class: "absolute left-0 z-20 mt-2 min-w-[20rem] w-max max-w-[calc(100vw-2rem)] max-h-[280px] overflow-y-auto rounded-md border border-gray-300 bg-white"
18918
19032
  }, listDataAttrs.value, { onMouseleave: clearHoverPreview }), [
18919
19033
  (openBlock(true), createElementBlock(Fragment, null, renderList(filteredCountries.value, (option, index) => {
18920
19034
  return openBlock(), createElementBlock("li", {
@@ -19023,7 +19137,7 @@ const _hoisted_2$3 = {
19023
19137
  key: 1,
19024
19138
  class: "font-thin mb-1"
19025
19139
  };
19026
- const _hoisted_3$3 = { class: "flex flex-wrap items-start gap-x-1" };
19140
+ const _hoisted_3$3 = { class: "flex flex-wrap items-start gap-x-2" };
19027
19141
  const _hoisted_4$3 = {
19028
19142
  key: 2,
19029
19143
  class: "text-red-700 font-bold mt-1"
@@ -19062,12 +19176,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
19062
19176
  autocomplete: { default: "tel" },
19063
19177
  required: { type: Boolean, default: false },
19064
19178
  placeholder: { default: void 0 },
19065
- maxlength: { default: void 0 },
19066
- minlength: { default: void 0 },
19067
19179
  name: { default: void 0 },
19068
19180
  autofocus: { type: Boolean, default: false },
19069
- readonly: { type: Boolean, default: false },
19070
- pattern: { default: void 0 }
19181
+ readonly: { type: Boolean, default: false }
19071
19182
  }, {
19072
19183
  "modelValue": { default: "" },
19073
19184
  "modelModifiers": {},
@@ -19076,7 +19187,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
19076
19187
  }),
19077
19188
  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "update:country", "update:e164", "valid", "noCountryResults", "blur"], ["update:modelValue", "update:country"]),
19078
19189
  setup(__props, { emit: __emit }) {
19079
- const [nationalNumber, modelModifiers] = useModel(__props, "modelValue");
19190
+ const [nationalNumber] = useModel(__props, "modelValue");
19080
19191
  const country = useModel(__props, "country");
19081
19192
  const attrs = useAttrs();
19082
19193
  const props = __props;
@@ -19095,12 +19206,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
19095
19206
  autocomplete: props.autocomplete,
19096
19207
  required: props.required,
19097
19208
  placeholder: props.placeholder,
19098
- maxlength: props.maxlength,
19099
- minlength: props.minlength,
19100
19209
  name: props.name,
19101
19210
  autofocus: props.autofocus,
19102
19211
  readonly: props.readonly,
19103
- pattern: props.pattern,
19212
+ inputmode: "tel",
19104
19213
  ...inputAttrs.value
19105
19214
  }));
19106
19215
  const countryItems = computed(() => {
@@ -19111,6 +19220,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
19111
19220
  props.defaultCountry
19112
19221
  );
19113
19222
  });
19223
+ const phoneMask = computed(() => getPhoneMaskForCountry(country.value ?? props.defaultCountry));
19224
+ const phoneMaskOptions = computed(() => ({
19225
+ prepare: (value) => applyPhoneNormalization(value, country.value ?? props.defaultCountry)
19226
+ }));
19114
19227
  const committedValid = ref(null);
19115
19228
  const resolvedLabel = computed(() => props.label === void 0 ? t("FdsPhonenumber.phoneNumber") : props.label);
19116
19229
  const resolvedInvalidMessage = computed(
@@ -19134,6 +19247,18 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
19134
19247
  const result2 = validatePhoneNumber(nationalNumber.value ?? "", country.value ?? "SE");
19135
19248
  emit("update:e164", result2.isValid && result2.phoneNumber ? result2.phoneNumber : "");
19136
19249
  }
19250
+ function applyPhoneNormalization(value, countryCode = country.value ?? props.defaultCountry) {
19251
+ if (!shouldNormalizePhoneInput(value, countryCode)) {
19252
+ return value;
19253
+ }
19254
+ return normalizeNationalPhoneInput(value, countryCode);
19255
+ }
19256
+ watch(nationalNumber, (value) => {
19257
+ const normalized = applyPhoneNormalization(value ?? "");
19258
+ if (normalized !== (value ?? "")) {
19259
+ nationalNumber.value = normalized;
19260
+ }
19261
+ });
19137
19262
  watch(country, () => {
19138
19263
  if (committedValid.value === null) {
19139
19264
  return;
@@ -19141,6 +19266,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
19141
19266
  runValidation();
19142
19267
  });
19143
19268
  function handleBlur(ev) {
19269
+ const normalized = applyPhoneNormalization(nationalNumber.value ?? "");
19270
+ if (normalized !== (nationalNumber.value ?? "")) {
19271
+ nationalNumber.value = normalized;
19272
+ }
19144
19273
  runValidation();
19145
19274
  emit("blur", ev);
19146
19275
  }
@@ -19170,15 +19299,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
19170
19299
  createVNode(_sfc_main$r, mergeProps({
19171
19300
  modelValue: unref(nationalNumber),
19172
19301
  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(nationalNumber) ? nationalNumber.value = $event : null),
19173
- modelModifiers: unref(modelModifiers),
19174
- type: "tel",
19302
+ mask: phoneMask.value,
19303
+ "mask-options": phoneMaskOptions.value,
19175
19304
  valid: displayValid.value,
19176
19305
  disabled: __props.disabled,
19177
19306
  optional: __props.optional,
19178
19307
  ariaLabel: unref(t)("FdsPhonenumber.phoneNumber"),
19179
19308
  "data-testid": __props.dataTestid ? `${__props.dataTestid}-number` : void 0,
19180
19309
  class: ["mb-0! min-w-0 flex-1", __props.inputClass ?? ""]
19181
- }, forwardedInputProps.value, { onBlur: handleBlur }), null, 16, ["modelValue", "modelModifiers", "valid", "disabled", "optional", "ariaLabel", "data-testid", "class"])
19310
+ }, forwardedInputProps.value, { onBlur: handleBlur }), null, 16, ["modelValue", "mask", "mask-options", "valid", "disabled", "optional", "ariaLabel", "data-testid", "class"])
19182
19311
  ]),
19183
19312
  noCountryResults.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, toDisplayString(unref(t)("FdsPhonenumber.noCountryResults")), 1)) : createCommentVNode("", true),
19184
19313
  showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_5$3, toDisplayString(resolvedInvalidMessage.value), 1)) : createCommentVNode("", true)