@invopop/popui 0.0.25 → 0.0.27

package/dist/BaseTable.svelte

@@ -5,6 +5,7 @@ import BaseCounter from "./BaseCounter.svelte";
 import BaseTableRow from "./BaseTableRow.svelte";
 import BaseTableCell from "./BaseTableCell.svelte";
 import InputCheckbox from "./InputCheckbox.svelte";
+import { isInputFocused } from "./helpers.js";
 const dispatch = createEventDispatcher();
 const callback = (entry) => {
   if (entry.intersectionRatio && entry.isIntersecting) {
@@ -97,95 +98,84 @@ function selectRange(to) {
   const itemsToSelect = flattedData.slice(fromIndex, toIndex + 1);
   selectedRows = [.../* @__PURE__ */ new Set([...selectedRows, ...itemsToSelect])];
 }
-</script>
-
-<svelte:window
-  on:mousemove={() => {
-    selectionMode = 'mouse'
-  }}
-  on:keydown={(event) => {
-    event.preventDefault()
-
-    selectionMode = 'keyboard'
-
-    if (event.key === 'Escape' || event.key === 'Esc') {
-      selectedRows = []
-      lastSelected = {}
+function handleKeydown(event) {
+  if (isInputFocused()) {
+    return;
+  }
+  selectionMode = "keyboard";
+  event.preventDefault();
+  if (event.key === "Escape" || event.key === "Esc") {
+    selectedRows = [];
+    lastSelected = {};
+  }
+  if ((event.code === "Space" || event.key === " ") && lastSelectedIndex >= 0) {
+    toggleRow(lastSelected);
+  }
+  metaKeyPressed = event.metaKey;
+  shiftKeyPressed = event.shiftKey;
+  if (event.key === "Enter") {
+    if (lastSelectedIndex >= 0) {
+      dispatch("rowClick", lastSelected);
     }
-
-    if ((event.code === 'Space' || event.key === ' ') && lastSelectedIndex >= 0) {
-      toggleRow(lastSelected)
+    return;
+  }
+  if (event.key === "Shift") {
+    selectWithArrowPosition = lastSelectedIndex;
+    return;
+  }
+  if (event.key === "ArrowUp") {
+    const toIndex = lastSelectedIndex - 1;
+    const to = flattedData[toIndex];
+    if (!to)
+      return;
+    if (!shiftKeyPressed) {
+      lastSelected = to;
+      return;
     }
-
-    metaKeyPressed = event.metaKey
-    shiftKeyPressed = event.shiftKey
-
-    if (event.key === 'Enter') {
-      if (lastSelectedIndex >= 0) {
-        dispatch('rowClick', lastSelected)
-      }
-      return
+    if (!rowIsSelected(lastSelected)) {
+      selectRow(lastSelected);
     }
-
-    if (event.key === 'Shift') {
-      selectWithArrowPosition = lastSelectedIndex
-      return
+    if (toIndex < selectWithArrowPosition) {
+      selectRow(to);
+    } else {
+      unselectRow(lastSelected);
     }
-
-    if (event.key === 'ArrowUp') {
-      const toIndex = lastSelectedIndex - 1
-      const to = flattedData[toIndex]
-
-      if (!to) return
-
-      if (!shiftKeyPressed) {
-        lastSelected = to
-        return
-      }
-
-      if (!rowIsSelected(lastSelected)) {
-        selectRow(lastSelected)
-      }
-
-      if (toIndex < selectWithArrowPosition) {
-        selectRow(to)
-      } else {
-        unselectRow(lastSelected)
+    lastSelected = to;
+  }
+  if (event.key === "ArrowDown") {
+    if (lastSelectedIndex < 0) {
+      if (shiftKeyPressed) {
+        selectRow(flattedData[0]);
       }
-      lastSelected = to
+      lastSelected = flattedData[0];
+      return;
     }
-
-    if (event.key === 'ArrowDown') {
-      if (lastSelectedIndex < 0) {
-        if (shiftKeyPressed) {
-          selectRow(flattedData[0])
-        }
-        lastSelected = flattedData[0]
-        return
-      }
-
-      const toIndex = lastSelectedIndex + 1
-      const to = flattedData[toIndex]
-
-      if (!to) return
-
-      if (!shiftKeyPressed) {
-        lastSelected = to
-        return
-      }
-
-      if (!rowIsSelected(lastSelected)) {
-        selectRow(lastSelected)
-      }
-
-      if (toIndex > selectWithArrowPosition) {
-        selectRow(to)
-      } else {
-        unselectRow(lastSelected)
-      }
-      lastSelected = to
+    const toIndex = lastSelectedIndex + 1;
+    const to = flattedData[toIndex];
+    if (!to)
+      return;
+    if (!shiftKeyPressed) {
+      lastSelected = to;
+      return;
+    }
+    if (!rowIsSelected(lastSelected)) {
+      selectRow(lastSelected);
     }
+    if (toIndex > selectWithArrowPosition) {
+      selectRow(to);
+    } else {
+      unselectRow(lastSelected);
+    }
+    lastSelected = to;
+  }
+}
+</script>
+
+<svelte:window
+  on:mousemove={() => {
+    selectionMode = 'mouse'
   }}
+  on:keydown={handleKeydown}
   on:keyup={(event) => {
     metaKeyPressed = false
     shiftKeyPressed = false

package/dist/BaseTable.svelte.d.ts

@@ -20,8 +20,8 @@ declare const __propDef: {
         orderBy: CustomEvent<any>;
         action: CustomEvent<any>;
         copied: CustomEvent<any>;
-        rowClick: CustomEvent<any>;
         rowNewTabClick: CustomEvent<any>;
+        rowClick: CustomEvent<any>;
         rowRightClick: CustomEvent<any>;
         tableEndReached: CustomEvent<any>;
     } & {

package/dist/GlobalSearch.svelte

@@ -4,6 +4,7 @@ import { createEventDispatcher, onDestroy, onMount } from "svelte";
 import clsx from "clsx";
 import ShortcutWrapper from "./ShortcutWrapper.svelte";
 import { GLOBAL_SEARCH_KEY } from "./constants.js";
+import { isInputFocused } from "./helpers.js";
 const dispatch = createEventDispatcher();
 export let collapsed = false;
 $:
@@ -14,10 +15,7 @@ function onKeyDown(event) {
   if (event.key !== GLOBAL_SEARCH_KEY) {
     return;
   }
-  const activeElement = document.activeElement;
-  const isInputText = activeElement?.tagName === "INPUT" && ["text", "search"].includes(activeElement.type);
-  const isTextarea = activeElement?.tagName === "TEXTAREA";
-  if (isInputText || isTextarea) {
+  if (isInputFocused()) {
     return;
   }
   open();

package/dist/helpers.d.ts

@@ -6,3 +6,4 @@ export declare function getCountryName(code: string): string | undefined;
 export declare function getStatusType(status: string): FeedItemStatus;
 export declare function getScrollableContainer(element: HTMLElement): HTMLElement | undefined;
 export declare function scrollIntoTableView(element: HTMLElement): void;
+export declare function isInputFocused(): boolean;

package/dist/helpers.js

@@ -73,3 +73,12 @@ export function scrollIntoTableView(element) {
         });
     }
 }
+export function isInputFocused() {
+    const activeElement = document.activeElement;
+    if (!activeElement)
+        return false;
+    const isInputText = activeElement.tagName === 'INPUT' &&
+        ['text', 'search', 'email', 'password', 'url'].includes(activeElement.type);
+    const isTextArea = activeElement.tagName === 'TEXTAREA' || activeElement.isContentEditable;
+    return isInputText || isTextArea;
+}

package/dist/popui.css

@@ -1 +1 @@
-.popui-avatar{position:relative;display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));font-family:Inter,sans-serif;font-weight:600;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-avatar--initial{border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.popui-button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.25rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.07px}.popui-button:disabled{pointer-events:none;opacity:.3}.popui-button--danger{--tw-bg-opacity:1;background-color:rgb(201 45 69/var(--tw-bg-opacity))}.popui-button--danger,.popui-button--primary{border-width:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.popui-button--primary{background-color:var(--workspace-accent-color,#169958)}.popui-button--small{font-size:12px;line-height:16px}.popui-button:hover{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.16)}.popui-button:active{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.32)}.popui-checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.popui-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;color:#2563eb;background-color:#fff;border-color:#6b7280;--tw-shadow:0 0 #0000;border-radius:0}.popui-checkbox-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.popui-checkbox-input:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {.popui-checkbox-input:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:checked:focus,.popui-checkbox-input:checked:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {.popui-checkbox-input:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:indeterminate:focus,.popui-checkbox-input:indeterminate:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input{height:1rem;width:1rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));color:var(--workspace-accent-color,#169958)}.popui-checkbox-input:focus{color:var(--workspace-accent-color,#169958);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-checkbox-label{font-family:Inter,sans-serif;font-size:14px;line-height:20px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-image{height:100%;width:100%;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.popui-input-wrapper{display:flex;flex-direction:column}.popui-input-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-input{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-input:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-input:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-input--error{border-color:rgba(201,45,69,.4)!important;--tw-text-opacity:1!important;color:rgb(201 45 69/var(--tw-text-opacity))!important;caret-color:#c92d45!important;outline:2px solid transparent!important;outline-offset:2px!important}.popui-label{font-family:Inter,sans-serif;font-size:12px;line-height:16px;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-error{display:flex;align-items:center}.popui-error>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.popui-error{background-size:16px 16px;background-position:0;background-repeat:no-repeat;padding-left:20px;font-size:12px;line-height:16px;color:rgb(201 45 69/var(--tw-text-opacity));background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M5MkQ0NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNC41YTYuNSA2LjUgMCAxIDAgMC0xMyA2LjUgNi41IDAgMCAwIDAgMTNtMC01LjE1YS42LjYgMCAwIDEtLjYtLjZ2LTRhLjYuNiAwIDAgMSAxLjIgMHY0YS42LjYgMCAwIDEtLjYuNk04Ljc1IDExYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")}.popui-error,.popui-paragraph{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-paragraph{font-size:14px;line-height:20px;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-title{font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(0 0 0/var(--tw-text-opacity))}.popui-subtitle,.popui-title{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-subtitle{font-size:14px;line-height:20px;font-weight:500;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-info{display:flex;align-items:center;gap:.25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-info-text{flex:1 1 0%}mark,p>code{display:inline-flex;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:.125rem .25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-popover-list{position:absolute;left:0;top:1.75rem;display:none;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.125rem .25rem}[popover]:popover-open+.popui-popover-list{display:block}.popui-popover-list-item{width:100%;border-radius:.25rem;padding:.375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-popover-list-item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}[popover]{inset:unset;width:auto;height:auto;padding:0;background:transparent;border:none;position:fixed;top:0;right:0;pointer-events:none;overlay:none}[popover]:popover-open+.popover-menu{display:block!important}.popui-select-wrapper{display:flex;flex-direction:column}.popui-select-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-select{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem 2.25rem .375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.popui-select:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4PSIyIiB5PSIyIiBmaWxsPSIjRjNGNEY2IiByeD0iNCIvPjxwYXRoIHN0cm9rZT0iIzAzMDcxMiIgc3Ryb2tlLXdpZHRoPSIxLjEiIGQ9Im02LjUgOC4yNSAzLjUgMy41IDMuNS0zLjUiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center right 6px}.popui-select:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-select:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-textarea-wrapper{display:flex;flex-direction:column}.popui-textarea-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-textarea{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-textarea::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-textarea--monospaced{font-family:CommitMono,ui-monospace,Menlo,Monaco,Consolas,Ubuntu Mono,Roboto Mono,DejaVu Sans Mono,monospace!important}.popui-textarea:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-textarea:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-textarea:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}div[contenteditable=true] .tag{display:inline-flex;padding:2px 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb;pointer-events:none;color:#030712;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.popui-container-config{display:flex;flex-direction:column;gap:.5rem;padding:.125rem}.popui-form-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-prose{color:var(--tw-prose-body);max-width:65ch}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.popui-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.popui-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.popui-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.popui-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.popui-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.popui-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.popui-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.popui-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.popui-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.popui-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.popui-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.popui-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.popui-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.popui-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.popui-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.popui-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.popui-prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.popui-prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.popui-prose{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-kbd:#0f172a;--tw-prose-kbd-shadows:15 23 42;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155;margin-left:auto;margin-right:auto}@media (min-width:1024px){.popui-prose{font-size:1.125rem;line-height:1.7777778}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(.lg\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.popui-prose :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}.popui-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.popui-tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;border-width:1px;border-color:rgba(2,144,98,.2);background-color:rgba(2,144,98,.1);padding:.25rem 5px .25rem .375rem;font-size:12px;line-height:16px;font-weight:500;--tw-numeric-figure:lining-nums;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(2 144 98/var(--tw-text-opacity))}.popui-tag-button{color:rgba(2,144,98,.3)}[x-cloak]{display:none!important}
+.popui-avatar{position:relative;display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));font-family:Inter,sans-serif;font-weight:600;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-avatar--initial{border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.popui-button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.25rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.07px}.popui-button:disabled{pointer-events:none;opacity:.3}.popui-button--danger{--tw-bg-opacity:1;background-color:rgb(201 45 69/var(--tw-bg-opacity))}.popui-button--danger,.popui-button--primary{border-width:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.popui-button--primary{background-color:var(--workspace-accent-color,#169958)}.popui-button--small{font-size:12px;line-height:16px}.popui-button:hover{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.16)}.popui-button:active{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.32)}.popui-checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.popui-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;color:#2563eb;background-color:#fff;border-color:#6b7280;--tw-shadow:0 0 #0000;border-radius:0}.popui-checkbox-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.popui-checkbox-input:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {.popui-checkbox-input:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:checked:focus,.popui-checkbox-input:checked:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {.popui-checkbox-input:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:indeterminate:focus,.popui-checkbox-input:indeterminate:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input{height:1rem;width:1rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));color:var(--workspace-accent-color,#169958)}.popui-checkbox-input:focus{color:var(--workspace-accent-color,#169958);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-checkbox-label{font-family:Inter,sans-serif;font-size:14px;line-height:20px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-image{height:100%;width:100%;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.popui-input-wrapper{display:flex;flex-direction:column}.popui-input-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-input{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-input:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-input:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-input--error{border-color:rgba(201,45,69,.4)!important;--tw-text-opacity:1!important;color:rgb(201 45 69/var(--tw-text-opacity))!important;caret-color:#c92d45!important;outline:2px solid transparent!important;outline-offset:2px!important}.popui-label{font-family:Inter,sans-serif;font-size:12px;line-height:16px;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-error{display:flex;align-items:center}.popui-error>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.popui-error{background-size:16px 16px;background-position:0;background-repeat:no-repeat;padding-left:20px;font-size:12px;line-height:16px;color:rgb(201 45 69/var(--tw-text-opacity));background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M5MkQ0NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNC41YTYuNSA2LjUgMCAxIDAgMC0xMyA2LjUgNi41IDAgMCAwIDAgMTNtMC01LjE1YS42LjYgMCAwIDEtLjYtLjZ2LTRhLjYuNiAwIDAgMSAxLjIgMHY0YS42LjYgMCAwIDEtLjYuNk04Ljc1IDExYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")}.popui-error,.popui-paragraph{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-paragraph{font-size:14px;line-height:20px;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-title{font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(0 0 0/var(--tw-text-opacity))}.popui-subtitle,.popui-title{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-subtitle{font-size:14px;line-height:20px;font-weight:500;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-info{display:flex;align-items:center;gap:.25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-info-text{flex:1 1 0%}mark,p>code{display:inline-flex;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:.125rem .25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-popover-list{position:absolute;left:0;top:1.75rem;display:none;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.125rem .25rem}[popover]:popover-open+.popui-popover-list{display:block}.popui-popover-list-item{width:100%;border-radius:.25rem;padding:.375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-popover-list-item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}[popover]{inset:unset;width:auto;height:auto;padding:0;background:transparent;border:none;position:fixed;top:0;right:0;pointer-events:none;overlay:none}[popover]:popover-open+.popover-menu{display:block!important}.popui-select-wrapper{display:flex;flex-direction:column}.popui-select-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-select{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem 2.25rem .375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.popui-select:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4PSIyIiB5PSIyIiBmaWxsPSIjRjNGNEY2IiByeD0iNCIvPjxwYXRoIHN0cm9rZT0iIzAzMDcxMiIgc3Ryb2tlLXdpZHRoPSIxLjEiIGQ9Im02LjUgOC4yNSAzLjUgMy41IDMuNS0zLjUiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center right 6px}.popui-select:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-select:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-textarea-wrapper{display:flex;flex-direction:column}.popui-textarea-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-textarea{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-textarea::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-textarea--monospaced{font-family:CommitMono,ui-monospace,Menlo,Monaco,Consolas,Ubuntu Mono,Roboto Mono,DejaVu Sans Mono,monospace!important}.popui-textarea:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-textarea:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-textarea:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}div[contenteditable=true] .tag{display:inline-flex;padding:2px 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb;pointer-events:none;color:#030712;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.popui-container-config{display:flex;flex-direction:column;gap:.5rem;padding:.125rem}.popui-form-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-prose{color:var(--tw-prose-body);max-width:65ch}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.popui-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.popui-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.popui-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.popui-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.popui-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.popui-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.popui-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.popui-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.popui-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.popui-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.popui-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.popui-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.popui-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.popui-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.popui-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.popui-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.popui-prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.popui-prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.popui-prose{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-kbd:#0f172a;--tw-prose-kbd-shadows:15 23 42;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155;margin-left:auto;margin-right:auto}@media (min-width:1024px){.popui-prose{font-size:1.125rem;line-height:1.7777778}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(.lg\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.popui-prose :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}.popui-divider{border-bottom:1px solid transparent;-o-border-image:repeating-linear-gradient(90deg,#e5e7eb,#e5e7eb 3px,transparent 0,transparent 7px);border-image:repeating-linear-gradient(90deg,#e5e7eb,#e5e7eb 3px,transparent 0,transparent 7px);border-image-slice:1}.popui-table{font-family:Inter,sans-serif;font-size:14px;line-height:20px}.popui-table>td{padding-right:1.25rem}.popui-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.popui-tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;border-width:1px;border-color:rgba(2,144,98,.2);background-color:rgba(2,144,98,.1);padding:.25rem 5px .25rem .375rem;font-size:12px;line-height:16px;font-weight:500;--tw-numeric-figure:lining-nums;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(2 144 98/var(--tw-text-opacity))}.popui-tag-button{color:rgba(2,144,98,.3)}[x-cloak]{display:none!important}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run package",