@photonhealth/elements 0.21.0 → 0.21.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{photon-form-wrapper/photon-form-wrapper.d.ts → PhotonFormWrapper/PhotonFormWrapper.d.ts} +2 -1
- package/dist/PhotonFormWrapper/index.d.ts +1 -0
- package/dist/index.js +155 -168
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +155 -168
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/photon-form-wrapper/index.d.ts +0 -1
package/dist/index.mjs
CHANGED
|
@@ -58499,7 +58499,7 @@ function checkHasPermission(subset, superset) {
|
|
|
58499
58499
|
return subset.every((permission) => superset.includes(permission));
|
|
58500
58500
|
}
|
|
58501
58501
|
|
|
58502
|
-
const version$1 = "0.21.
|
|
58502
|
+
const version$1 = "0.21.1";
|
|
58503
58503
|
const pkg = {
|
|
58504
58504
|
version: version$1};
|
|
58505
58505
|
|
|
@@ -58717,7 +58717,7 @@ customElement("photon-client", {
|
|
|
58717
58717
|
}
|
|
58718
58718
|
}, Component$a);
|
|
58719
58719
|
|
|
58720
|
-
const tailwind = " :host {} /*\n! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com\n*/ /*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type=button]),\ninput:where([type=reset]),\ninput:where([type=submit]) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type=search] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role=button] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n display: none;\n}\n\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(21 112 239 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(21 112 239 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n.container {\n width: 100%;\n}\n\n@media (min-width: 475px) {\n .container {\n max-width: 475px;\n }\n}\n@media (min-width: 640px) {\n .container {\n max-width: 640px;\n }\n}\n@media (min-width: 768px) {\n .container {\n max-width: 768px;\n }\n}\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px;\n }\n}\n.visible {\n visibility: visible;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.fixed {\n position: fixed;\n}\n\n.relative {\n position: relative;\n}\n\n.sticky {\n position: sticky;\n}\n\n.inset-0 {\n inset: 0px;\n}\n\n.left-0 {\n left: 0px;\n}\n\n.top-0 {\n top: 0px;\n}\n\n.z-2000 {\n z-index: 2000;\n}\n\n.z-50 {\n z-index: 50;\n}\n\n.m-0 {\n margin: 0px;\n}\n\n.m-3 {\n margin: 0.75rem;\n}\n\n.my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.\\!mt-8 {\n margin-top: 2rem !important;\n}\n\n.mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.mb-2 {\n margin-bottom: 0.5rem;\n}\n\n.mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.ml-1 {\n margin-left: 0.25rem;\n}\n\n.mt-0 {\n margin-top: 0px;\n}\n\n.mt-1 {\n margin-top: 0.25rem;\n}\n\n.mt-2 {\n margin-top: 0.5rem;\n}\n\n.mt-4 {\n margin-top: 1rem;\n}\n\n.mt-5 {\n margin-top: 1.25rem;\n}\n\n.mt-6 {\n margin-top: 1.5rem;\n}\n\n.mt-8 {\n margin-top: 2rem;\n}\n\n.block {\n display: block;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.inline {\n display: inline;\n}\n\n.flex {\n display: flex;\n}\n\n.hidden {\n display: none;\n}\n\n.h-10 {\n height: 2.5rem;\n}\n\n.h-11 {\n height: 2.75rem;\n}\n\n.h-\\[21px\\] {\n height: 21px;\n}\n\n.h-\\[28px\\] {\n height: 28px;\n}\n\n.h-fit {\n height: -moz-fit-content;\n height: fit-content;\n}\n\n.h-full {\n height: 100%;\n}\n\n.w-11 {\n width: 2.75rem;\n}\n\n.w-\\[44px\\] {\n width: 44px;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-screen {\n width: 100vw;\n}\n\n.min-w-0 {\n min-width: 0px;\n}\n\n.min-w-\\[40\\%\\] {\n min-width: 40%;\n}\n\n.max-w-sm {\n max-width: 24rem;\n}\n\n.flex-1 {\n flex: 1 1 0%;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.flex-grow {\n flex-grow: 1;\n}\n\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n\n.flex-row {\n flex-direction: row;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.items-start {\n align-items: flex-start;\n}\n\n.items-center {\n align-items: center;\n}\n\n.justify-end {\n justify-content: flex-end;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.gap-1 {\n gap: 0.25rem;\n}\n\n.gap-2 {\n gap: 0.5rem;\n}\n\n.gap-3 {\n gap: 0.75rem;\n}\n\n.gap-4 {\n gap: 1rem;\n}\n\n.gap-8 {\n gap: 2rem;\n}\n\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));\n}\n\n.self-start {\n align-self: flex-start;\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n.overflow-y-auto {\n overflow-y: auto;\n}\n\n.overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.overscroll-contain {\n overscroll-behavior: contain;\n}\n\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.overflow-ellipsis {\n text-overflow: ellipsis;\n}\n\n.whitespace-normal {\n white-space: normal;\n}\n\n.whitespace-nowrap {\n white-space: nowrap;\n}\n\n.break-words {\n overflow-wrap: break-word;\n}\n\n.rounded {\n border-radius: 0.25rem;\n}\n\n.rounded-lg {\n border-radius: 0.5rem;\n}\n\n.border {\n border-width: 1px;\n}\n\n.border-2 {\n border-width: 2px;\n}\n\n.border-none {\n border-style: none;\n}\n\n.border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229, 231, 235, var(--tw-border-opacity));\n}\n\n.border-red-400 {\n --tw-border-opacity: 1;\n border-color: rgb(248, 113, 113, var(--tw-border-opacity));\n}\n\n.bg-\\[\\#F9FAFB\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(21, 112, 239, var(--tw-bg-opacity));\n}\n\n.bg-photon-blue {\n --tw-bg-opacity: 1;\n background-color: rgb(49, 130, 206, var(--tw-bg-opacity));\n}\n\n.bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254, 226, 226, var(--tw-bg-opacity));\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.p-0 {\n padding: 0px;\n}\n\n.p-4 {\n padding: 1rem;\n}\n\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.pb-2 {\n padding-bottom: 0.5rem;\n}\n\n.pb-4 {\n padding-bottom: 1rem;\n}\n\n.pl-1 {\n padding-left: 0.25rem;\n}\n\n.pl-2 {\n padding-left: 0.5rem;\n}\n\n.pl-5 {\n padding-left: 1.25rem;\n}\n\n.pl-\\[19\\.75px\\] {\n padding-left: 19.75px;\n}\n\n.pr-2 {\n padding-right: 0.5rem;\n}\n\n.pr-5 {\n padding-right: 1.25rem;\n}\n\n.pt-1 {\n padding-top: 0.25rem;\n}\n\n.pt-3 {\n padding-top: 0.75rem;\n}\n\n.pt-4 {\n padding-top: 1rem;\n}\n\n.text-center {\n text-align: center;\n}\n\n.font-sans {\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.font-extrabold {\n font-weight: 800;\n}\n\n.font-light {\n font-weight: 300;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.font-normal {\n font-weight: 400;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.uppercase {\n text-transform: uppercase;\n}\n\n.italic {\n font-style: italic;\n}\n\n.leading-snug {\n line-height: 1.375;\n}\n\n.text-black {\n --tw-text-opacity: 1;\n color: rgb(0, 0, 0, var(--tw-text-opacity));\n}\n\n.text-blue-600 {\n --tw-text-opacity: 1;\n color: rgb(23, 92, 211, var(--tw-text-opacity));\n}\n\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.text-red-400 {\n --tw-text-opacity: 1;\n color: rgb(248, 113, 113, var(--tw-text-opacity));\n}\n\n.text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239, 68, 68, var(--tw-text-opacity));\n}\n\n.text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185, 28, 28, var(--tw-text-opacity));\n}\n\n.text-slate-500 {\n --tw-text-opacity: 1;\n color: rgb(100, 116, 139, var(--tw-text-opacity));\n}\n\n.text-teal-600 {\n --tw-text-opacity: 1;\n color: rgb(13, 148, 136, var(--tw-text-opacity));\n}\n\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255, 255, 255, var(--tw-text-opacity));\n}\n\n.opacity-50 {\n opacity: 0.5;\n}\n\n.shadow-card {\n --tw-shadow: 0px 0px 1px rgba(48, 49, 51, 0.05),0px 2px 4px rgba(48, 49, 51, 0.1);\n --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 2px 4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.hover\\:cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:bg-blue-700:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(24, 73, 169, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-photon-blue-dark:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(43, 108, 176, var(--tw-bg-opacity));\n}\n\n.hover\\:text-gray-600:hover {\n --tw-text-opacity: 1;\n color: rgb(75, 85, 99, var(--tw-text-opacity));\n}\n\n.hover\\:underline:hover {\n text-decoration-line: underline;\n}\n\n.disabled\\:bg-gray-500:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(107, 114, 128, var(--tw-bg-opacity));\n}\n\n@media (min-width: 475px) {\n .xs\\:mx-auto {\n margin-left: auto;\n margin-right: auto;\n }\n .xs\\:\\!w-auto {\n width: auto !important;\n }\n .xs\\:w-fit {\n width: -moz-fit-content;\n width: fit-content;\n }\n .xs\\:flex-row {\n flex-direction: row;\n }\n .xs\\:flex-row-reverse {\n flex-direction: row-reverse;\n }\n .xs\\:justify-start {\n justify-content: flex-start;\n }\n .xs\\:text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n}\n@media (min-width: 640px) {\n .sm\\:inline {\n display: inline;\n }\n .sm\\:grid {\n display: grid;\n }\n .sm\\:h-12 {\n height: 3rem;\n }\n .sm\\:w-\\[600px\\] {\n width: 600px;\n }\n .sm\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .sm\\:gap-4 {\n gap: 1rem;\n }\n .sm\\:px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n}\n@media (min-width: 768px) {\n .md\\:\\!mt-8 {\n margin-top: 2rem !important;\n }\n .md\\:\\!block {\n display: block !important;\n }\n .md\\:flex {\n display: flex;\n }\n .md\\:\\!hidden {\n display: none !important;\n }\n .md\\:px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n .md\\:px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n }\n .md\\:py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n }\n .md\\:text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n }\n .md\\:text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n}";
|
|
58720
|
+
const tailwind = " :host {} /*\n! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com\n*/ /*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type=button]),\ninput:where([type=reset]),\ninput:where([type=submit]) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type=search] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role=button] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n display: none;\n}\n\ninput:where([type=text]), input:where(:not([type])), input:where([type=email]), input:where([type=url]), input:where([type=password]), input:where([type=number]), input:where([type=date]), input:where([type=datetime-local]), input:where([type=month]), input:where([type=search]), input:where([type=tel]), input:where([type=time]), input:where([type=week]), select:where([multiple]), textarea, select {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n border-radius: 0px;\n padding-top: 0.5rem;\n padding-right: 0.75rem;\n padding-bottom: 0.5rem;\n padding-left: 0.75rem;\n font-size: 1rem;\n line-height: 1.5rem;\n --tw-shadow: 0 0 #0000;\n}\n\ninput:where([type=text]):focus, input:where(:not([type])):focus, input:where([type=email]):focus, input:where([type=url]):focus, input:where([type=password]):focus, input:where([type=number]):focus, input:where([type=date]):focus, input:where([type=datetime-local]):focus, input:where([type=month]):focus, input:where([type=search]):focus, input:where([type=tel]):focus, input:where([type=time]):focus, input:where([type=week]):focus, select:where([multiple]):focus, textarea:focus, select:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #175CD3;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n border-color: #175CD3;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n color: #6b7280;\n opacity: 1;\n}\n\ninput::placeholder, textarea::placeholder {\n color: #6b7280;\n opacity: 1;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n}\n\n::-webkit-date-and-time-value {\n min-height: 1.5em;\n text-align: inherit;\n}\n\n::-webkit-datetime-edit {\n display: inline-flex;\n}\n\n::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-top: 0;\n padding-bottom: 0;\n}\n\nselect {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n background-position: right 0.5rem center;\n background-repeat: no-repeat;\n background-size: 1.5em 1.5em;\n padding-right: 2.5rem;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n}\n\nselect:where([multiple]), select:where([size]:not([size=\"1\"])) {\n background-image: initial;\n background-position: initial;\n background-repeat: unset;\n background-size: initial;\n padding-right: 0.75rem;\n -webkit-print-color-adjust: unset;\n print-color-adjust: unset;\n}\n\ninput:where([type=checkbox]), input:where([type=radio]) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding: 0;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n display: inline-block;\n vertical-align: middle;\n background-origin: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n flex-shrink: 0;\n height: 1rem;\n width: 1rem;\n color: #175CD3;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n --tw-shadow: 0 0 #0000;\n}\n\ninput:where([type=checkbox]) {\n border-radius: 0px;\n}\n\ninput:where([type=radio]) {\n border-radius: 100%;\n}\n\ninput:where([type=checkbox]):focus, input:where([type=radio]):focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #175CD3;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n\ninput:where([type=checkbox]):checked, input:where([type=radio]):checked {\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n}\n\ninput:where([type=checkbox]):checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\");\n}\n\n@media (forced-colors: active) {\n input:where([type=checkbox]):checked {\n -webkit-appearance: auto;\n -moz-appearance: auto;\n appearance: auto;\n }\n}\ninput:where([type=radio]):checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");\n}\n\n@media (forced-colors: active) {\n input:where([type=radio]):checked {\n -webkit-appearance: auto;\n -moz-appearance: auto;\n appearance: auto;\n }\n}\ninput:where([type=checkbox]):checked:hover, input:where([type=checkbox]):checked:focus, input:where([type=radio]):checked:hover, input:where([type=radio]):checked:focus {\n border-color: transparent;\n background-color: currentColor;\n}\n\ninput:where([type=checkbox]):indeterminate {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e\");\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n}\n\n@media (forced-colors: active) {\n input:where([type=checkbox]):indeterminate {\n -webkit-appearance: auto;\n -moz-appearance: auto;\n appearance: auto;\n }\n}\ninput:where([type=checkbox]):indeterminate:hover, input:where([type=checkbox]):indeterminate:focus {\n border-color: transparent;\n background-color: currentColor;\n}\n\ninput:where([type=file]) {\n background: unset;\n border-color: inherit;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n font-size: unset;\n line-height: inherit;\n}\n\ninput:where([type=file]):focus {\n outline: 1px solid ButtonText;\n outline: 1px auto -webkit-focus-ring-color;\n}\n\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(21 112 239 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(21 112 239 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n.container {\n width: 100%;\n}\n\n@media (min-width: 475px) {\n .container {\n max-width: 475px;\n }\n}\n@media (min-width: 640px) {\n .container {\n max-width: 640px;\n }\n}\n@media (min-width: 768px) {\n .container {\n max-width: 768px;\n }\n}\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px;\n }\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n.pointer-events-none {\n pointer-events: none;\n}\n\n.visible {\n visibility: visible;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.fixed {\n position: fixed;\n}\n\n.absolute {\n position: absolute;\n}\n\n.relative {\n position: relative;\n}\n\n.sticky {\n position: sticky;\n}\n\n.inset-0 {\n inset: 0px;\n}\n\n.inset-y-0 {\n top: 0px;\n bottom: 0px;\n}\n\n.-bottom-8 {\n bottom: -2rem;\n}\n\n.bottom-full {\n bottom: 100%;\n}\n\n.left-0 {\n left: 0px;\n}\n\n.right-0 {\n right: 0px;\n}\n\n.right-8 {\n right: 2rem;\n}\n\n.top-0 {\n top: 0px;\n}\n\n.top-full {\n top: 100%;\n}\n\n.isolate {\n isolation: isolate;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.z-100 {\n z-index: 100;\n}\n\n.z-20 {\n z-index: 20;\n}\n\n.z-2000 {\n z-index: 2000;\n}\n\n.z-50 {\n z-index: 50;\n}\n\n.col-span-2 {\n grid-column: span 2/span 2;\n}\n\n.col-span-3 {\n grid-column: span 3/span 3;\n}\n\n.m-0 {\n margin: 0px;\n}\n\n.m-3 {\n margin: 0.75rem;\n}\n\n.m-auto {\n margin: auto;\n}\n\n.-mx-4 {\n margin-left: -1rem;\n margin-right: -1rem;\n}\n\n.-my-2 {\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n}\n\n.mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\n.my-8 {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.my-px {\n margin-top: 1px;\n margin-bottom: 1px;\n}\n\n.-mb-px {\n margin-bottom: -1px;\n}\n\n.mb-0 {\n margin-bottom: 0px;\n}\n\n.mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.mb-10 {\n margin-bottom: 2.5rem;\n}\n\n.mb-2 {\n margin-bottom: 0.5rem;\n}\n\n.mb-3 {\n margin-bottom: 0.75rem;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.ml-0 {\n margin-left: 0px;\n}\n\n.ml-0\\.5 {\n margin-left: 0.125rem;\n}\n\n.ml-1 {\n margin-left: 0.25rem;\n}\n\n.ml-2 {\n margin-left: 0.5rem;\n}\n\n.ml-3 {\n margin-left: 0.75rem;\n}\n\n.ml-auto {\n margin-left: auto;\n}\n\n.mr-1 {\n margin-right: 0.25rem;\n}\n\n.mr-2 {\n margin-right: 0.5rem;\n}\n\n.mr-4 {\n margin-right: 1rem;\n}\n\n.mt-0 {\n margin-top: 0px;\n}\n\n.mt-1 {\n margin-top: 0.25rem;\n}\n\n.mt-2 {\n margin-top: 0.5rem;\n}\n\n.mt-3 {\n margin-top: 0.75rem;\n}\n\n.mt-4 {\n margin-top: 1rem;\n}\n\n.mt-5 {\n margin-top: 1.25rem;\n}\n\n.mt-6 {\n margin-top: 1.5rem;\n}\n\n.mt-8 {\n margin-top: 2rem;\n}\n\n.box-border {\n box-sizing: border-box;\n}\n\n.block {\n display: block;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.inline {\n display: inline;\n}\n\n.flex {\n display: flex;\n}\n\n.inline-flex {\n display: inline-flex;\n}\n\n.table {\n display: table;\n}\n\n.flow-root {\n display: flow-root;\n}\n\n.grid {\n display: grid;\n}\n\n.contents {\n display: contents;\n}\n\n.hidden {\n display: none;\n}\n\n.h-10 {\n height: 2.5rem;\n}\n\n.h-11 {\n height: 2.75rem;\n}\n\n.h-12 {\n height: 3rem;\n}\n\n.h-4 {\n height: 1rem;\n}\n\n.h-5 {\n height: 1.25rem;\n}\n\n.h-6 {\n height: 1.5rem;\n}\n\n.h-8 {\n height: 2rem;\n}\n\n.h-\\[21px\\] {\n height: 21px;\n}\n\n.h-\\[28px\\] {\n height: 28px;\n}\n\n.h-full {\n height: 100%;\n}\n\n.h-px {\n height: 1px;\n}\n\n.max-h-60 {\n max-height: 15rem;\n}\n\n.max-h-80 {\n max-height: 20rem;\n}\n\n.min-h-full {\n min-height: 100%;\n}\n\n.w-10 {\n width: 2.5rem;\n}\n\n.w-11 {\n width: 2.75rem;\n}\n\n.w-12 {\n width: 3rem;\n}\n\n.w-20 {\n width: 5rem;\n}\n\n.w-4 {\n width: 1rem;\n}\n\n.w-5 {\n width: 1.25rem;\n}\n\n.w-6 {\n width: 1.5rem;\n}\n\n.w-8 {\n width: 2rem;\n}\n\n.w-96 {\n width: 24rem;\n}\n\n.w-\\[44px\\] {\n width: 44px;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-max {\n width: -moz-max-content;\n width: max-content;\n}\n\n.w-screen {\n width: 100vw;\n}\n\n.min-w-0 {\n min-width: 0px;\n}\n\n.min-w-\\[40\\%\\] {\n min-width: 40%;\n}\n\n.min-w-full {\n min-width: 100%;\n}\n\n.max-w-lg {\n max-width: 32rem;\n}\n\n.max-w-md {\n max-width: 28rem;\n}\n\n.max-w-sm {\n max-width: 24rem;\n}\n\n.flex-1 {\n flex: 1 1 0%;\n}\n\n.flex-auto {\n flex: 1 1 auto;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.shrink-0 {\n flex-shrink: 0;\n}\n\n.flex-grow {\n flex-grow: 1;\n}\n\n.grow {\n flex-grow: 1;\n}\n\n.table-auto {\n table-layout: auto;\n}\n\n.table-fixed {\n table-layout: fixed;\n}\n\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n.animate-spin {\n animation: spin 1s linear infinite;\n}\n\n.cursor-default {\n cursor: default;\n}\n\n.cursor-help {\n cursor: help;\n}\n\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.touch-pan-y {\n --tw-pan-y: pan-y;\n touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);\n}\n\n.select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.resize-none {\n resize: none;\n}\n\n.resize-y {\n resize: vertical;\n}\n\n.resize {\n resize: both;\n}\n\n.grid-flow-col {\n grid-auto-flow: column;\n}\n\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.grid-cols-subgrid {\n grid-template-columns: subgrid;\n}\n\n.flex-row {\n flex-direction: row;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.place-items-start {\n place-items: start;\n}\n\n.items-start {\n align-items: flex-start;\n}\n\n.items-end {\n align-items: flex-end;\n}\n\n.items-center {\n align-items: center;\n}\n\n.items-stretch {\n align-items: stretch;\n}\n\n.justify-start {\n justify-content: flex-start;\n}\n\n.justify-end {\n justify-content: flex-end;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.gap-1 {\n gap: 0.25rem;\n}\n\n.gap-2 {\n gap: 0.5rem;\n}\n\n.gap-3 {\n gap: 0.75rem;\n}\n\n.gap-4 {\n gap: 1rem;\n}\n\n.gap-6 {\n gap: 1.5rem;\n}\n\n.gap-8 {\n gap: 2rem;\n}\n\n.gap-x-1 {\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem;\n}\n\n.gap-x-2 {\n -moz-column-gap: 0.5rem;\n column-gap: 0.5rem;\n}\n\n.gap-x-3 {\n -moz-column-gap: 0.75rem;\n column-gap: 0.75rem;\n}\n\n.gap-x-4 {\n -moz-column-gap: 1rem;\n column-gap: 1rem;\n}\n\n.gap-y-10 {\n row-gap: 2.5rem;\n}\n\n.gap-y-2 {\n row-gap: 0.5rem;\n}\n\n.gap-y-4 {\n row-gap: 1rem;\n}\n\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));\n}\n\n.space-x-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(1rem * var(--tw-space-x-reverse));\n margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));\n}\n\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n\n.space-y-3 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(209, 213, 219, var(--tw-divide-opacity));\n}\n\n.self-start {\n align-self: flex-start;\n}\n\n.self-center {\n align-self: center;\n}\n\n.overflow-auto {\n overflow: auto;\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n.overflow-x-auto {\n overflow-x: auto;\n}\n\n.overflow-y-auto {\n overflow-y: auto;\n}\n\n.overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.overscroll-contain {\n overscroll-behavior: contain;\n}\n\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.overflow-ellipsis {\n text-overflow: ellipsis;\n}\n\n.text-ellipsis {\n text-overflow: ellipsis;\n}\n\n.whitespace-normal {\n white-space: normal;\n}\n\n.whitespace-nowrap {\n white-space: nowrap;\n}\n\n.text-pretty {\n text-wrap: pretty;\n}\n\n.break-words {\n overflow-wrap: break-word;\n}\n\n.rounded {\n border-radius: 0.25rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.rounded-lg {\n border-radius: 0.5rem;\n}\n\n.rounded-md {\n border-radius: 0.375rem;\n}\n\n.rounded-xl {\n border-radius: 0.75rem;\n}\n\n.rounded-r-md {\n border-top-right-radius: 0.375rem;\n border-bottom-right-radius: 0.375rem;\n}\n\n.border {\n border-width: 1px;\n}\n\n.border-0 {\n border-width: 0px;\n}\n\n.border-2 {\n border-width: 2px;\n}\n\n.border-b {\n border-bottom-width: 1px;\n}\n\n.border-b-2 {\n border-bottom-width: 2px;\n}\n\n.border-t {\n border-top-width: 1px;\n}\n\n.border-solid {\n border-style: solid;\n}\n\n.border-none {\n border-style: none;\n}\n\n.border-blue-200 {\n --tw-border-opacity: 1;\n border-color: rgb(132, 202, 255, var(--tw-border-opacity));\n}\n\n.border-blue-300 {\n --tw-border-opacity: 1;\n border-color: rgb(83, 177, 253, var(--tw-border-opacity));\n}\n\n.border-blue-400 {\n --tw-border-opacity: 1;\n border-color: rgb(46, 144, 250, var(--tw-border-opacity));\n}\n\n.border-blue-500 {\n --tw-border-opacity: 1;\n border-color: rgb(21, 112, 239, var(--tw-border-opacity));\n}\n\n.border-blue-600 {\n --tw-border-opacity: 1;\n border-color: rgb(23, 92, 211, var(--tw-border-opacity));\n}\n\n.border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229, 231, 235, var(--tw-border-opacity));\n}\n\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209, 213, 219, var(--tw-border-opacity));\n}\n\n.border-green-200 {\n --tw-border-opacity: 1;\n border-color: rgb(187, 247, 208, var(--tw-border-opacity));\n}\n\n.border-green-300 {\n --tw-border-opacity: 1;\n border-color: rgb(134, 239, 172, var(--tw-border-opacity));\n}\n\n.border-green-400 {\n --tw-border-opacity: 1;\n border-color: rgb(74, 222, 128, var(--tw-border-opacity));\n}\n\n.border-green-600 {\n --tw-border-opacity: 1;\n border-color: rgb(22, 163, 74, var(--tw-border-opacity));\n}\n\n.border-indigo-300 {\n --tw-border-opacity: 1;\n border-color: rgb(165, 180, 252, var(--tw-border-opacity));\n}\n\n.border-pink-300 {\n --tw-border-opacity: 1;\n border-color: rgb(249, 168, 212, var(--tw-border-opacity));\n}\n\n.border-purple-300 {\n --tw-border-opacity: 1;\n border-color: rgb(216, 180, 254, var(--tw-border-opacity));\n}\n\n.border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254, 202, 202, var(--tw-border-opacity));\n}\n\n.border-red-300 {\n --tw-border-opacity: 1;\n border-color: rgb(252, 165, 165, var(--tw-border-opacity));\n}\n\n.border-red-400 {\n --tw-border-opacity: 1;\n border-color: rgb(248, 113, 113, var(--tw-border-opacity));\n}\n\n.border-red-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220, 38, 38, var(--tw-border-opacity));\n}\n\n.border-slate-600 {\n --tw-border-opacity: 1;\n border-color: rgb(71, 85, 105, var(--tw-border-opacity));\n}\n\n.border-transparent {\n border-color: transparent;\n}\n\n.border-yellow-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254, 240, 138, var(--tw-border-opacity));\n}\n\n.border-yellow-300 {\n --tw-border-opacity: 1;\n border-color: rgb(253, 224, 71, var(--tw-border-opacity));\n}\n\n.border-yellow-600 {\n --tw-border-opacity: 1;\n border-color: rgb(202, 138, 4, var(--tw-border-opacity));\n}\n\n.bg-\\[\\#F9FAFB\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.bg-\\[\\#FFFAEB\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(255, 250, 235, var(--tw-bg-opacity));\n}\n\n.bg-blue-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.bg-blue-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(209, 233, 255, var(--tw-bg-opacity));\n}\n\n.bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(21, 112, 239, var(--tw-bg-opacity));\n}\n\n.bg-blue-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(23, 92, 211, var(--tw-bg-opacity));\n}\n\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243, 244, 246, var(--tw-bg-opacity));\n}\n\n.bg-gray-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(229, 231, 235, var(--tw-bg-opacity));\n}\n\n.bg-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.bg-gray-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(107, 114, 128, var(--tw-bg-opacity));\n}\n\n.bg-gray-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bg-green-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(220, 252, 231, var(--tw-bg-opacity));\n}\n\n.bg-green-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(240, 253, 244, var(--tw-bg-opacity));\n}\n\n.bg-indigo-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224, 231, 255, var(--tw-bg-opacity));\n}\n\n.bg-photon-blue {\n --tw-bg-opacity: 1;\n background-color: rgb(49, 130, 206, var(--tw-bg-opacity));\n}\n\n.bg-pink-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(252, 231, 243, var(--tw-bg-opacity));\n}\n\n.bg-purple-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243, 232, 255, var(--tw-bg-opacity));\n}\n\n.bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254, 226, 226, var(--tw-bg-opacity));\n}\n\n.bg-red-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254, 242, 242, var(--tw-bg-opacity));\n}\n\n.bg-red-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239, 68, 68, var(--tw-bg-opacity));\n}\n\n.bg-slate-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(241, 245, 249, var(--tw-bg-opacity));\n}\n\n.bg-slate-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248, 250, 252, var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n background-color: transparent;\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bg-yellow-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254, 249, 195, var(--tw-bg-opacity));\n}\n\n.bg-yellow-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254, 252, 232, var(--tw-bg-opacity));\n}\n\n.bg-opacity-75 {\n --tw-bg-opacity: 0.75;\n}\n\n.fill-blue-500 {\n fill: #1570EF;\n}\n\n.fill-green-500 {\n fill: #22c55e;\n}\n\n.p-0 {\n padding: 0px;\n}\n\n.p-2 {\n padding: 0.5rem;\n}\n\n.p-4 {\n padding: 1rem;\n}\n\n.px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem;\n}\n\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n}\n\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.py-0 {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n}\n\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-3\\.5 {\n padding-top: 0.875rem;\n padding-bottom: 0.875rem;\n}\n\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.pb-1 {\n padding-bottom: 0.25rem;\n}\n\n.pb-2 {\n padding-bottom: 0.5rem;\n}\n\n.pb-4 {\n padding-bottom: 1rem;\n}\n\n.pl-1 {\n padding-left: 0.25rem;\n}\n\n.pl-10 {\n padding-left: 2.5rem;\n}\n\n.pl-2 {\n padding-left: 0.5rem;\n}\n\n.pl-3 {\n padding-left: 0.75rem;\n}\n\n.pl-5 {\n padding-left: 1.25rem;\n}\n\n.pl-\\[19\\.75px\\] {\n padding-left: 19.75px;\n}\n\n.pr-2 {\n padding-right: 0.5rem;\n}\n\n.pr-3 {\n padding-right: 0.75rem;\n}\n\n.pr-4 {\n padding-right: 1rem;\n}\n\n.pr-5 {\n padding-right: 1.25rem;\n}\n\n.pt-1 {\n padding-top: 0.25rem;\n}\n\n.pt-2 {\n padding-top: 0.5rem;\n}\n\n.pt-3 {\n padding-top: 0.75rem;\n}\n\n.pt-4 {\n padding-top: 1rem;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-end {\n text-align: end;\n}\n\n.align-top {\n vertical-align: top;\n}\n\n.align-middle {\n vertical-align: middle;\n}\n\n.font-mono {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.font-sans {\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n.text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n}\n\n.text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.text-sm\\/6 {\n font-size: 0.875rem;\n line-height: 1.5rem;\n}\n\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.font-extrabold {\n font-weight: 800;\n}\n\n.font-light {\n font-weight: 300;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.font-normal {\n font-weight: 400;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.uppercase {\n text-transform: uppercase;\n}\n\n.capitalize {\n text-transform: capitalize;\n}\n\n.italic {\n font-style: italic;\n}\n\n.leading-6 {\n line-height: 1.5rem;\n}\n\n.leading-none {\n line-height: 1;\n}\n\n.leading-snug {\n line-height: 1.375;\n}\n\n.text-\\[\\#DC6803\\] {\n --tw-text-opacity: 1;\n color: rgb(220, 104, 3, var(--tw-text-opacity));\n}\n\n.text-black {\n --tw-text-opacity: 1;\n color: rgb(0, 0, 0, var(--tw-text-opacity));\n}\n\n.text-blue-500 {\n --tw-text-opacity: 1;\n color: rgb(21, 112, 239, var(--tw-text-opacity));\n}\n\n.text-blue-600 {\n --tw-text-opacity: 1;\n color: rgb(23, 92, 211, var(--tw-text-opacity));\n}\n\n.text-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(24, 73, 169, var(--tw-text-opacity));\n}\n\n.text-blue-800 {\n --tw-text-opacity: 1;\n color: rgb(25, 65, 133, var(--tw-text-opacity));\n}\n\n.text-blue-900 {\n --tw-text-opacity: 1;\n color: rgb(16, 42, 86, var(--tw-text-opacity));\n}\n\n.text-current {\n color: currentColor;\n}\n\n.text-gray-200 {\n --tw-text-opacity: 1;\n color: rgb(229, 231, 235, var(--tw-text-opacity));\n}\n\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.text-gray-50 {\n --tw-text-opacity: 1;\n color: rgb(249, 250, 251, var(--tw-text-opacity));\n}\n\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75, 85, 99, var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17, 24, 39, var(--tw-text-opacity));\n}\n\n.text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34, 197, 94, var(--tw-text-opacity));\n}\n\n.text-green-600 {\n --tw-text-opacity: 1;\n color: rgb(22, 163, 74, var(--tw-text-opacity));\n}\n\n.text-green-700 {\n --tw-text-opacity: 1;\n color: rgb(21, 128, 61, var(--tw-text-opacity));\n}\n\n.text-green-800 {\n --tw-text-opacity: 1;\n color: rgb(22, 101, 52, var(--tw-text-opacity));\n}\n\n.text-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(67, 56, 202, var(--tw-text-opacity));\n}\n\n.text-pink-700 {\n --tw-text-opacity: 1;\n color: rgb(190, 24, 93, var(--tw-text-opacity));\n}\n\n.text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126, 34, 206, var(--tw-text-opacity));\n}\n\n.text-red-400 {\n --tw-text-opacity: 1;\n color: rgb(248, 113, 113, var(--tw-text-opacity));\n}\n\n.text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239, 68, 68, var(--tw-text-opacity));\n}\n\n.text-red-600 {\n --tw-text-opacity: 1;\n color: rgb(220, 38, 38, var(--tw-text-opacity));\n}\n\n.text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185, 28, 28, var(--tw-text-opacity));\n}\n\n.text-red-800 {\n --tw-text-opacity: 1;\n color: rgb(153, 27, 27, var(--tw-text-opacity));\n}\n\n.text-slate-500 {\n --tw-text-opacity: 1;\n color: rgb(100, 116, 139, var(--tw-text-opacity));\n}\n\n.text-slate-600 {\n --tw-text-opacity: 1;\n color: rgb(71, 85, 105, var(--tw-text-opacity));\n}\n\n.text-teal-600 {\n --tw-text-opacity: 1;\n color: rgb(13, 148, 136, var(--tw-text-opacity));\n}\n\n.text-transparent {\n color: transparent;\n}\n\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-yellow-600 {\n --tw-text-opacity: 1;\n color: rgb(202, 138, 4, var(--tw-text-opacity));\n}\n\n.text-yellow-800 {\n --tw-text-opacity: 1;\n color: rgb(133, 77, 14, var(--tw-text-opacity));\n}\n\n.underline {\n text-decoration-line: underline;\n}\n\n.opacity-0 {\n opacity: 0;\n}\n\n.opacity-100 {\n opacity: 1;\n}\n\n.opacity-35 {\n opacity: 0.35;\n}\n\n.opacity-50 {\n opacity: 0.5;\n}\n\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-card {\n --tw-shadow: 0px 0px 1px rgba(48, 49, 51, 0.05),0px 2px 4px rgba(48, 49, 51, 0.1);\n --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 2px 4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.ring-2 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.ring-inset {\n --tw-ring-inset: inset;\n}\n\n.ring-black {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));\n}\n\n.ring-blue-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(83 177 253 / var(--tw-ring-opacity));\n}\n\n.ring-gray-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));\n}\n\n.ring-gray-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));\n}\n\n.ring-gray-900\\/5 {\n --tw-ring-color: rgb(17 24 39 / 0.05);\n}\n\n.ring-red-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));\n}\n\n.ring-sky-500\\/40 {\n --tw-ring-color: rgb(14 165 233 / 0.4);\n}\n\n.ring-opacity-5 {\n --tw-ring-opacity: 0.05;\n}\n\n.blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.duration-100 {\n transition-duration: 100ms;\n}\n\n.ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.theme-photon, [data-theme=photon] {\n --twc-primaryText: 210 20% 98%;\n --twc-primary500: 238.70000000000005 83.5% 66.7%;\n --twc-primary600: 243.39999999999998 75.4% 58.6%;\n --twc-secondaryText: 220.89999999999998 39.3% 11%;\n --twc-secondary50: 225.89999999999998 100% 96.7%;\n --twc-secondary100: 226.5 100% 93.9%;\n}\n\n.theme-weekend, [data-theme=weekend] {\n --twc-primaryText: 210 20% 98%;\n --twc-primary500: 198.60000000000002 88.7% 48.4%;\n --twc-primary600: 200.39999999999998 98% 39.4%;\n --twc-secondaryText: 220.89999999999998 39.3% 11%;\n --twc-secondary50: 204 100% 97.1%;\n --twc-secondary100: 204 93.8% 93.7%;\n}\n\n.\\[overflow-wrap\\:anywhere\\] {\n overflow-wrap: anywhere;\n}\n\n.placeholder\\:text-gray-400::-moz-placeholder {\n --tw-text-opacity: 1;\n color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-gray-400::placeholder {\n --tw-text-opacity: 1;\n color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-red-300::-moz-placeholder {\n --tw-text-opacity: 1;\n color: rgb(252, 165, 165, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-red-300::placeholder {\n --tw-text-opacity: 1;\n color: rgb(252, 165, 165, var(--tw-text-opacity));\n}\n\n.even\\:bg-gray-50:nth-child(even) {\n --tw-bg-opacity: 1;\n background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.hover\\:cursor-pointer:hover {\n cursor: pointer;\n}\n\n.hover\\:border-gray-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(209, 213, 219, var(--tw-border-opacity));\n}\n\n.hover\\:bg-blue-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(209, 233, 255, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(23, 92, 211, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-700:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(24, 73, 169, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-photon-blue-dark:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(43, 108, 176, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(220, 38, 38, var(--tw-bg-opacity));\n}\n\n.hover\\:text-amber-500:hover {\n --tw-text-opacity: 1;\n color: rgb(245, 158, 11, var(--tw-text-opacity));\n}\n\n.hover\\:text-blue-500:hover {\n --tw-text-opacity: 1;\n color: rgb(21, 112, 239, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-500:hover {\n --tw-text-opacity: 1;\n color: rgb(107, 114, 128, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-600:hover {\n --tw-text-opacity: 1;\n color: rgb(75, 85, 99, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-700:hover {\n --tw-text-opacity: 1;\n color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-900:hover {\n --tw-text-opacity: 1;\n color: rgb(17, 24, 39, var(--tw-text-opacity));\n}\n\n.hover\\:text-red-500:hover {\n --tw-text-opacity: 1;\n color: rgb(239, 68, 68, var(--tw-text-opacity));\n}\n\n.hover\\:underline:hover {\n text-decoration-line: underline;\n}\n\n.hover\\:ring-gray-400:hover {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));\n}\n\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.focus\\:outline-0:focus {\n outline-width: 0px;\n}\n\n.focus\\:ring-1:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.focus\\:ring-inset:focus {\n --tw-ring-inset: inset;\n}\n\n.focus\\:ring-blue-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(83 177 253 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-blue-500:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(21 112 239 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-blue-600:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(23 92 211 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-gray-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-red-500:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-sky-500\\/40:focus {\n --tw-ring-color: rgb(14 165 233 / 0.4);\n}\n\n.focus\\:ring-offset-2:focus {\n --tw-ring-offset-width: 2px;\n}\n\n.focus-visible\\:outline:focus-visible {\n outline-style: solid;\n}\n\n.focus-visible\\:outline-2:focus-visible {\n outline-width: 2px;\n}\n\n.focus-visible\\:outline-offset-2:focus-visible {\n outline-offset: 2px;\n}\n\n.active\\:bg-gray-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(243, 244, 246, var(--tw-bg-opacity));\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\n\n.disabled\\:bg-gray-500:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(107, 114, 128, var(--tw-bg-opacity));\n}\n\n.disabled\\:opacity-50:disabled {\n opacity: 0.5;\n}\n\n.disabled\\:hover\\:bg-transparent:hover:disabled {\n background-color: transparent;\n}\n\n.disabled\\:hover\\:text-gray-700:hover:disabled {\n --tw-text-opacity: 1;\n color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:bg-blue-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.group:hover .group-hover\\:text-blue-600 {\n --tw-text-opacity: 1;\n color: rgb(23, 92, 211, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:text-blue-900 {\n --tw-text-opacity: 1;\n color: rgb(16, 42, 86, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:opacity-100 {\n opacity: 1;\n}\n\n@media (min-width: 475px) {\n .xs\\:mx-auto {\n margin-left: auto;\n margin-right: auto;\n }\n .xs\\:w-auto {\n width: auto;\n }\n .xs\\:w-fit {\n width: -moz-fit-content;\n width: fit-content;\n }\n .xs\\:flex-row {\n flex-direction: row;\n }\n .xs\\:flex-row-reverse {\n flex-direction: row-reverse;\n }\n .xs\\:justify-start {\n justify-content: flex-start;\n }\n .xs\\:text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n}\n@media (min-width: 640px) {\n .sm\\:-mx-6 {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n }\n .sm\\:my-8 {\n margin-top: 2rem;\n margin-bottom: 2rem;\n }\n .sm\\:mt-5 {\n margin-top: 1.25rem;\n }\n .sm\\:mt-6 {\n margin-top: 1.5rem;\n }\n .sm\\:block {\n display: block;\n }\n .sm\\:inline {\n display: inline;\n }\n .sm\\:grid {\n display: grid;\n }\n .sm\\:hidden {\n display: none;\n }\n .sm\\:h-12 {\n height: 3rem;\n }\n .sm\\:w-\\[600px\\] {\n width: 600px;\n }\n .sm\\:w-auto {\n width: auto;\n }\n .sm\\:max-w-lg {\n max-width: 32rem;\n }\n .sm\\:max-w-md {\n max-width: 28rem;\n }\n .sm\\:max-w-sm {\n max-width: 24rem;\n }\n .sm\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .sm\\:grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n .sm\\:flex-row {\n flex-direction: row;\n }\n .sm\\:items-center {\n align-items: center;\n }\n .sm\\:gap-2 {\n gap: 0.5rem;\n }\n .sm\\:gap-4 {\n gap: 1rem;\n }\n .sm\\:space-x-6 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(1.5rem * var(--tw-space-x-reverse));\n margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));\n }\n .sm\\:p-0 {\n padding: 0px;\n }\n .sm\\:p-6 {\n padding: 1.5rem;\n }\n .sm\\:px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n .sm\\:px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n .sm\\:py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n .sm\\:pr-6 {\n padding-right: 1.5rem;\n }\n .sm\\:pt-6 {\n padding-top: 1.5rem;\n }\n .sm\\:text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .sm\\:text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n .sm\\:leading-6 {\n line-height: 1.5rem;\n }\n}\n@media (min-width: 768px) {\n .md\\:mt-8 {\n margin-top: 2rem;\n }\n .md\\:\\!block {\n display: block !important;\n }\n .md\\:flex {\n display: flex;\n }\n .md\\:\\!hidden {\n display: none !important;\n }\n .md\\:grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n }\n .md\\:flex-row {\n flex-direction: row;\n }\n .md\\:items-center {\n align-items: center;\n }\n .md\\:gap-1 {\n gap: 0.25rem;\n }\n .md\\:space-x-8 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(2rem * var(--tw-space-x-reverse));\n margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));\n }\n .md\\:px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n .md\\:px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n }\n .md\\:py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n }\n .md\\:text-right {\n text-align: right;\n }\n .md\\:text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem;\n }\n .md\\:text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n}\n@media (min-width: 1024px) {\n .lg\\:-mx-8 {\n margin-left: -2rem;\n margin-right: -2rem;\n }\n .lg\\:px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n@media (prefers-color-scheme: dark) {\n .dark\\:bg-gray-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(55, 65, 81, var(--tw-bg-opacity));\n }\n .dark\\:text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75, 85, 99, var(--tw-text-opacity));\n }\n}";
|
|
58721
58721
|
|
|
58722
58722
|
var _tmpl$$p = /* @__PURE__ */ template$1(`<style>`), _tmpl$2$l = /* @__PURE__ */ template$1(`<button class="w-full disabled:bg-gray-500 bg-photon-blue hover:bg-blue-700 text-white h-10 px-4 rounded-lg font-sans hover:bg-photon-blue-dark transition ease-in-out delay-50">`);
|
|
58723
58723
|
const Component$9 = (props) => {
|
|
@@ -66708,7 +66708,7 @@ const empty = () => refine(any(), "empty", (value) => {
|
|
|
66708
66708
|
return false;
|
|
66709
66709
|
});
|
|
66710
66710
|
|
|
66711
|
-
var _tmpl$$l = /* @__PURE__ */ template$1(`<div class="flex-
|
|
66711
|
+
var _tmpl$$l = /* @__PURE__ */ template$1(`<div class="flex flex-col mt-4 gap-y-2">`), _tmpl$2$i = /* @__PURE__ */ template$1(`<div class="flex flex-col gap-1"><photon-medication-search label="Search for Treatment"></photon-medication-search><div class=mt-2></div><div class="sm:grid sm:grid-cols-2 sm:gap-4 mt-2"><div class="flex items-start gap-1"><div class=flex-1></div></div></div><div class="sm:grid sm:grid-cols-2 sm:gap-4"></div><div class="flex flex-grow justify-end mt-6">`, true, false, false);
|
|
66712
66712
|
const validators = {
|
|
66713
66713
|
treatment: message(record(string(), any()), "Please select a treatment"),
|
|
66714
66714
|
dispenseQuantity: message(min$1(number(), 0, {
|
|
@@ -66809,7 +66809,7 @@ const AddPrescriptionCard = (props) => {
|
|
|
66809
66809
|
color: "gray",
|
|
66810
66810
|
children: "Add Prescription"
|
|
66811
66811
|
}), (() => {
|
|
66812
|
-
var _el$ = _tmpl$2$i(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$4.nextSibling, _el$
|
|
66812
|
+
var _el$ = _tmpl$2$i(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$4.nextSibling, _el$9 = _el$7.nextSibling;
|
|
66813
66813
|
addEventListener$1(_el$2, "photon-search-text-changed", (e) => setSearchText(e.detail.text));
|
|
66814
66814
|
addEventListener$1(_el$2, "photon-treatment-unselected", () => {
|
|
66815
66815
|
clearForm(props.actions, props?.prefillNotes ? {
|
|
@@ -67089,7 +67089,7 @@ const AddPrescriptionCard = (props) => {
|
|
|
67089
67089
|
}
|
|
67090
67090
|
});
|
|
67091
67091
|
}
|
|
67092
|
-
}), _el$
|
|
67092
|
+
}), _el$9);
|
|
67093
67093
|
insert$1(_el$, createComponent(InputGroup, {
|
|
67094
67094
|
label: "Pharmacy Note",
|
|
67095
67095
|
showOptionalSubtext: true,
|
|
@@ -67116,7 +67116,7 @@ const AddPrescriptionCard = (props) => {
|
|
|
67116
67116
|
}
|
|
67117
67117
|
});
|
|
67118
67118
|
}
|
|
67119
|
-
}), _el$
|
|
67119
|
+
}), _el$9);
|
|
67120
67120
|
insert$1(_el$, createComponent(InputGroup, {
|
|
67121
67121
|
label: "Do Not Fill Before",
|
|
67122
67122
|
showOptionalSubtext: true,
|
|
@@ -67149,13 +67149,14 @@ const AddPrescriptionCard = (props) => {
|
|
|
67149
67149
|
}
|
|
67150
67150
|
});
|
|
67151
67151
|
}
|
|
67152
|
-
}), _el$
|
|
67153
|
-
insert$1(_el
|
|
67152
|
+
}), _el$9);
|
|
67153
|
+
insert$1(_el$, createComponent(Show, {
|
|
67154
67154
|
get when() {
|
|
67155
67155
|
return !props.hideAddToTemplates;
|
|
67156
67156
|
},
|
|
67157
67157
|
get children() {
|
|
67158
|
-
|
|
67158
|
+
var _el$8 = _tmpl$$l();
|
|
67159
|
+
insert$1(_el$8, createComponent(Checkbox, {
|
|
67159
67160
|
mainText: "Add To Personal Templates",
|
|
67160
67161
|
showOptionalSubtext: true,
|
|
67161
67162
|
get checked() {
|
|
@@ -67174,37 +67175,36 @@ const AddPrescriptionCard = (props) => {
|
|
|
67174
67175
|
isOptional: true
|
|
67175
67176
|
});
|
|
67176
67177
|
}
|
|
67177
|
-
});
|
|
67178
|
-
|
|
67179
|
-
|
|
67180
|
-
|
|
67181
|
-
get when() {
|
|
67182
|
-
return props.store.addToTemplates?.value ?? false;
|
|
67183
|
-
},
|
|
67184
|
-
get children() {
|
|
67185
|
-
var _el$9 = _tmpl$$l();
|
|
67186
|
-
insert$1(_el$9, createComponent(InputGroup, {
|
|
67187
|
-
label: "Template Name",
|
|
67188
|
-
get error() {
|
|
67189
|
-
return props.store.templateName?.error;
|
|
67178
|
+
}), null);
|
|
67179
|
+
insert$1(_el$8, createComponent(Show, {
|
|
67180
|
+
get when() {
|
|
67181
|
+
return props.store.addToTemplates?.value ?? false;
|
|
67190
67182
|
},
|
|
67191
67183
|
get children() {
|
|
67192
|
-
return createComponent(
|
|
67193
|
-
|
|
67194
|
-
|
|
67184
|
+
return createComponent(InputGroup, {
|
|
67185
|
+
label: "Template Name",
|
|
67186
|
+
get error() {
|
|
67187
|
+
return props.store.templateName?.error;
|
|
67195
67188
|
},
|
|
67196
|
-
|
|
67197
|
-
|
|
67198
|
-
|
|
67199
|
-
|
|
67189
|
+
get children() {
|
|
67190
|
+
return createComponent(Input, {
|
|
67191
|
+
get value() {
|
|
67192
|
+
return props.store.templateName?.value ?? "";
|
|
67193
|
+
},
|
|
67194
|
+
onInput: (e) => props.actions.updateFormValue({
|
|
67195
|
+
key: "templateName",
|
|
67196
|
+
value: e.currentTarget.value
|
|
67197
|
+
})
|
|
67198
|
+
});
|
|
67199
|
+
}
|
|
67200
67200
|
});
|
|
67201
67201
|
}
|
|
67202
|
-
}));
|
|
67203
|
-
return _el$
|
|
67202
|
+
}), null);
|
|
67203
|
+
return _el$8;
|
|
67204
67204
|
}
|
|
67205
|
-
}), _el$
|
|
67206
|
-
insert$1(_el$
|
|
67207
|
-
"class": "w-full xs
|
|
67205
|
+
}), _el$9);
|
|
67206
|
+
insert$1(_el$9, createComponent(Button, {
|
|
67207
|
+
"class": "w-full xs:w-auto",
|
|
67208
67208
|
size: "lg",
|
|
67209
67209
|
onClick: () => {
|
|
67210
67210
|
if (!isLoading()) {
|
|
@@ -69979,9 +69979,7 @@ function toFormData(coverageOption) {
|
|
|
69979
69979
|
};
|
|
69980
69980
|
}
|
|
69981
69981
|
|
|
69982
|
-
const photonStyles = " :host {} /*\n! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com\n*/ /*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\ninput:where([type=button]),\ninput:where([type=reset]),\ninput:where([type=submit]) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type=search] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role=button] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n display: none;\n}\n\ninput:where([type=text]), input:where(:not([type])), input:where([type=email]), input:where([type=url]), input:where([type=password]), input:where([type=number]), input:where([type=date]), input:where([type=datetime-local]), input:where([type=month]), input:where([type=search]), input:where([type=tel]), input:where([type=time]), input:where([type=week]), select:where([multiple]), textarea, select {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n border-radius: 0px;\n padding-top: 0.5rem;\n padding-right: 0.75rem;\n padding-bottom: 0.5rem;\n padding-left: 0.75rem;\n font-size: 1rem;\n line-height: 1.5rem;\n --tw-shadow: 0 0 #0000;\n}\n\ninput:where([type=text]):focus, input:where(:not([type])):focus, input:where([type=email]):focus, input:where([type=url]):focus, input:where([type=password]):focus, input:where([type=number]):focus, input:where([type=date]):focus, input:where([type=datetime-local]):focus, input:where([type=month]):focus, input:where([type=search]):focus, input:where([type=tel]):focus, input:where([type=time]):focus, input:where([type=week]):focus, select:where([multiple]):focus, textarea:focus, select:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #175CD3;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n border-color: #175CD3;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n color: #6b7280;\n opacity: 1;\n}\n\ninput::placeholder, textarea::placeholder {\n color: #6b7280;\n opacity: 1;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n}\n\n::-webkit-date-and-time-value {\n min-height: 1.5em;\n text-align: inherit;\n}\n\n::-webkit-datetime-edit {\n display: inline-flex;\n}\n\n::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-top: 0;\n padding-bottom: 0;\n}\n\nselect {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n background-position: right 0.5rem center;\n background-repeat: no-repeat;\n background-size: 1.5em 1.5em;\n padding-right: 2.5rem;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n}\n\nselect:where([multiple]), select:where([size]:not([size=\"1\"])) {\n background-image: initial;\n background-position: initial;\n background-repeat: unset;\n background-size: initial;\n padding-right: 0.75rem;\n -webkit-print-color-adjust: unset;\n print-color-adjust: unset;\n}\n\ninput:where([type=checkbox]), input:where([type=radio]) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding: 0;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n display: inline-block;\n vertical-align: middle;\n background-origin: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n flex-shrink: 0;\n height: 1rem;\n width: 1rem;\n color: #175CD3;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n --tw-shadow: 0 0 #0000;\n}\n\ninput:where([type=checkbox]) {\n border-radius: 0px;\n}\n\ninput:where([type=radio]) {\n border-radius: 100%;\n}\n\ninput:where([type=checkbox]):focus, input:where([type=radio]):focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #175CD3;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n\ninput:where([type=checkbox]):checked, input:where([type=radio]):checked {\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n}\n\ninput:where([type=checkbox]):checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\");\n}\n\n@media (forced-colors: active) {\n input:where([type=checkbox]):checked {\n -webkit-appearance: auto;\n -moz-appearance: auto;\n appearance: auto;\n }\n}\ninput:where([type=radio]):checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");\n}\n\n@media (forced-colors: active) {\n input:where([type=radio]):checked {\n -webkit-appearance: auto;\n -moz-appearance: auto;\n appearance: auto;\n }\n}\ninput:where([type=checkbox]):checked:hover, input:where([type=checkbox]):checked:focus, input:where([type=radio]):checked:hover, input:where([type=radio]):checked:focus {\n border-color: transparent;\n background-color: currentColor;\n}\n\ninput:where([type=checkbox]):indeterminate {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e\");\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n}\n\n@media (forced-colors: active) {\n input:where([type=checkbox]):indeterminate {\n -webkit-appearance: auto;\n -moz-appearance: auto;\n appearance: auto;\n }\n}\ninput:where([type=checkbox]):indeterminate:hover, input:where([type=checkbox]):indeterminate:focus {\n border-color: transparent;\n background-color: currentColor;\n}\n\ninput:where([type=file]) {\n background: unset;\n border-color: inherit;\n border-width: 0;\n border-radius: 0;\n padding: 0;\n font-size: unset;\n line-height: inherit;\n}\n\ninput:where([type=file]):focus {\n outline: 1px solid ButtonText;\n outline: 1px auto -webkit-focus-ring-color;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\ndiv,\nli,\na,\nul,\ninput {\n font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 400;\n line-height: 1.625;\n}\n\nbody,\nhtml {\n --tw-text-opacity: 1;\n color: rgb(17, 24, 39, var(--tw-text-opacity));\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nlabel {\n font-weight: 500;\n line-height: 1.25;\n}\n\nh1 {\n font-size: 1.875rem;\n line-height: 2.25rem;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\nh2 {\n font-size: 1.5rem;\n line-height: 2rem;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\nh3 {\n font-size: 1.25rem;\n line-height: 1.75rem;\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\nh4 {\n font-size: 1.125rem;\n line-height: 1.75rem;\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\nh5 {\n font-size: 1rem;\n line-height: 1.5rem;\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\nh6,\nlabel {\n font-size: 0.875rem;\n line-height: 1.25rem;\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\n\np {\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(21 112 239 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(21 112 239 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n.container {\n width: 100%;\n}\n\n@media (min-width: 640px) {\n .container {\n max-width: 640px;\n }\n}\n@media (min-width: 768px) {\n .container {\n max-width: 768px;\n }\n}\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px;\n }\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n.pointer-events-none {\n pointer-events: none;\n}\n\n.visible {\n visibility: visible;\n}\n\n.invisible {\n visibility: hidden;\n}\n\n.fixed {\n position: fixed;\n}\n\n.absolute {\n position: absolute;\n}\n\n.relative {\n position: relative;\n}\n\n.sticky {\n position: sticky;\n}\n\n.inset-0 {\n inset: 0px;\n}\n\n.inset-y-0 {\n top: 0px;\n bottom: 0px;\n}\n\n.-bottom-8 {\n bottom: -2rem;\n}\n\n.bottom-full {\n bottom: 100%;\n}\n\n.left-0 {\n left: 0px;\n}\n\n.right-0 {\n right: 0px;\n}\n\n.right-8 {\n right: 2rem;\n}\n\n.top-0 {\n top: 0px;\n}\n\n.top-full {\n top: 100%;\n}\n\n.isolate {\n isolation: isolate;\n}\n\n.z-10 {\n z-index: 10;\n}\n\n.z-100 {\n z-index: 100;\n}\n\n.z-20 {\n z-index: 20;\n}\n\n.z-50 {\n z-index: 50;\n}\n\n.col-span-2 {\n grid-column: span 2/span 2;\n}\n\n.col-span-3 {\n grid-column: span 3/span 3;\n}\n\n.m-0 {\n margin: 0px;\n}\n\n.m-auto {\n margin: auto;\n}\n\n.-mx-4 {\n margin-left: -1rem;\n margin-right: -1rem;\n}\n\n.-my-2 {\n margin-top: -0.5rem;\n margin-bottom: -0.5rem;\n}\n\n.mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n\n.my-8 {\n margin-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.my-px {\n margin-top: 1px;\n margin-bottom: 1px;\n}\n\n.-mb-px {\n margin-bottom: -1px;\n}\n\n.mb-0 {\n margin-bottom: 0px;\n}\n\n.mb-1 {\n margin-bottom: 0.25rem;\n}\n\n.mb-10 {\n margin-bottom: 2.5rem;\n}\n\n.mb-2 {\n margin-bottom: 0.5rem;\n}\n\n.mb-4 {\n margin-bottom: 1rem;\n}\n\n.mb-8 {\n margin-bottom: 2rem;\n}\n\n.ml-0 {\n margin-left: 0px;\n}\n\n.ml-0\\.5 {\n margin-left: 0.125rem;\n}\n\n.ml-1 {\n margin-left: 0.25rem;\n}\n\n.ml-2 {\n margin-left: 0.5rem;\n}\n\n.ml-3 {\n margin-left: 0.75rem;\n}\n\n.ml-auto {\n margin-left: auto;\n}\n\n.mr-1 {\n margin-right: 0.25rem;\n}\n\n.mr-2 {\n margin-right: 0.5rem;\n}\n\n.mr-4 {\n margin-right: 1rem;\n}\n\n.mt-0 {\n margin-top: 0px;\n}\n\n.mt-1 {\n margin-top: 0.25rem;\n}\n\n.mt-2 {\n margin-top: 0.5rem;\n}\n\n.mt-3 {\n margin-top: 0.75rem;\n}\n\n.mt-4 {\n margin-top: 1rem;\n}\n\n.mt-5 {\n margin-top: 1.25rem;\n}\n\n.mt-8 {\n margin-top: 2rem;\n}\n\n.box-border {\n box-sizing: border-box;\n}\n\n.block {\n display: block;\n}\n\n.inline-block {\n display: inline-block;\n}\n\n.flex {\n display: flex;\n}\n\n.inline-flex {\n display: inline-flex;\n}\n\n.table {\n display: table;\n}\n\n.flow-root {\n display: flow-root;\n}\n\n.grid {\n display: grid;\n}\n\n.contents {\n display: contents;\n}\n\n.hidden {\n display: none;\n}\n\n.h-10 {\n height: 2.5rem;\n}\n\n.h-12 {\n height: 3rem;\n}\n\n.h-4 {\n height: 1rem;\n}\n\n.h-5 {\n height: 1.25rem;\n}\n\n.h-6 {\n height: 1.5rem;\n}\n\n.h-8 {\n height: 2rem;\n}\n\n.h-px {\n height: 1px;\n}\n\n.max-h-60 {\n max-height: 15rem;\n}\n\n.max-h-80 {\n max-height: 20rem;\n}\n\n.min-h-full {\n min-height: 100%;\n}\n\n.w-10 {\n width: 2.5rem;\n}\n\n.w-12 {\n width: 3rem;\n}\n\n.w-20 {\n width: 5rem;\n}\n\n.w-4 {\n width: 1rem;\n}\n\n.w-5 {\n width: 1.25rem;\n}\n\n.w-6 {\n width: 1.5rem;\n}\n\n.w-8 {\n width: 2rem;\n}\n\n.w-96 {\n width: 24rem;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-max {\n width: -moz-max-content;\n width: max-content;\n}\n\n.min-w-0 {\n min-width: 0px;\n}\n\n.min-w-full {\n min-width: 100%;\n}\n\n.max-w-lg {\n max-width: 32rem;\n}\n\n.max-w-md {\n max-width: 28rem;\n}\n\n.max-w-sm {\n max-width: 24rem;\n}\n\n.flex-1 {\n flex: 1 1 0%;\n}\n\n.flex-auto {\n flex: 1 1 auto;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0;\n}\n\n.shrink-0 {\n flex-shrink: 0;\n}\n\n.grow {\n flex-grow: 1;\n}\n\n.table-auto {\n table-layout: auto;\n}\n\n.table-fixed {\n table-layout: fixed;\n}\n\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n.animate-spin {\n animation: spin 1s linear infinite;\n}\n\n.cursor-default {\n cursor: default;\n}\n\n.cursor-help {\n cursor: help;\n}\n\n.cursor-not-allowed {\n cursor: not-allowed;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.touch-pan-y {\n --tw-pan-y: pan-y;\n touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);\n}\n\n.select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.resize-none {\n resize: none;\n}\n\n.resize-y {\n resize: vertical;\n}\n\n.resize {\n resize: both;\n}\n\n.grid-flow-col {\n grid-auto-flow: column;\n}\n\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.grid-cols-subgrid {\n grid-template-columns: subgrid;\n}\n\n.flex-col {\n flex-direction: column;\n}\n\n.place-items-start {\n place-items: start;\n}\n\n.items-start {\n align-items: flex-start;\n}\n\n.items-end {\n align-items: flex-end;\n}\n\n.items-center {\n align-items: center;\n}\n\n.items-stretch {\n align-items: stretch;\n}\n\n.justify-start {\n justify-content: flex-start;\n}\n\n.justify-end {\n justify-content: flex-end;\n}\n\n.justify-center {\n justify-content: center;\n}\n\n.justify-between {\n justify-content: space-between;\n}\n\n.gap-1 {\n gap: 0.25rem;\n}\n\n.gap-2 {\n gap: 0.5rem;\n}\n\n.gap-3 {\n gap: 0.75rem;\n}\n\n.gap-4 {\n gap: 1rem;\n}\n\n.gap-6 {\n gap: 1.5rem;\n}\n\n.gap-8 {\n gap: 2rem;\n}\n\n.gap-x-1 {\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem;\n}\n\n.gap-x-2 {\n -moz-column-gap: 0.5rem;\n column-gap: 0.5rem;\n}\n\n.gap-x-3 {\n -moz-column-gap: 0.75rem;\n column-gap: 0.75rem;\n}\n\n.gap-x-4 {\n -moz-column-gap: 1rem;\n column-gap: 1rem;\n}\n\n.gap-y-10 {\n row-gap: 2.5rem;\n}\n\n.gap-y-4 {\n row-gap: 1rem;\n}\n\n.space-x-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));\n}\n\n.space-x-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(1rem * var(--tw-space-x-reverse));\n margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));\n}\n\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n\n.space-y-3 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\n\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\n\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(229, 231, 235, var(--tw-divide-opacity));\n}\n\n.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(209, 213, 219, var(--tw-divide-opacity));\n}\n\n.self-center {\n align-self: center;\n}\n\n.overflow-auto {\n overflow: auto;\n}\n\n.overflow-hidden {\n overflow: hidden;\n}\n\n.overflow-x-auto {\n overflow-x: auto;\n}\n\n.overflow-y-auto {\n overflow-y: auto;\n}\n\n.overflow-x-hidden {\n overflow-x: hidden;\n}\n\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.text-ellipsis {\n text-overflow: ellipsis;\n}\n\n.whitespace-normal {\n white-space: normal;\n}\n\n.whitespace-nowrap {\n white-space: nowrap;\n}\n\n.text-pretty {\n text-wrap: pretty;\n}\n\n.break-words {\n overflow-wrap: break-word;\n}\n\n.rounded {\n border-radius: 0.25rem;\n}\n\n.rounded-full {\n border-radius: 9999px;\n}\n\n.rounded-lg {\n border-radius: 0.5rem;\n}\n\n.rounded-md {\n border-radius: 0.375rem;\n}\n\n.rounded-xl {\n border-radius: 0.75rem;\n}\n\n.rounded-r-md {\n border-top-right-radius: 0.375rem;\n border-bottom-right-radius: 0.375rem;\n}\n\n.border {\n border-width: 1px;\n}\n\n.border-0 {\n border-width: 0px;\n}\n\n.border-2 {\n border-width: 2px;\n}\n\n.border-b {\n border-bottom-width: 1px;\n}\n\n.border-b-2 {\n border-bottom-width: 2px;\n}\n\n.border-t {\n border-top-width: 1px;\n}\n\n.border-solid {\n border-style: solid;\n}\n\n.border-blue-200 {\n --tw-border-opacity: 1;\n border-color: rgb(132, 202, 255, var(--tw-border-opacity));\n}\n\n.border-blue-300 {\n --tw-border-opacity: 1;\n border-color: rgb(83, 177, 253, var(--tw-border-opacity));\n}\n\n.border-blue-400 {\n --tw-border-opacity: 1;\n border-color: rgb(46, 144, 250, var(--tw-border-opacity));\n}\n\n.border-blue-500 {\n --tw-border-opacity: 1;\n border-color: rgb(21, 112, 239, var(--tw-border-opacity));\n}\n\n.border-blue-600 {\n --tw-border-opacity: 1;\n border-color: rgb(23, 92, 211, var(--tw-border-opacity));\n}\n\n.border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229, 231, 235, var(--tw-border-opacity));\n}\n\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209, 213, 219, var(--tw-border-opacity));\n}\n\n.border-green-200 {\n --tw-border-opacity: 1;\n border-color: rgb(187, 247, 208, var(--tw-border-opacity));\n}\n\n.border-green-300 {\n --tw-border-opacity: 1;\n border-color: rgb(134, 239, 172, var(--tw-border-opacity));\n}\n\n.border-green-400 {\n --tw-border-opacity: 1;\n border-color: rgb(74, 222, 128, var(--tw-border-opacity));\n}\n\n.border-green-600 {\n --tw-border-opacity: 1;\n border-color: rgb(22, 163, 74, var(--tw-border-opacity));\n}\n\n.border-indigo-300 {\n --tw-border-opacity: 1;\n border-color: rgb(165, 180, 252, var(--tw-border-opacity));\n}\n\n.border-pink-300 {\n --tw-border-opacity: 1;\n border-color: rgb(249, 168, 212, var(--tw-border-opacity));\n}\n\n.border-purple-300 {\n --tw-border-opacity: 1;\n border-color: rgb(216, 180, 254, var(--tw-border-opacity));\n}\n\n.border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254, 202, 202, var(--tw-border-opacity));\n}\n\n.border-red-300 {\n --tw-border-opacity: 1;\n border-color: rgb(252, 165, 165, var(--tw-border-opacity));\n}\n\n.border-red-400 {\n --tw-border-opacity: 1;\n border-color: rgb(248, 113, 113, var(--tw-border-opacity));\n}\n\n.border-red-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220, 38, 38, var(--tw-border-opacity));\n}\n\n.border-slate-600 {\n --tw-border-opacity: 1;\n border-color: rgb(71, 85, 105, var(--tw-border-opacity));\n}\n\n.border-transparent {\n border-color: transparent;\n}\n\n.border-yellow-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254, 240, 138, var(--tw-border-opacity));\n}\n\n.border-yellow-300 {\n --tw-border-opacity: 1;\n border-color: rgb(253, 224, 71, var(--tw-border-opacity));\n}\n\n.border-yellow-600 {\n --tw-border-opacity: 1;\n border-color: rgb(202, 138, 4, var(--tw-border-opacity));\n}\n\n.bg-\\[\\#FFFAEB\\] {\n --tw-bg-opacity: 1;\n background-color: rgb(255, 250, 235, var(--tw-bg-opacity));\n}\n\n.bg-blue-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.bg-blue-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(209, 233, 255, var(--tw-bg-opacity));\n}\n\n.bg-blue-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(21, 112, 239, var(--tw-bg-opacity));\n}\n\n.bg-blue-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(23, 92, 211, var(--tw-bg-opacity));\n}\n\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243, 244, 246, var(--tw-bg-opacity));\n}\n\n.bg-gray-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(229, 231, 235, var(--tw-bg-opacity));\n}\n\n.bg-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.bg-gray-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(107, 114, 128, var(--tw-bg-opacity));\n}\n\n.bg-gray-900 {\n --tw-bg-opacity: 1;\n background-color: rgb(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bg-green-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(220, 252, 231, var(--tw-bg-opacity));\n}\n\n.bg-green-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(240, 253, 244, var(--tw-bg-opacity));\n}\n\n.bg-indigo-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224, 231, 255, var(--tw-bg-opacity));\n}\n\n.bg-pink-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(252, 231, 243, var(--tw-bg-opacity));\n}\n\n.bg-purple-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243, 232, 255, var(--tw-bg-opacity));\n}\n\n.bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254, 226, 226, var(--tw-bg-opacity));\n}\n\n.bg-red-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254, 242, 242, var(--tw-bg-opacity));\n}\n\n.bg-red-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239, 68, 68, var(--tw-bg-opacity));\n}\n\n.bg-slate-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(241, 245, 249, var(--tw-bg-opacity));\n}\n\n.bg-slate-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248, 250, 252, var(--tw-bg-opacity));\n}\n\n.bg-transparent {\n background-color: transparent;\n}\n\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bg-yellow-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254, 249, 195, var(--tw-bg-opacity));\n}\n\n.bg-yellow-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254, 252, 232, var(--tw-bg-opacity));\n}\n\n.bg-opacity-75 {\n --tw-bg-opacity: 0.75;\n}\n\n.fill-blue-500 {\n fill: #1570EF;\n}\n\n.fill-green-500 {\n fill: #22c55e;\n}\n\n.p-0 {\n padding: 0px;\n}\n\n.p-2 {\n padding: 0.5rem;\n}\n\n.p-4 {\n padding: 1rem;\n}\n\n.px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\n\n.px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem;\n}\n\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n.px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n}\n\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n.px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem;\n}\n\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n.py-0 {\n padding-top: 0px;\n padding-bottom: 0px;\n}\n\n.py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n}\n\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n.py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n}\n\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n\n.py-3\\.5 {\n padding-top: 0.875rem;\n padding-bottom: 0.875rem;\n}\n\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n\n.pb-1 {\n padding-bottom: 0.25rem;\n}\n\n.pl-10 {\n padding-left: 2.5rem;\n}\n\n.pl-3 {\n padding-left: 0.75rem;\n}\n\n.pr-2 {\n padding-right: 0.5rem;\n}\n\n.pr-3 {\n padding-right: 0.75rem;\n}\n\n.pr-4 {\n padding-right: 1rem;\n}\n\n.pt-2 {\n padding-top: 0.5rem;\n}\n\n.pt-4 {\n padding-top: 1rem;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-end {\n text-align: end;\n}\n\n.align-top {\n vertical-align: top;\n}\n\n.align-middle {\n vertical-align: middle;\n}\n\n.font-mono {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.text-sm\\/6 {\n font-size: 0.875rem;\n line-height: 1.5rem;\n}\n\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\n\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.font-medium {\n font-weight: 500;\n}\n\n.font-normal {\n font-weight: 400;\n}\n\n.font-semibold {\n font-weight: 600;\n}\n\n.uppercase {\n text-transform: uppercase;\n}\n\n.capitalize {\n text-transform: capitalize;\n}\n\n.italic {\n font-style: italic;\n}\n\n.leading-6 {\n line-height: 1.5rem;\n}\n\n.leading-none {\n line-height: 1;\n}\n\n.leading-snug {\n line-height: 1.375;\n}\n\n.text-\\[\\#DC6803\\] {\n --tw-text-opacity: 1;\n color: rgb(220, 104, 3, var(--tw-text-opacity));\n}\n\n.text-black {\n --tw-text-opacity: 1;\n color: rgb(0, 0, 0, var(--tw-text-opacity));\n}\n\n.text-blue-500 {\n --tw-text-opacity: 1;\n color: rgb(21, 112, 239, var(--tw-text-opacity));\n}\n\n.text-blue-600 {\n --tw-text-opacity: 1;\n color: rgb(23, 92, 211, var(--tw-text-opacity));\n}\n\n.text-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(24, 73, 169, var(--tw-text-opacity));\n}\n\n.text-blue-800 {\n --tw-text-opacity: 1;\n color: rgb(25, 65, 133, var(--tw-text-opacity));\n}\n\n.text-blue-900 {\n --tw-text-opacity: 1;\n color: rgb(16, 42, 86, var(--tw-text-opacity));\n}\n\n.text-current {\n color: currentColor;\n}\n\n.text-gray-200 {\n --tw-text-opacity: 1;\n color: rgb(229, 231, 235, var(--tw-text-opacity));\n}\n\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.text-gray-50 {\n --tw-text-opacity: 1;\n color: rgb(249, 250, 251, var(--tw-text-opacity));\n}\n\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107, 114, 128, var(--tw-text-opacity));\n}\n\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75, 85, 99, var(--tw-text-opacity));\n}\n\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17, 24, 39, var(--tw-text-opacity));\n}\n\n.text-green-500 {\n --tw-text-opacity: 1;\n color: rgb(34, 197, 94, var(--tw-text-opacity));\n}\n\n.text-green-600 {\n --tw-text-opacity: 1;\n color: rgb(22, 163, 74, var(--tw-text-opacity));\n}\n\n.text-green-700 {\n --tw-text-opacity: 1;\n color: rgb(21, 128, 61, var(--tw-text-opacity));\n}\n\n.text-green-800 {\n --tw-text-opacity: 1;\n color: rgb(22, 101, 52, var(--tw-text-opacity));\n}\n\n.text-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(67, 56, 202, var(--tw-text-opacity));\n}\n\n.text-pink-700 {\n --tw-text-opacity: 1;\n color: rgb(190, 24, 93, var(--tw-text-opacity));\n}\n\n.text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126, 34, 206, var(--tw-text-opacity));\n}\n\n.text-red-400 {\n --tw-text-opacity: 1;\n color: rgb(248, 113, 113, var(--tw-text-opacity));\n}\n\n.text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239, 68, 68, var(--tw-text-opacity));\n}\n\n.text-red-600 {\n --tw-text-opacity: 1;\n color: rgb(220, 38, 38, var(--tw-text-opacity));\n}\n\n.text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185, 28, 28, var(--tw-text-opacity));\n}\n\n.text-red-800 {\n --tw-text-opacity: 1;\n color: rgb(153, 27, 27, var(--tw-text-opacity));\n}\n\n.text-slate-500 {\n --tw-text-opacity: 1;\n color: rgb(100, 116, 139, var(--tw-text-opacity));\n}\n\n.text-slate-600 {\n --tw-text-opacity: 1;\n color: rgb(71, 85, 105, var(--tw-text-opacity));\n}\n\n.text-transparent {\n color: transparent;\n}\n\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255, 255, 255, var(--tw-text-opacity));\n}\n\n.text-yellow-600 {\n --tw-text-opacity: 1;\n color: rgb(202, 138, 4, var(--tw-text-opacity));\n}\n\n.text-yellow-800 {\n --tw-text-opacity: 1;\n color: rgb(133, 77, 14, var(--tw-text-opacity));\n}\n\n.underline {\n text-decoration-line: underline;\n}\n\n.opacity-0 {\n opacity: 0;\n}\n\n.opacity-100 {\n opacity: 1;\n}\n\n.opacity-35 {\n opacity: 0.35;\n}\n\n.opacity-50 {\n opacity: 0.5;\n}\n\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);\n}\n\n.ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.ring-2 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.ring-inset {\n --tw-ring-inset: inset;\n}\n\n.ring-black {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));\n}\n\n.ring-blue-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(83 177 253 / var(--tw-ring-opacity));\n}\n\n.ring-gray-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));\n}\n\n.ring-gray-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));\n}\n\n.ring-gray-900\\/5 {\n --tw-ring-color: rgb(17 24 39 / 0.05);\n}\n\n.ring-red-300 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));\n}\n\n.ring-sky-500\\/40 {\n --tw-ring-color: rgb(14 165 233 / 0.4);\n}\n\n.ring-opacity-5 {\n --tw-ring-opacity: 0.05;\n}\n\n.blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.filter {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\n\n.duration-100 {\n transition-duration: 100ms;\n}\n\n.ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n.theme-photon, [data-theme=photon] {\n --twc-primaryText: 210 20% 98%;\n --twc-primary500: 238.70000000000005 83.5% 66.7%;\n --twc-primary600: 243.39999999999998 75.4% 58.6%;\n --twc-secondaryText: 220.89999999999998 39.3% 11%;\n --twc-secondary50: 225.89999999999998 100% 96.7%;\n --twc-secondary100: 226.5 100% 93.9%;\n}\n\n.theme-weekend, [data-theme=weekend] {\n --twc-primaryText: 210 20% 98%;\n --twc-primary500: 198.60000000000002 88.7% 48.4%;\n --twc-primary600: 200.39999999999998 98% 39.4%;\n --twc-secondaryText: 220.89999999999998 39.3% 11%;\n --twc-secondary50: 204 100% 97.1%;\n --twc-secondary100: 204 93.8% 93.7%;\n}\n\n.\\[overflow-wrap\\:anywhere\\] {\n overflow-wrap: anywhere;\n}\n\n@keyframes animateEnter {\n 0% {\n transform: translate3d(0, -20%, 0) scale(0.8);\n opacity: 0.5;\n }\n 100% {\n transform: translate3d(0, 0, 0) scale(1);\n opacity: 1;\n }\n}\n@keyframes animateLeave {\n 0% {\n transform: translate3d(0, 0, -1px) scale(1);\n opacity: 1;\n }\n 100% {\n transform: translate3d(0, -20%, -1px) scale(0.8);\n opacity: 0;\n }\n}\n.animate-enter {\n animation: animateEnter 200ms cubic-bezier(0.21, 1.02, 0.73, 1) forwards;\n}\n\n.animate-leave {\n animation: animateLeave 200ms cubic-bezier(0.06, 0.71, 0.55, 1) forwards;\n}\n\n.placeholder\\:text-gray-400::-moz-placeholder {\n --tw-text-opacity: 1;\n color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-gray-400::placeholder {\n --tw-text-opacity: 1;\n color: rgb(156, 163, 175, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-red-300::-moz-placeholder {\n --tw-text-opacity: 1;\n color: rgb(252, 165, 165, var(--tw-text-opacity));\n}\n\n.placeholder\\:text-red-300::placeholder {\n --tw-text-opacity: 1;\n color: rgb(252, 165, 165, var(--tw-text-opacity));\n}\n\n.even\\:bg-gray-50:nth-child(even) {\n --tw-bg-opacity: 1;\n background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.hover\\:border-gray-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(209, 213, 219, var(--tw-border-opacity));\n}\n\n.hover\\:bg-blue-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(209, 233, 255, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-blue-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(23, 92, 211, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-gray-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(249, 250, 251, var(--tw-bg-opacity));\n}\n\n.hover\\:bg-red-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(220, 38, 38, var(--tw-bg-opacity));\n}\n\n.hover\\:text-amber-500:hover {\n --tw-text-opacity: 1;\n color: rgb(245, 158, 11, var(--tw-text-opacity));\n}\n\n.hover\\:text-blue-500:hover {\n --tw-text-opacity: 1;\n color: rgb(21, 112, 239, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-500:hover {\n --tw-text-opacity: 1;\n color: rgb(107, 114, 128, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-600:hover {\n --tw-text-opacity: 1;\n color: rgb(75, 85, 99, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-700:hover {\n --tw-text-opacity: 1;\n color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.hover\\:text-gray-900:hover {\n --tw-text-opacity: 1;\n color: rgb(17, 24, 39, var(--tw-text-opacity));\n}\n\n.hover\\:text-red-500:hover {\n --tw-text-opacity: 1;\n color: rgb(239, 68, 68, var(--tw-text-opacity));\n}\n\n.hover\\:ring-gray-400:hover {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity));\n}\n\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n.focus\\:outline-0:focus {\n outline-width: 0px;\n}\n\n.focus\\:ring-1:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));\n}\n\n.focus\\:ring-inset:focus {\n --tw-ring-inset: inset;\n}\n\n.focus\\:ring-blue-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(83 177 253 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-blue-500:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(21 112 239 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-blue-600:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(23 92 211 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-gray-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-red-500:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));\n}\n\n.focus\\:ring-sky-500\\/40:focus {\n --tw-ring-color: rgb(14 165 233 / 0.4);\n}\n\n.focus\\:ring-offset-2:focus {\n --tw-ring-offset-width: 2px;\n}\n\n.focus-visible\\:outline:focus-visible {\n outline-style: solid;\n}\n\n.focus-visible\\:outline-2:focus-visible {\n outline-width: 2px;\n}\n\n.focus-visible\\:outline-offset-2:focus-visible {\n outline-offset: 2px;\n}\n\n.active\\:bg-gray-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(243, 244, 246, var(--tw-bg-opacity));\n}\n\n.disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\n\n.disabled\\:opacity-50:disabled {\n opacity: 0.5;\n}\n\n.disabled\\:hover\\:bg-transparent:hover:disabled {\n background-color: transparent;\n}\n\n.disabled\\:hover\\:text-gray-700:hover:disabled {\n --tw-text-opacity: 1;\n color: rgb(55, 65, 81, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:bg-blue-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(178, 221, 255, var(--tw-bg-opacity));\n}\n\n.group:hover .group-hover\\:text-blue-600 {\n --tw-text-opacity: 1;\n color: rgb(23, 92, 211, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:text-blue-900 {\n --tw-text-opacity: 1;\n color: rgb(16, 42, 86, var(--tw-text-opacity));\n}\n\n.group:hover .group-hover\\:opacity-100 {\n opacity: 1;\n}\n\n@media (min-width: 640px) {\n .sm\\:-mx-6 {\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n }\n .sm\\:my-8 {\n margin-top: 2rem;\n margin-bottom: 2rem;\n }\n .sm\\:mt-5 {\n margin-top: 1.25rem;\n }\n .sm\\:mt-6 {\n margin-top: 1.5rem;\n }\n .sm\\:block {\n display: block;\n }\n .sm\\:grid {\n display: grid;\n }\n .sm\\:hidden {\n display: none;\n }\n .sm\\:w-auto {\n width: auto;\n }\n .sm\\:max-w-lg {\n max-width: 32rem;\n }\n .sm\\:max-w-md {\n max-width: 28rem;\n }\n .sm\\:max-w-sm {\n max-width: 24rem;\n }\n .sm\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .sm\\:grid-cols-6 {\n grid-template-columns: repeat(6, minmax(0, 1fr));\n }\n .sm\\:flex-row {\n flex-direction: row;\n }\n .sm\\:items-center {\n align-items: center;\n }\n .sm\\:gap-2 {\n gap: 0.5rem;\n }\n .sm\\:gap-4 {\n gap: 1rem;\n }\n .sm\\:space-x-6 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(1.5rem * var(--tw-space-x-reverse));\n margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));\n }\n .sm\\:p-0 {\n padding: 0px;\n }\n .sm\\:p-6 {\n padding: 1.5rem;\n }\n .sm\\:px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n .sm\\:px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n .sm\\:py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n .sm\\:pr-6 {\n padding-right: 1.5rem;\n }\n .sm\\:pt-6 {\n padding-top: 1.5rem;\n }\n .sm\\:text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .sm\\:text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n .sm\\:leading-6 {\n line-height: 1.5rem;\n }\n}\n@media (min-width: 768px) {\n .md\\:grid-cols-8 {\n grid-template-columns: repeat(8, minmax(0, 1fr));\n }\n .md\\:flex-row {\n flex-direction: row;\n }\n .md\\:items-center {\n align-items: center;\n }\n .md\\:gap-1 {\n gap: 0.25rem;\n }\n .md\\:space-x-8 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(2rem * var(--tw-space-x-reverse));\n margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));\n }\n .md\\:text-right {\n text-align: right;\n }\n}\n@media (min-width: 1024px) {\n .lg\\:-mx-8 {\n margin-left: -2rem;\n margin-right: -2rem;\n }\n .lg\\:px-8 {\n padding-left: 2rem;\n padding-right: 2rem;\n }\n}\n@media (prefers-color-scheme: dark) {\n .dark\\:bg-gray-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(55, 65, 81, var(--tw-bg-opacity));\n }\n .dark\\:text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75, 85, 99, var(--tw-text-opacity));\n }\n}";
|
|
69983
|
-
|
|
69984
|
-
var _tmpl$$i = /* @__PURE__ */ template$1(`<div class="flex items-center justify-between">`), _tmpl$2$f = /* @__PURE__ */ template$1(`<div><style>`);
|
|
69982
|
+
var _tmpl$$i = /* @__PURE__ */ template$1(`<div class="flex items-center justify-between">`), _tmpl$2$f = /* @__PURE__ */ template$1(`<div>`);
|
|
69985
69983
|
const hasUsableAddress$3 = (address) => {
|
|
69986
69984
|
if (!address) {
|
|
69987
69985
|
return false;
|
|
@@ -69998,18 +69996,17 @@ const OrderCard = (props) => {
|
|
|
69998
69996
|
return `${address2.street1} ${address2.street2 || ""} ${address2.city}, ${address2.state} ${address2.postalCode}`;
|
|
69999
69997
|
});
|
|
70000
69998
|
return (() => {
|
|
70001
|
-
var _el$ = _tmpl$2$f()
|
|
70002
|
-
insert$1(_el$2, photonStyles);
|
|
69999
|
+
var _el$ = _tmpl$2$f();
|
|
70003
70000
|
insert$1(_el$, createComponent(Card, {
|
|
70004
70001
|
addChildrenDivider: true,
|
|
70005
70002
|
get children() {
|
|
70006
70003
|
return [(() => {
|
|
70007
|
-
var _el$
|
|
70008
|
-
insert$1(_el$
|
|
70004
|
+
var _el$2 = _tmpl$$i();
|
|
70005
|
+
insert$1(_el$2, createComponent(Text, {
|
|
70009
70006
|
color: "gray",
|
|
70010
70007
|
children: "Select Pharmacy"
|
|
70011
70008
|
}));
|
|
70012
|
-
return _el$
|
|
70009
|
+
return _el$2;
|
|
70013
70010
|
})(), createComponent(PharmacySelect, {
|
|
70014
70011
|
get patientIds() {
|
|
70015
70012
|
return patientIds();
|
|
@@ -70022,7 +70019,7 @@ const OrderCard = (props) => {
|
|
|
70022
70019
|
}
|
|
70023
70020
|
})];
|
|
70024
70021
|
}
|
|
70025
|
-
})
|
|
70022
|
+
}));
|
|
70026
70023
|
return _el$;
|
|
70027
70024
|
})();
|
|
70028
70025
|
};
|
|
@@ -78080,10 +78077,6 @@ const PhotonPrescribeWorkflowComponent = (props) => {
|
|
|
78080
78077
|
var _el$4 = _tmpl$$d();
|
|
78081
78078
|
insert$1(_el$4, styles$5);
|
|
78082
78079
|
return _el$4;
|
|
78083
|
-
})(), (() => {
|
|
78084
|
-
var _el$5 = _tmpl$$d();
|
|
78085
|
-
insert$1(_el$5, photonStyles);
|
|
78086
|
-
return _el$5;
|
|
78087
78080
|
})(), createComponent(PrescribeWorkflow, {
|
|
78088
78081
|
get patientId() {
|
|
78089
78082
|
return props.patientId;
|
|
@@ -78929,27 +78922,23 @@ const Component$5 = (props) => {
|
|
|
78929
78922
|
};
|
|
78930
78923
|
return [(() => {
|
|
78931
78924
|
var _el$ = _tmpl$$b();
|
|
78932
|
-
insert$1(_el$,
|
|
78925
|
+
insert$1(_el$, tailwind);
|
|
78933
78926
|
return _el$;
|
|
78934
78927
|
})(), (() => {
|
|
78935
78928
|
var _el$2 = _tmpl$$b();
|
|
78936
|
-
insert$1(_el$2,
|
|
78929
|
+
insert$1(_el$2, shoelaceDarkStyles);
|
|
78937
78930
|
return _el$2;
|
|
78938
78931
|
})(), (() => {
|
|
78939
78932
|
var _el$3 = _tmpl$$b();
|
|
78940
|
-
insert$1(_el$3,
|
|
78933
|
+
insert$1(_el$3, shoelaceLightStyles);
|
|
78941
78934
|
return _el$3;
|
|
78942
78935
|
})(), (() => {
|
|
78943
78936
|
var _el$4 = _tmpl$$b();
|
|
78944
|
-
insert$1(_el$4,
|
|
78937
|
+
insert$1(_el$4, styles$4);
|
|
78945
78938
|
return _el$4;
|
|
78946
78939
|
})(), (() => {
|
|
78947
|
-
var _el$5 = _tmpl
|
|
78948
|
-
|
|
78949
|
-
return _el$5;
|
|
78950
|
-
})(), (() => {
|
|
78951
|
-
var _el$6 = _tmpl$3$8(), _el$9 = _el$6.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$9.nextSibling;
|
|
78952
|
-
addEventListener$1(_el$6, "sl-request-close", (e) => {
|
|
78940
|
+
var _el$5 = _tmpl$3$8(), _el$8 = _el$5.firstChild, _el$9 = _el$8.firstChild, _el$0 = _el$8.nextSibling;
|
|
78941
|
+
addEventListener$1(_el$5, "sl-request-close", (e) => {
|
|
78953
78942
|
if (e.detail.source === "overlay" && !props.overlayClose) {
|
|
78954
78943
|
e.preventDefault();
|
|
78955
78944
|
} else if (e.detail.source === "keyboard") {
|
|
@@ -78959,21 +78948,21 @@ const Component$5 = (props) => {
|
|
|
78959
78948
|
}
|
|
78960
78949
|
});
|
|
78961
78950
|
var _ref$ = ref;
|
|
78962
|
-
typeof _ref$ === "function" ? use$1(_ref$, _el$
|
|
78963
|
-
_el$
|
|
78964
|
-
insert$1(_el$
|
|
78951
|
+
typeof _ref$ === "function" ? use$1(_ref$, _el$5) : ref = _el$5;
|
|
78952
|
+
_el$5._$owner = getOwner();
|
|
78953
|
+
insert$1(_el$5, createComponent(Show, {
|
|
78965
78954
|
get when() {
|
|
78966
78955
|
return !props.header;
|
|
78967
78956
|
},
|
|
78968
78957
|
get children() {
|
|
78969
|
-
var _el$
|
|
78970
|
-
_el$
|
|
78971
|
-
insert$1(_el$
|
|
78972
|
-
return _el$
|
|
78958
|
+
var _el$6 = _tmpl$2$9(), _el$7 = _el$6.firstChild;
|
|
78959
|
+
_el$6._$owner = getOwner();
|
|
78960
|
+
insert$1(_el$7, () => props.label);
|
|
78961
|
+
return _el$6;
|
|
78973
78962
|
}
|
|
78974
|
-
}), _el$
|
|
78975
|
-
_el$
|
|
78976
|
-
insert$1(_el$
|
|
78963
|
+
}), _el$8);
|
|
78964
|
+
_el$9._$owner = getOwner();
|
|
78965
|
+
insert$1(_el$0, createComponent(Button, {
|
|
78977
78966
|
variant: "secondary",
|
|
78978
78967
|
get disabled() {
|
|
78979
78968
|
return props.disableButtons || props.loading;
|
|
@@ -78985,7 +78974,7 @@ const Component$5 = (props) => {
|
|
|
78985
78974
|
return props.cancelText;
|
|
78986
78975
|
}
|
|
78987
78976
|
}), null);
|
|
78988
|
-
insert$1(_el$
|
|
78977
|
+
insert$1(_el$0, createComponent(Button, {
|
|
78989
78978
|
get disabled() {
|
|
78990
78979
|
return props.disableButtons || props.disableSubmit;
|
|
78991
78980
|
},
|
|
@@ -79001,14 +78990,14 @@ const Component$5 = (props) => {
|
|
|
79001
78990
|
}), null);
|
|
79002
78991
|
createRenderEffect((_p$) => {
|
|
79003
78992
|
var _v$ = !!props.hideFooter, _v$2 = !!props.header, _v$3 = `--width: ${props.width};`, _v$4 = props.label, _v$5 = props.open, _v$6 = !props.header, _v$7 = `font-sans ${!props.header ? "py-4" : "pb-4"}`, _v$8 = !!props.hideFooter;
|
|
79004
|
-
_v$ !== _p$.e && _el$
|
|
79005
|
-
_v$2 !== _p$.t && _el$
|
|
79006
|
-
_p$.a = style$1(_el$
|
|
79007
|
-
_v$4 !== _p$.o && (_el$
|
|
79008
|
-
_v$5 !== _p$.i && (_el$
|
|
79009
|
-
_v$6 !== _p$.n && (_el$
|
|
79010
|
-
_v$7 !== _p$.s && className$1(_el$
|
|
79011
|
-
_v$8 !== _p$.h && _el$
|
|
78993
|
+
_v$ !== _p$.e && _el$5.classList.toggle("hideFooter", _p$.e = _v$);
|
|
78994
|
+
_v$2 !== _p$.t && _el$5.classList.toggle("showHeader", _p$.t = _v$2);
|
|
78995
|
+
_p$.a = style$1(_el$5, _v$3, _p$.a);
|
|
78996
|
+
_v$4 !== _p$.o && (_el$5.label = _p$.o = _v$4);
|
|
78997
|
+
_v$5 !== _p$.i && (_el$5.open = _p$.i = _v$5);
|
|
78998
|
+
_v$6 !== _p$.n && (_el$5.noHeader = _p$.n = _v$6);
|
|
78999
|
+
_v$7 !== _p$.s && className$1(_el$8, _p$.s = _v$7);
|
|
79000
|
+
_v$8 !== _p$.h && _el$0.classList.toggle("hidden", _p$.h = _v$8);
|
|
79012
79001
|
return _p$;
|
|
79013
79002
|
}, {
|
|
79014
79003
|
e: void 0,
|
|
@@ -79020,7 +79009,7 @@ const Component$5 = (props) => {
|
|
|
79020
79009
|
s: void 0,
|
|
79021
79010
|
h: void 0
|
|
79022
79011
|
});
|
|
79023
|
-
return _el$
|
|
79012
|
+
return _el$5;
|
|
79024
79013
|
})()];
|
|
79025
79014
|
};
|
|
79026
79015
|
customElement("photon-dialog", {
|
|
@@ -79037,7 +79026,7 @@ customElement("photon-dialog", {
|
|
|
79037
79026
|
overlayClose: false
|
|
79038
79027
|
}, Component$5);
|
|
79039
79028
|
|
|
79040
|
-
var _tmpl$$a = /* @__PURE__ */ template$1(`<span class="text-gray-500 text-sm font-normal"> (optional)`), _tmpl$2$8 = /* @__PURE__ */ template$1(`<p class="font-sans text-lg mt-4 md
|
|
79029
|
+
var _tmpl$$a = /* @__PURE__ */ template$1(`<span class="text-gray-500 text-sm font-normal"> (optional)`), _tmpl$2$8 = /* @__PURE__ */ template$1(`<p class="font-sans text-lg mt-4 md:mt-8"role=heading aria-level=3>Address`), _tmpl$3$7 = /* @__PURE__ */ template$1(`<div class="flex gap-4"><div class="flex-grow min-w-[40%]"></div><div class="flex-grow min-w-[40%]">`), _tmpl$4$7 = /* @__PURE__ */ template$1(`<div class="w-full flex justify-center">`), _tmpl$5$5 = /* @__PURE__ */ template$1(`<div><p class="font-sans text-lg flex-grow"role=heading aria-level=2>Patient info</p><div class="flex flex-col"></div><button class="mb-4 mt-8 flex items-center md:!hidden"aria-controls=optional-fields-section><span class="font-sans text-lg"></span></button><div id=optional-fields-section><p class="font-sans text-sm m-0 mt-6">Preferred pharmacy`), _tmpl$6$5 = /* @__PURE__ */ template$1(`<div class="flex flex-col gap-8">`), _tmpl$7$4 = /* @__PURE__ */ template$1(`<div class="w-full h-full relative"><style>`);
|
|
79041
79030
|
const getPatientAddress = (pStore, store) => {
|
|
79042
79031
|
const patientAddress = pStore.selectedPatient.data?.address;
|
|
79043
79032
|
if (store["address_zip"]?.value && isZip(store["address_zip"]?.value) && store["address_zip"]?.value != patientAddress?.postalCode) {
|
|
@@ -79376,21 +79365,20 @@ const PatientForm = (props) => {
|
|
|
79376
79365
|
})()];
|
|
79377
79366
|
};
|
|
79378
79367
|
return (() => {
|
|
79379
|
-
var _el$7 = _tmpl$7$4(), _el$8 = _el$7.firstChild
|
|
79368
|
+
var _el$7 = _tmpl$7$4(), _el$8 = _el$7.firstChild;
|
|
79380
79369
|
var _ref$ = ref;
|
|
79381
79370
|
typeof _ref$ === "function" ? use$1(_ref$, _el$7) : ref = _el$7;
|
|
79382
79371
|
insert$1(_el$8, tailwind);
|
|
79383
|
-
insert$1(_el$9, photonStyles);
|
|
79384
79372
|
insert$1(_el$7, createComponent(Show, {
|
|
79385
79373
|
get when() {
|
|
79386
79374
|
return pStore.selectedPatient.isLoading;
|
|
79387
79375
|
},
|
|
79388
79376
|
get children() {
|
|
79389
|
-
var _el$
|
|
79390
|
-
insert$1(_el$
|
|
79377
|
+
var _el$9 = _tmpl$4$7();
|
|
79378
|
+
insert$1(_el$9, createComponent(Spinner, {
|
|
79391
79379
|
color: "green"
|
|
79392
79380
|
}));
|
|
79393
|
-
return _el$
|
|
79381
|
+
return _el$9;
|
|
79394
79382
|
}
|
|
79395
79383
|
}), null);
|
|
79396
79384
|
insert$1(_el$7, createComponent(Show, {
|
|
@@ -79401,11 +79389,11 @@ const PatientForm = (props) => {
|
|
|
79401
79389
|
return createComponent(PhotonAuthorized, {
|
|
79402
79390
|
permissions: ["write:patient"],
|
|
79403
79391
|
get children() {
|
|
79404
|
-
var _el$
|
|
79405
|
-
insert$1(_el$
|
|
79392
|
+
var _el$0 = _tmpl$6$5();
|
|
79393
|
+
insert$1(_el$0, createComponent(Card, {
|
|
79406
79394
|
get children() {
|
|
79407
|
-
var _el$
|
|
79408
|
-
insert$1(_el$
|
|
79395
|
+
var _el$1 = _tmpl$5$5(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$12.nextSibling, _el$15 = _el$14.firstChild;
|
|
79396
|
+
insert$1(_el$11, createComponent(InputGroup, {
|
|
79409
79397
|
label: "First name",
|
|
79410
79398
|
get error() {
|
|
79411
79399
|
return store["firstName"]?.error;
|
|
@@ -79426,7 +79414,7 @@ const PatientForm = (props) => {
|
|
|
79426
79414
|
});
|
|
79427
79415
|
}
|
|
79428
79416
|
}), null);
|
|
79429
|
-
insert$1(_el$
|
|
79417
|
+
insert$1(_el$11, createComponent(InputGroup, {
|
|
79430
79418
|
label: "Last name",
|
|
79431
79419
|
get error() {
|
|
79432
79420
|
return store["lastName"]?.error;
|
|
@@ -79447,7 +79435,7 @@ const PatientForm = (props) => {
|
|
|
79447
79435
|
});
|
|
79448
79436
|
}
|
|
79449
79437
|
}), null);
|
|
79450
|
-
insert$1(_el$
|
|
79438
|
+
insert$1(_el$11, createComponent(InputGroup, {
|
|
79451
79439
|
label: "Date of birth",
|
|
79452
79440
|
get error() {
|
|
79453
79441
|
return store["dateOfBirth"]?.error;
|
|
@@ -79468,7 +79456,7 @@ const PatientForm = (props) => {
|
|
|
79468
79456
|
});
|
|
79469
79457
|
}
|
|
79470
79458
|
}), null);
|
|
79471
|
-
insert$1(_el$
|
|
79459
|
+
insert$1(_el$11, createComponent(InputGroup, {
|
|
79472
79460
|
label: "Mobile number",
|
|
79473
79461
|
get error() {
|
|
79474
79462
|
return store["phone"]?.error;
|
|
@@ -79489,7 +79477,7 @@ const PatientForm = (props) => {
|
|
|
79489
79477
|
});
|
|
79490
79478
|
}
|
|
79491
79479
|
}), null);
|
|
79492
|
-
insert$1(_el$
|
|
79480
|
+
insert$1(_el$11, createComponent(InputGroup, {
|
|
79493
79481
|
label: "Sex at birth",
|
|
79494
79482
|
get error() {
|
|
79495
79483
|
return store["sex"]?.error;
|
|
@@ -79508,32 +79496,32 @@ const PatientForm = (props) => {
|
|
|
79508
79496
|
});
|
|
79509
79497
|
}
|
|
79510
79498
|
}), null);
|
|
79511
|
-
insert$1(_el$
|
|
79499
|
+
insert$1(_el$1, createComponent(Show, {
|
|
79512
79500
|
get when() {
|
|
79513
79501
|
return !props.optionalPatientAddress;
|
|
79514
79502
|
},
|
|
79515
79503
|
get children() {
|
|
79516
79504
|
return createComponent(AddressFields, {});
|
|
79517
79505
|
}
|
|
79518
|
-
}), _el$
|
|
79519
|
-
_el$
|
|
79520
|
-
insert$1(_el$
|
|
79521
|
-
insert$1(_el$
|
|
79506
|
+
}), _el$12);
|
|
79507
|
+
_el$12.$$click = () => setShowOptionalFields((value) => !value);
|
|
79508
|
+
insert$1(_el$13, () => showOptionalFields() ? "Hide optional fields" : "Show optional fields");
|
|
79509
|
+
insert$1(_el$12, createComponent(Icon, {
|
|
79522
79510
|
get name() {
|
|
79523
79511
|
return showOptionalFields() ? "chevronUp" : "chevronDown";
|
|
79524
79512
|
},
|
|
79525
79513
|
size: "md",
|
|
79526
79514
|
"class": "inline-block ml-1 mt-1"
|
|
79527
79515
|
}), null);
|
|
79528
|
-
insert$1(_el$
|
|
79516
|
+
insert$1(_el$14, createComponent(Show, {
|
|
79529
79517
|
get when() {
|
|
79530
79518
|
return props.optionalPatientAddress;
|
|
79531
79519
|
},
|
|
79532
79520
|
get children() {
|
|
79533
79521
|
return createComponent(AddressFields, {});
|
|
79534
79522
|
}
|
|
79535
|
-
}), _el$
|
|
79536
|
-
insert$1(_el$
|
|
79523
|
+
}), _el$15);
|
|
79524
|
+
insert$1(_el$14, createComponent(InputGroup, {
|
|
79537
79525
|
label: "Gender",
|
|
79538
79526
|
get error() {
|
|
79539
79527
|
return store["gender"]?.error;
|
|
@@ -79550,8 +79538,8 @@ const PatientForm = (props) => {
|
|
|
79550
79538
|
onBlur: () => trackFieldInteraction("gender", Boolean(store["gender"]?.value), true)
|
|
79551
79539
|
});
|
|
79552
79540
|
}
|
|
79553
|
-
}), _el$
|
|
79554
|
-
insert$1(_el$
|
|
79541
|
+
}), _el$15);
|
|
79542
|
+
insert$1(_el$14, createComponent(InputGroup, {
|
|
79555
79543
|
label: "Email",
|
|
79556
79544
|
get error() {
|
|
79557
79545
|
return store["email"]?.error;
|
|
@@ -79571,8 +79559,8 @@ const PatientForm = (props) => {
|
|
|
79571
79559
|
onBlur: (e) => trackFieldInteraction("email", Boolean(e.currentTarget.value), true)
|
|
79572
79560
|
});
|
|
79573
79561
|
}
|
|
79574
|
-
}), _el$
|
|
79575
|
-
insert$1(_el$
|
|
79562
|
+
}), _el$15);
|
|
79563
|
+
insert$1(_el$14, createComponent(PickupPharmacySearch, {
|
|
79576
79564
|
get address() {
|
|
79577
79565
|
return getPatientAddress(pStore, store);
|
|
79578
79566
|
},
|
|
@@ -79592,17 +79580,17 @@ const PatientForm = (props) => {
|
|
|
79592
79580
|
}), null);
|
|
79593
79581
|
createRenderEffect((_p$) => {
|
|
79594
79582
|
var _v$ = showOptionalFields(), _v$2 = `mb-4 ${showOptionalFields() ? "block" : "hidden md:!block"}`;
|
|
79595
|
-
_v$ !== _p$.e && setAttribute$1(_el$
|
|
79596
|
-
_v$2 !== _p$.t && className$1(_el$
|
|
79583
|
+
_v$ !== _p$.e && setAttribute$1(_el$12, "aria-expanded", _p$.e = _v$);
|
|
79584
|
+
_v$2 !== _p$.t && className$1(_el$14, _p$.t = _v$2);
|
|
79597
79585
|
return _p$;
|
|
79598
79586
|
}, {
|
|
79599
79587
|
e: void 0,
|
|
79600
79588
|
t: void 0
|
|
79601
79589
|
});
|
|
79602
|
-
return _el$
|
|
79590
|
+
return _el$1;
|
|
79603
79591
|
}
|
|
79604
79592
|
}));
|
|
79605
|
-
return _el$
|
|
79593
|
+
return _el$0;
|
|
79606
79594
|
}
|
|
79607
79595
|
});
|
|
79608
79596
|
}
|
|
@@ -79616,7 +79604,7 @@ customElement("photon-patient-form", {
|
|
|
79616
79604
|
}, PatientForm);
|
|
79617
79605
|
delegateEvents$1(["click"]);
|
|
79618
79606
|
|
|
79619
|
-
var _tmpl$$9 = /* @__PURE__ */ template$1(`<div class="text-black text-xl md:text-3xl">`), _tmpl$2$7 = /* @__PURE__ */ template$1(`<sl-icon class=flex-shrink-0>`, true, false, false), _tmpl$3$6 = /* @__PURE__ */ template$1(`<footer class="flex-shrink-0 bg-white shadow-card px-4 py-4 md:px-8"><div class="flex flex-col xs:flex-row-reverse xs:justify-start gap-2 items-center w-full sm:w-[600px] xs:mx-auto sm:px-4">`), _tmpl$4$6 = /* @__PURE__ */ template$1(`<div class="z-50 fixed inset-0 flex flex-col bg-[#F9FAFB]"><
|
|
79607
|
+
var _tmpl$$9 = /* @__PURE__ */ template$1(`<div class="text-black text-xl md:text-3xl">`), _tmpl$2$7 = /* @__PURE__ */ template$1(`<sl-icon class=flex-shrink-0>`, true, false, false), _tmpl$3$6 = /* @__PURE__ */ template$1(`<footer class="flex-shrink-0 bg-white shadow-card px-4 py-4 md:px-8"><div class="flex flex-col xs:flex-row-reverse xs:justify-start gap-2 items-center w-full sm:w-[600px] xs:mx-auto sm:px-4">`), _tmpl$4$6 = /* @__PURE__ */ template$1(`<div class="z-50 fixed inset-0 flex flex-col bg-[#F9FAFB]"><photon-dialog confirm-text="Yes, Close"cancel-text="Keep Editing"><p class="font-sans text-lg xs:text-base"></p></photon-dialog><header class="flex-shrink-0 flex items-center px-4 py-2 md:px-8 md:py-3 bg-white shadow-card"><div class="flex items-center"></div><div class="flex-1 flex justify-center items-center min-w-0 px-2"><p class="ml-1 font-sans text-lg md:text-xl font-medium truncate"></p></div><div class="flex items-center w-[44px]"></div></header><main class="flex-1 overflow-y-auto overscroll-contain"><div class="px-4 pt-4 pb-4 md:px-4 w-full sm:w-[600px] xs:mx-auto">`, true, false, false);
|
|
79620
79608
|
const PhotonFormWrapper = (p) => {
|
|
79621
79609
|
const props = mergeProps({
|
|
79622
79610
|
closeTitle: "Lose unsaved changes?",
|
|
@@ -79631,16 +79619,15 @@ const PhotonFormWrapper = (p) => {
|
|
|
79631
79619
|
};
|
|
79632
79620
|
const handleCancel = () => onCloseDialogOpen(false);
|
|
79633
79621
|
return (() => {
|
|
79634
|
-
var _el$ = _tmpl$4$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.
|
|
79622
|
+
var _el$ = _tmpl$4$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling, _el$5 = _el$4.firstChild, _el$7 = _el$5.nextSibling, _el$9 = _el$7.firstChild, _el$0 = _el$4.nextSibling, _el$1 = _el$0.firstChild;
|
|
79635
79623
|
var _ref$ = ref;
|
|
79636
79624
|
typeof _ref$ === "function" ? use$1(_ref$, _el$) : ref = _el$;
|
|
79637
|
-
|
|
79638
|
-
addEventListener$1(_el$
|
|
79639
|
-
addEventListener$1(_el$
|
|
79640
|
-
|
|
79641
|
-
_el$3
|
|
79642
|
-
insert$1(_el$
|
|
79643
|
-
insert$1(_el$6, createComponent(Button, {
|
|
79625
|
+
addEventListener$1(_el$2, "photon-dialog-alt", handleCancel);
|
|
79626
|
+
addEventListener$1(_el$2, "photon-dialog-canceled", handleCancel);
|
|
79627
|
+
addEventListener$1(_el$2, "photon-dialog-confirmed", handleConfirm);
|
|
79628
|
+
_el$2._$owner = getOwner();
|
|
79629
|
+
insert$1(_el$3, () => props.closeBody);
|
|
79630
|
+
insert$1(_el$5, createComponent(Button, {
|
|
79644
79631
|
variant: "naked",
|
|
79645
79632
|
size: "sm",
|
|
79646
79633
|
onClick: () => {
|
|
@@ -79651,41 +79638,41 @@ const PhotonFormWrapper = (p) => {
|
|
|
79651
79638
|
}
|
|
79652
79639
|
},
|
|
79653
79640
|
get children() {
|
|
79654
|
-
var _el$
|
|
79655
|
-
insert$1(_el$
|
|
79641
|
+
var _el$6 = _tmpl$$9();
|
|
79642
|
+
insert$1(_el$6, createComponent(Icon, {
|
|
79656
79643
|
name: "xMark"
|
|
79657
79644
|
}));
|
|
79658
|
-
return _el$
|
|
79645
|
+
return _el$6;
|
|
79659
79646
|
}
|
|
79660
79647
|
}));
|
|
79661
|
-
insert$1(_el$
|
|
79648
|
+
insert$1(_el$7, createComponent(Show, {
|
|
79662
79649
|
get when() {
|
|
79663
79650
|
return props.titleIconName;
|
|
79664
79651
|
},
|
|
79665
79652
|
get children() {
|
|
79666
|
-
var _el$
|
|
79667
|
-
_el$
|
|
79668
|
-
createRenderEffect(() => _el$
|
|
79669
|
-
return _el$
|
|
79653
|
+
var _el$8 = _tmpl$2$7();
|
|
79654
|
+
_el$8._$owner = getOwner();
|
|
79655
|
+
createRenderEffect(() => _el$8.name = props.titleIconName);
|
|
79656
|
+
return _el$8;
|
|
79670
79657
|
}
|
|
79671
|
-
}), _el$
|
|
79672
|
-
insert$1(_el$
|
|
79673
|
-
_el$
|
|
79674
|
-
insert$1(_el$
|
|
79658
|
+
}), _el$9);
|
|
79659
|
+
insert$1(_el$9, () => props.title);
|
|
79660
|
+
_el$0.style.setProperty("-webkit-overflow-scrolling", "touch");
|
|
79661
|
+
insert$1(_el$1, () => props.form);
|
|
79675
79662
|
insert$1(_el$, createComponent(Show, {
|
|
79676
79663
|
get when() {
|
|
79677
79664
|
return props.footer;
|
|
79678
79665
|
},
|
|
79679
79666
|
get children() {
|
|
79680
|
-
var _el$
|
|
79681
|
-
insert$1(_el$
|
|
79682
|
-
return _el$
|
|
79667
|
+
var _el$10 = _tmpl$3$6(), _el$11 = _el$10.firstChild;
|
|
79668
|
+
insert$1(_el$11, () => props.footer);
|
|
79669
|
+
return _el$10;
|
|
79683
79670
|
}
|
|
79684
79671
|
}), null);
|
|
79685
79672
|
createRenderEffect((_p$) => {
|
|
79686
79673
|
var _v$ = props.closeTitle, _v$2 = closeDialogOpen();
|
|
79687
|
-
_v$ !== _p$.e && (_el$
|
|
79688
|
-
_v$2 !== _p$.t && (_el$
|
|
79674
|
+
_v$ !== _p$.e && (_el$2.label = _p$.e = _v$);
|
|
79675
|
+
_v$2 !== _p$.t && (_el$2.open = _p$.t = _v$2);
|
|
79689
79676
|
return _p$;
|
|
79690
79677
|
}, {
|
|
79691
79678
|
e: void 0,
|
|
@@ -79866,7 +79853,7 @@ const Component$4 = (props) => {
|
|
|
79866
79853
|
get children() {
|
|
79867
79854
|
return [(() => {
|
|
79868
79855
|
var _el$2 = _tmpl$$8();
|
|
79869
|
-
insert$1(_el$2,
|
|
79856
|
+
insert$1(_el$2, tailwind);
|
|
79870
79857
|
return _el$2;
|
|
79871
79858
|
})(), createComponent(PhotonFormWrapper, {
|
|
79872
79859
|
onClosed: () => {
|
|
@@ -83955,7 +83942,7 @@ const createCatalogStore = () => {
|
|
|
83955
83942
|
};
|
|
83956
83943
|
const CatalogStore = createCatalogStore();
|
|
83957
83944
|
|
|
83958
|
-
var _tmpl$$3 = /* @__PURE__ */ template$1(`<strong class=font-extrabold>`), _tmpl$2$2 = /* @__PURE__ */ template$1(`<div><p>`), _tmpl$3$1 = /* @__PURE__ */ template$1(`<p class="text-xs text-red-500 mt-1 italic">`), _tmpl$4$1 = /* @__PURE__ */ template$1(`<div><div></div><div> <!>, <!> <!> supply, <!> <!>, `), _tmpl$5$1 = /* @__PURE__ */ template$1(`<span class=text-blue-600>(<!>): `), _tmpl$6$1 = /* @__PURE__ */ template$1(`<div>`);
|
|
83945
|
+
var _tmpl$$3 = /* @__PURE__ */ template$1(`<strong class=font-extrabold>`), _tmpl$2$2 = /* @__PURE__ */ template$1(`<div><p>`), _tmpl$3$1 = /* @__PURE__ */ template$1(`<p class="text-xs text-red-500 mt-1 italic">`), _tmpl$4$1 = /* @__PURE__ */ template$1(`<div><div></div><div> <!>, <!> <!> supply, <!> <!>, `), _tmpl$5$1 = /* @__PURE__ */ template$1(`<span class=text-blue-600>(<!>): `), _tmpl$6$1 = /* @__PURE__ */ template$1(`<div><style>`);
|
|
83959
83946
|
function createBlockedMedsMap(disableList) {
|
|
83960
83947
|
if (!disableList || disableList.length === 0) {
|
|
83961
83948
|
return {};
|
|
@@ -84176,7 +84163,7 @@ const Component$2 = (props) => {
|
|
|
84176
84163
|
};
|
|
84177
84164
|
const isMobile = window.innerWidth < 768;
|
|
84178
84165
|
return (() => {
|
|
84179
|
-
var _el$22 = _tmpl$6$1();
|
|
84166
|
+
var _el$22 = _tmpl$6$1(), _el$23 = _el$22.firstChild;
|
|
84180
84167
|
addEventListener$1(_el$22, "photon-data-unselected", () => {
|
|
84181
84168
|
dispatchTreatmentUnselected(ref);
|
|
84182
84169
|
dispatchSearchTextChanged(ref, "");
|
|
@@ -84207,6 +84194,7 @@ const Component$2 = (props) => {
|
|
|
84207
84194
|
});
|
|
84208
84195
|
var _ref$ = ref;
|
|
84209
84196
|
typeof _ref$ === "function" ? use$1(_ref$, _el$22) : ref = _el$22;
|
|
84197
|
+
insert$1(_el$23, tailwind);
|
|
84210
84198
|
insert$1(_el$22, createComponent(Show, {
|
|
84211
84199
|
get when() {
|
|
84212
84200
|
return showFullWidthSearch();
|
|
@@ -84376,7 +84364,7 @@ customElement("photon-medication-search", {
|
|
|
84376
84364
|
|
|
84377
84365
|
const styles = ":host {}\n\n.dropdown::part(panel) {\n width: 480px;\n}\n\n@media (max-width: 768px) {\n .dropdown::part(panel) {\n max-width: 100vw;\n width: 100vw;\n }\n}";
|
|
84378
84366
|
|
|
84379
|
-
var _tmpl$$2 = /* @__PURE__ */ template$1(`<p class="text-lg font-semibold mt-0 mb-4">Add Medication History`), _tmpl$2$1 = /* @__PURE__ */ template$1(`<div class="flex items-center pb-2"><p class="text-gray-700 text-sm font-sans">Search for Treatment`), _tmpl$3 = /* @__PURE__ */ template$1(`<sl-dropdown class="w-full p-0 dropdown"><sl-input placeholder="Type medication name"autocomplete=off class="border border-none p-0"size=medium clearable slot=trigger><div slot=suffix class=flex><sl-spinner slot=suffix></sl-spinner></div></sl-input><sl-menu>`, true, false, false), _tmpl$4 = /* @__PURE__ */ template$1(`<div class="mt-5 flex gap-4 justify-end">`), _tmpl$5 = /* @__PURE__ */ template$1(`<div><style></style><style></style><style></style><style
|
|
84367
|
+
var _tmpl$$2 = /* @__PURE__ */ template$1(`<p class="text-lg font-semibold mt-0 mb-4">Add Medication History`), _tmpl$2$1 = /* @__PURE__ */ template$1(`<div class="flex items-center pb-2"><p class="text-gray-700 text-sm font-sans">Search for Treatment`), _tmpl$3 = /* @__PURE__ */ template$1(`<sl-dropdown class="w-full p-0 dropdown"><sl-input placeholder="Type medication name"autocomplete=off class="border border-none p-0"size=medium clearable slot=trigger><div slot=suffix class=flex><sl-spinner slot=suffix></sl-spinner></div></sl-input><sl-menu>`, true, false, false), _tmpl$4 = /* @__PURE__ */ template$1(`<div class="mt-5 flex gap-4 justify-end">`), _tmpl$5 = /* @__PURE__ */ template$1(`<div><style></style><style></style><style></style><style>`), _tmpl$6 = /* @__PURE__ */ template$1(`<sl-menu-item disabled>Type at least 3 characters`, true, false, false), _tmpl$7 = /* @__PURE__ */ template$1(`<sl-menu-item>`, true, false, false), _tmpl$8 = /* @__PURE__ */ template$1(`<sl-menu-item disabled>No results found`, true, false, false);
|
|
84380
84368
|
setBasePath("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.4.0/dist/");
|
|
84381
84369
|
const Component$1 = (props) => {
|
|
84382
84370
|
let ref;
|
|
@@ -84449,14 +84437,13 @@ const Component$1 = (props) => {
|
|
|
84449
84437
|
setSearchTerm(med.name);
|
|
84450
84438
|
};
|
|
84451
84439
|
return (() => {
|
|
84452
|
-
var _el$ = _tmpl$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling
|
|
84440
|
+
var _el$ = _tmpl$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
|
|
84453
84441
|
var _ref$ = ref;
|
|
84454
84442
|
typeof _ref$ === "function" ? use$1(_ref$, _el$) : ref = _el$;
|
|
84455
|
-
insert$1(_el$2,
|
|
84456
|
-
insert$1(_el$3,
|
|
84457
|
-
insert$1(_el$4,
|
|
84458
|
-
insert$1(_el$5,
|
|
84459
|
-
insert$1(_el$6, styles);
|
|
84443
|
+
insert$1(_el$2, tailwind);
|
|
84444
|
+
insert$1(_el$3, shoelaceDarkStyles);
|
|
84445
|
+
insert$1(_el$4, shoelaceLightStyles);
|
|
84446
|
+
insert$1(_el$5, styles);
|
|
84460
84447
|
insert$1(_el$, createComponent(Dialog, {
|
|
84461
84448
|
get open() {
|
|
84462
84449
|
return props.open;
|
|
@@ -84466,50 +84453,50 @@ const Component$1 = (props) => {
|
|
|
84466
84453
|
position: "center",
|
|
84467
84454
|
get children() {
|
|
84468
84455
|
return [_tmpl$$2(), _tmpl$2$1(), (() => {
|
|
84469
|
-
var _el$
|
|
84470
|
-
_el$
|
|
84471
|
-
addEventListener$1(_el$
|
|
84456
|
+
var _el$8 = _tmpl$3(), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$9.nextSibling;
|
|
84457
|
+
_el$8._$owner = getOwner();
|
|
84458
|
+
addEventListener$1(_el$9, "keydown", (e) => {
|
|
84472
84459
|
if (e.code === "Space" || e.key === " ") {
|
|
84473
84460
|
e.preventDefault();
|
|
84474
84461
|
e.stopPropagation();
|
|
84475
84462
|
setSearchTerm(searchTerm() + " ");
|
|
84476
84463
|
}
|
|
84477
84464
|
});
|
|
84478
|
-
addEventListener$1(_el$
|
|
84465
|
+
addEventListener$1(_el$9, "sl-input", (e) => {
|
|
84479
84466
|
setSearchTerm(e.target.value);
|
|
84480
84467
|
});
|
|
84481
|
-
_el$
|
|
84468
|
+
_el$9._$owner = getOwner();
|
|
84469
|
+
_el$1._$owner = getOwner();
|
|
84482
84470
|
_el$10._$owner = getOwner();
|
|
84483
|
-
_el$
|
|
84484
|
-
insert$1(_el$11, (() => {
|
|
84471
|
+
insert$1(_el$10, (() => {
|
|
84485
84472
|
var _c$ = memo$2(() => searchTerm()?.length < 3);
|
|
84486
84473
|
return () => _c$() ? (() => {
|
|
84487
|
-
var _el$
|
|
84474
|
+
var _el$12 = _tmpl$6();
|
|
84475
|
+
_el$12._$owner = getOwner();
|
|
84476
|
+
return _el$12;
|
|
84477
|
+
})() : memo$2(() => searchResults().length > 0)() ? searchResults().map((med) => (() => {
|
|
84478
|
+
var _el$13 = _tmpl$7();
|
|
84479
|
+
_el$13.$$click = () => handleMedicationSelected(med);
|
|
84488
84480
|
_el$13._$owner = getOwner();
|
|
84481
|
+
insert$1(_el$13, () => boldSubstring(med.name, searchTerm()));
|
|
84489
84482
|
return _el$13;
|
|
84490
|
-
})() :
|
|
84491
|
-
var _el$14 = _tmpl$
|
|
84492
|
-
_el$14.$$click = () => handleMedicationSelected(med);
|
|
84483
|
+
})()) : (() => {
|
|
84484
|
+
var _el$14 = _tmpl$8();
|
|
84493
84485
|
_el$14._$owner = getOwner();
|
|
84494
|
-
insert$1(_el$14, () => boldSubstring(med.name, searchTerm()));
|
|
84495
84486
|
return _el$14;
|
|
84496
|
-
})()) : (() => {
|
|
84497
|
-
var _el$15 = _tmpl$8();
|
|
84498
|
-
_el$15._$owner = getOwner();
|
|
84499
|
-
return _el$15;
|
|
84500
84487
|
})();
|
|
84501
84488
|
})());
|
|
84502
|
-
createRenderEffect(() => _el$
|
|
84503
|
-
createRenderEffect(() => _el$
|
|
84504
|
-
return _el$
|
|
84489
|
+
createRenderEffect(() => _el$0.classList.toggle("hidden", !isLoading()));
|
|
84490
|
+
createRenderEffect(() => _el$9.value = searchTerm());
|
|
84491
|
+
return _el$8;
|
|
84505
84492
|
})(), (() => {
|
|
84506
|
-
var _el$
|
|
84507
|
-
insert$1(_el$
|
|
84493
|
+
var _el$11 = _tmpl$4();
|
|
84494
|
+
insert$1(_el$11, createComponent(Button, {
|
|
84508
84495
|
variant: "secondary",
|
|
84509
84496
|
onClick: handleCancel,
|
|
84510
84497
|
children: "Cancel"
|
|
84511
84498
|
}), null);
|
|
84512
|
-
insert$1(_el$
|
|
84499
|
+
insert$1(_el$11, createComponent(Button, {
|
|
84513
84500
|
onClick: handleConfirm,
|
|
84514
84501
|
get disabled() {
|
|
84515
84502
|
return !medication() || submitting();
|
|
@@ -84519,7 +84506,7 @@ const Component$1 = (props) => {
|
|
|
84519
84506
|
},
|
|
84520
84507
|
children: "Select Medication"
|
|
84521
84508
|
}), null);
|
|
84522
|
-
return _el$
|
|
84509
|
+
return _el$11;
|
|
84523
84510
|
})()];
|
|
84524
84511
|
}
|
|
84525
84512
|
}), null);
|
|
@@ -84541,7 +84528,7 @@ var _tmpl$$1 = /* @__PURE__ */ template$1(`<div><style>`);
|
|
|
84541
84528
|
const PatientMedHistoryWrapper = (props) => {
|
|
84542
84529
|
return (() => {
|
|
84543
84530
|
var _el$ = _tmpl$$1(), _el$2 = _el$.firstChild;
|
|
84544
|
-
insert$1(_el$2,
|
|
84531
|
+
insert$1(_el$2, tailwind);
|
|
84545
84532
|
insert$1(_el$, createComponent(PatientMedHistory, {
|
|
84546
84533
|
get patientId() {
|
|
84547
84534
|
return props.patientId;
|
|
@@ -84672,7 +84659,7 @@ const Component = (props) => {
|
|
|
84672
84659
|
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$7 = _el$5.nextSibling; _el$7.nextSibling; var _el$8 = _el$3.nextSibling;
|
|
84673
84660
|
var _ref$ = ref;
|
|
84674
84661
|
typeof _ref$ === "function" ? use$1(_ref$, _el$) : ref = _el$;
|
|
84675
|
-
insert$1(_el$2,
|
|
84662
|
+
insert$1(_el$2, tailwind);
|
|
84676
84663
|
addEventListener$1(_el$3, "photon-dialog-alt", handleUnsavedCancel);
|
|
84677
84664
|
addEventListener$1(_el$3, "photon-dialog-canceled", handleUnsavedCancel);
|
|
84678
84665
|
addEventListener$1(_el$3, "photon-dialog-confirmed", handleUnsavedConfirm);
|