@budibase/bbui 1.58.13 → 2.0.0

package/src/helpers.js

@@ -0,0 +1,134 @@
+/**
+ * Generates a DOM safe UUID.
+ * Starting with a letter is important to make it DOM safe.
+ * @return {string} a random DOM safe UUID
+ */
+export function uuid() {
+  return "cxxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx".replace(/[xy]/g, c => {
+    const r = (Math.random() * 16) | 0
+    const v = c === "x" ? r : (r & 0x3) | 0x8
+    return v.toString(16)
+  })
+}
+
+/**
+ * Capitalises a string
+ * @param string the string to capitalise
+ * @return {string} the capitalised string
+ */
+export const capitalise = string => {
+  if (!string) {
+    return string
+  }
+  return string.substring(0, 1).toUpperCase() + string.substring(1)
+}
+
+/**
+ * Computes a short hash of a string
+ * @param string the string to compute a hash of
+ * @return {string} the hash string
+ */
+export const hashString = string => {
+  if (!string) {
+    return "0"
+  }
+  let hash = 0
+  for (let i = 0; i < string.length; i++) {
+    let char = string.charCodeAt(i)
+    hash = (hash << 5) - hash + char
+    hash = hash & hash // Convert to 32bit integer
+  }
+  return hash.toString()
+}
+
+/**
+ * Gets a key within an object. The key supports dot syntax for retrieving deep
+ * fields - e.g. "a.b.c".
+ * Exact matches of keys with dots in them take precedence over nested keys of
+ * the same path - e.g. getting "a.b" from { "a.b": "foo", a: { b: "bar" } }
+ * will return "foo" over "bar".
+ * @param obj the object
+ * @param key the key
+ * @return {*|null} the value or null if a value was not found for this key
+ */
+export const deepGet = (obj, key) => {
+  if (!obj || !key) {
+    return null
+  }
+  if (Object.prototype.hasOwnProperty.call(obj, key)) {
+    return obj[key]
+  }
+  const split = key.split(".")
+  for (let i = 0; i < split.length; i++) {
+    obj = obj?.[split[i]]
+  }
+  return obj
+}
+
+/**
+ * Sets a key within an object. The key supports dot syntax for retrieving deep
+ * fields - e.g. "a.b.c".
+ * Exact matches of keys with dots in them take precedence over nested keys of
+ * the same path - e.g. setting "a.b" of { "a.b": "foo", a: { b: "bar" } }
+ * will override the value "foo" rather than "bar".
+ * If a deep path is specified and the parent keys don't exist then these will
+ * be created.
+ * @param obj the object
+ * @param key the key
+ * @param value the value
+ */
+export const deepSet = (obj, key, value) => {
+  if (!obj || !key) {
+    return
+  }
+  if (Object.prototype.hasOwnProperty.call(obj, key)) {
+    obj[key] = value
+    return
+  }
+  const split = key.split(".")
+  for (let i = 0; i < split.length - 1; i++) {
+    const nextKey = split[i]
+    if (obj && obj[nextKey] == null) {
+      obj[nextKey] = {}
+    }
+    obj = obj?.[nextKey]
+  }
+  if (!obj) {
+    return
+  }
+  obj[split[split.length - 1]] = value
+}
+
+/**
+ * Deeply clones an object. Functions are not supported.
+ * @param obj the object to clone
+ */
+export const cloneDeep = obj => {
+  return JSON.parse(JSON.stringify(obj))
+}
+
+/**
+ * Copies a value to the clipboard
+ * @param value the value to copy
+ */
+export const copyToClipboard = value => {
+  return new Promise(res => {
+    if (navigator.clipboard && window.isSecureContext) {
+      // Try using the clipboard API first
+      navigator.clipboard.writeText(value).then(res)
+    } else {
+      // Fall back to the textarea hack
+      let textArea = document.createElement("textarea")
+      textArea.value = value
+      textArea.style.position = "fixed"
+      textArea.style.left = "-9999px"
+      textArea.style.top = "-9999px"
+      document.body.appendChild(textArea)
+      textArea.focus()
+      textArea.select()
+      document.execCommand("copy")
+      textArea.remove()
+      res()
+    }
+  })
+}

package/src/index.js

@@ -1,47 +1,102 @@
-// Single default export
+import "./bbui.css"
 
-// export { default as default } from './Component.svelte';
-
-// OR multiple named exports
-//
-//     import { Foo, Bar } from 'my-lib'
-//
+// Spectrum icons
+import "@spectrum-css/icon/dist/index-vars.css"
 
 // Components
-export { default as Input } from "./Form/Input.svelte";
-export { default as TextArea } from "./Form/TextArea.svelte";
-export { default as RichText } from "./Form/RichText.svelte";
-export { default as Select } from "./Form/Select.svelte";
-export { default as DataList } from "./Form/DataList.svelte";
-export { default as Dropzone } from "./Dropzone/Dropzone.svelte";
-export { default as Drawer } from "./Drawer/Drawer.svelte";
-export { default as Button } from "./Button/Button.svelte";
-export { default as Icon, iconOptions, directions } from "./Icons/Icon.svelte";
-export { default as TextButton } from "./Button/TextButton.svelte";
-export { default as Toggle } from "./Form/Toggle.svelte";
-export { default as Radio } from "./Form/Radio.svelte";
-export { default as Checkbox } from "./Form/Checkbox.svelte";
-export { default as Home } from "./Links/Home.svelte";
-export { default as DetailSummary } from "./List/Items/DetailSummary.svelte";
-export { default as Switcher } from "./Switcher/Switcher.svelte";
-export { default as DropdownMenu } from "./DropdownMenu/DropdownMenu.svelte";
-export { default as Popover } from "./Popover/Popover.svelte";
-export { default as Body } from "./Styleguide/Body.svelte";
-export { default as Heading } from "./Styleguide/Heading.svelte";
-export { default as Label } from "./Styleguide/Label.svelte";
-export { default as Close } from "./Button/Close.svelte";
-export { default as Modal } from "./Modal/Modal.svelte";
-export { default as ModalContent } from "./Modal/ModalContent.svelte";
-export { default as Spacer } from "./Spacer/Spacer.svelte";
-export { default as DatePicker } from "./DatePicker/DatePicker.svelte";
-export { default as Multiselect } from "./Form/Multiselect.svelte";
-export { default as Slider } from "./Form/Slider.svelte";
-export { default as Context } from "./context";
+export { default as Input } from "./Form/Input.svelte"
+export { default as Stepper } from "./Form/Stepper.svelte"
+export { default as TextArea } from "./Form/TextArea.svelte"
+export { default as Select } from "./Form/Select.svelte"
+export { default as Combobox } from "./Form/Combobox.svelte"
+export { default as Dropzone } from "./Form/Dropzone.svelte"
+export { default as Drawer } from "./Drawer/Drawer.svelte"
+export { default as DrawerContent } from "./Drawer/DrawerContent.svelte"
+export { default as Avatar } from "./Avatar/Avatar.svelte"
+export { default as ActionButton } from "./ActionButton/ActionButton.svelte"
+export { default as ActionGroup } from "./ActionGroup/ActionGroup.svelte"
+export { default as ActionMenu } from "./ActionMenu/ActionMenu.svelte"
+export { default as Button } from "./Button/Button.svelte"
+export { default as ButtonGroup } from "./ButtonGroup/ButtonGroup.svelte"
+export { default as ClearButton } from "./ClearButton/ClearButton.svelte"
+export { default as Icon, directions } from "./Icon/Icon.svelte"
+export { default as IconAvatar } from "./Icon/IconAvatar.svelte"
+export { default as Toggle } from "./Form/Toggle.svelte"
+export { default as RadioGroup } from "./Form/RadioGroup.svelte"
+export { default as Checkbox } from "./Form/Checkbox.svelte"
+export { default as InputDropdown } from "./Form/InputDropdown.svelte"
+export { default as PickerDropdown } from "./Form/PickerDropdown.svelte"
+export { default as DetailSummary } from "./DetailSummary/DetailSummary.svelte"
+export { default as Popover } from "./Popover/Popover.svelte"
+export { default as ProgressBar } from "./ProgressBar/ProgressBar.svelte"
+export { default as ProgressCircle } from "./ProgressCircle/ProgressCircle.svelte"
+export { default as Label } from "./Label/Label.svelte"
+export { default as Layout } from "./Layout/Layout.svelte"
+export { default as Page } from "./Layout/Page.svelte"
+export { default as Link } from "./Link/Link.svelte"
+export { default as Tooltip } from "./Tooltip/Tooltip.svelte"
+export { default as TooltipWrapper } from "./Tooltip/TooltipWrapper.svelte"
+export { default as Menu } from "./Menu/Menu.svelte"
+export { default as MenuSection } from "./Menu/Section.svelte"
+export { default as MenuSeparator } from "./Menu/Separator.svelte"
+export { default as MenuItem } from "./Menu/Item.svelte"
+export { default as Modal } from "./Modal/Modal.svelte"
+export { default as ModalContent } from "./Modal/ModalContent.svelte"
+export { default as NotificationDisplay } from "./Notification/NotificationDisplay.svelte"
+export { default as Notification } from "./Notification/Notification.svelte"
+export { default as SideNavigation } from "./SideNavigation/Navigation.svelte"
+export { default as SideNavigationItem } from "./SideNavigation/Item.svelte"
+export { default as DatePicker } from "./Form/DatePicker.svelte"
+export { default as Multiselect } from "./Form/Multiselect.svelte"
+export { default as Context } from "./context"
+export { default as Table } from "./Table/Table.svelte"
+export { default as Tabs } from "./Tabs/Tabs.svelte"
+export { default as Tab } from "./Tabs/Tab.svelte"
+export { default as Tags } from "./Tags/Tags.svelte"
+export { default as Tag } from "./Tags/Tag.svelte"
+export { default as TreeView } from "./TreeView/Tree.svelte"
+export { default as TreeItem } from "./TreeView/Item.svelte"
+export { default as Divider } from "./Divider/Divider.svelte"
+export { default as Search } from "./Form/Search.svelte"
+export { default as Pagination } from "./Pagination/Pagination.svelte"
+export { default as Badge } from "./Badge/Badge.svelte"
+export { default as StatusLight } from "./StatusLight/StatusLight.svelte"
+export { default as ColorPicker } from "./ColorPicker/ColorPicker.svelte"
+export { default as IconPicker } from "./IconPicker/IconPicker.svelte"
+export { default as InlineAlert } from "./InlineAlert/InlineAlert.svelte"
+export { default as Banner } from "./Banner/Banner.svelte"
+export { default as BannerDisplay } from "./Banner/BannerDisplay.svelte"
+export { default as MarkdownEditor } from "./Markdown/MarkdownEditor.svelte"
+export { default as MarkdownViewer } from "./Markdown/MarkdownViewer.svelte"
+export { default as RichTextField } from "./Form/RichTextField.svelte"
+export { default as List } from "./List/List.svelte"
+export { default as ListItem } from "./List/ListItem.svelte"
+export { default as IconSideNav } from "./IconSideNav/IconSideNav.svelte"
+export { default as IconSideNavItem } from "./IconSideNav/IconSideNavItem.svelte"
+export { default as Slider } from "./Form/Slider.svelte"
+
+// Renderers
+export { default as BoldRenderer } from "./Table/BoldRenderer.svelte"
+export { default as CodeRenderer } from "./Table/CodeRenderer.svelte"
+export { default as InternalRenderer } from "./Table/InternalRenderer.svelte"
+
+// Typography
+export { default as Body } from "./Typography/Body.svelte"
+export { default as Heading } from "./Typography/Heading.svelte"
+export { default as Detail } from "./Typography/Detail.svelte"
+export { default as Code } from "./Typography/Code.svelte"
+
+// Core form components to be used elsewhere (standard components)
+export * from "./Form/Core"
 
 // Actions
-export { default as autoResizeTextArea } from "./Actions/autoresize_textarea";
-export { default as positionDropdown } from "./Actions/position_dropdown";
-export { default as clickOutside } from "./Actions/click_outside";
+export { default as autoResizeTextArea } from "./Actions/autoresize_textarea"
+export { default as positionDropdown } from "./Actions/position_dropdown"
+export { default as clickOutside } from "./Actions/click_outside"
 
 // Stores
-export { notifications } from "./Stores/notifications";
+export { notifications, createNotificationStore } from "./Stores/notifications"
+export { banner, BANNER_TYPES } from "./Stores/banner"
+
+// Helpers
+export * as Helpers from "./helpers"

package/src/spectrum-icons-rollup.js

@@ -0,0 +1,31 @@
+import SpectrumUIIcons from "@spectrum-css/icon/dist/spectrum-css-icons.svg"
+import SpectrumWorkflowIcons from "@adobe/spectrum-css-workflow-icons/dist/spectrum-icons.svg"
+
+export default () => {
+  loadIconSet("Spectrum UI Icons", SpectrumUIIcons)
+  loadIconSet("Spectrum Workflow Icons", SpectrumWorkflowIcons)
+}
+
+const loadIconSet = (name, markup) => {
+  // Parse the SVG
+  const parser = new DOMParser()
+  try {
+    const doc = parser.parseFromString(markup, "image/svg+xml")
+    const svg = doc.firstChild
+
+    // Check a real SVG was parsed
+    if (svg && svg.tagName === "svg") {
+      // Hide the element
+      svg.style.display = "none"
+
+      // Insert it into the head
+      document.head.insertBefore(svg, null)
+    } else {
+      throw "Invalid tag type for SVG definition"
+    }
+  } catch (err) {
+    // Swallow error, but icons won't work
+    console.error(err)
+    console.error(`Failed to parse ${name}. Icons won't work.`)
+  }
+}

package/src/spectrum-icons-vite.js

@@ -0,0 +1,31 @@
+import SpectrumUIIcons from "@spectrum-css/icon/dist/spectrum-css-icons.svg?raw"
+import SpectrumWorkflowIcons from "@adobe/spectrum-css-workflow-icons/dist/spectrum-icons.svg?raw"
+
+export default () => {
+  loadIconSet("Spectrum UI Icons", SpectrumUIIcons)
+  loadIconSet("Spectrum Workflow Icons", SpectrumWorkflowIcons)
+}
+
+const loadIconSet = (name, markup) => {
+  // Parse the SVG
+  const parser = new DOMParser()
+  try {
+    const doc = parser.parseFromString(markup, "image/svg+xml")
+    const svg = doc.firstChild
+
+    // Check a real SVG was parsed
+    if (svg && svg.tagName === "svg") {
+      // Hide the element
+      svg.style.display = "none"
+
+      // Insert it into the head
+      document.head.insertBefore(svg, null)
+    } else {
+      throw "Invalid tag type for SVG definition"
+    }
+  } catch (err) {
+    // Swallow error, but icons won't work
+    console.error(err)
+    console.error(`Failed to parse ${name}. Icons won't work.`)
+  }
+}

package/dist/dist/bundle.css

@@ -1,42 +0,0 @@
-button.svelte-1iv2rn5,a.svelte-1iv2rn5{font-family:var(--font-sans);cursor:pointer;font-weight:600;box-sizing:border-box;overflow:hidden;border-radius:var(--border-radius-s);color:white;padding:var(--spacing-s) var(--spacing-l);transition:all 0.2s ease 0s;display:inline-flex;text-rendering:optimizeLegibility;text-decoration:none;min-width:auto;outline:none;font-feature-settings:"case" 1, "rlig" 1, "calt" 0;-webkit-box-align:center;user-select:none;flex-shrink:0;align-items:center;justify-content:center;margin:0;border-width:2px;border-style:solid;border-color:transparent}.primary.svelte-1iv2rn5{color:var(--background);border-color:var(--ink);background-color:var(--ink)}button.primary.svelte-1iv2rn5:hover:not([disabled]){background-color:var(--background);color:var(--ink)}.secondary.svelte-1iv2rn5{border-color:var(--grey-4);background-color:var(--background);color:var(--grey-8);font-weight:500}button.secondary.svelte-1iv2rn5:hover:not([disabled]){background-color:var(--grey-2);color:var(--ink)}.translucent.svelte-1iv2rn5{border-color:rgba(0, 0, 0, 0.1);background-color:rgba(255, 255, 255, 0.1);color:var(--grey-6);font-weight:500}button.translucent.svelte-1iv2rn5:hover:not([disabled]){background-color:var(--grey-2);color:var(--ink)}.blue.svelte-1iv2rn5{background-color:var(--blue);border-color:var(--blue)}button.blue.svelte-1iv2rn5:hover:not([disabled]){background-color:var(--blue-light);color:var(--blue)}.red.svelte-1iv2rn5{border-color:var(--red);background-color:var(--red);color:white}button.red.svelte-1iv2rn5:hover:not([disabled]){background-color:var(--red-light);color:var(--red)}.yellow.svelte-1iv2rn5{border-color:var(--yellow);background-color:var(--yellow);color:white}button.yellow.svelte-1iv2rn5:hover:not([disabled]){background-color:var(--yellow-light);color:var(--yellow)}.orange.svelte-1iv2rn5{border-color:var(--orange);background-color:var(--orange);color:white}button.orange.svelte-1iv2rn5:hover:not([disabled]){background-color:var(--orange-light);color:var(--orange)}.green.svelte-1iv2rn5{border-color:var(--green);background-color:var(--green);color:white}button.green.svelte-1iv2rn5:hover:not([disabled]){background-color:var(--green-light);color:var(--green)}.purple.svelte-1iv2rn5{border-color:var(--purple);background-color:var(--purple);color:white}button.purple.svelte-1iv2rn5:hover:not([disabled]){background-color:var(--purple-light);color:var(--purple)}.text.svelte-1iv2rn5{background-color:transparent;color:var(--grey-7);border:none;padding:0;font-weight:500}button.text.svelte-1iv2rn5:hover:not([disabled]){color:var(--ink)}button.text.svelte-1iv2rn5:active:not([disabled]){color:var(--blue)}.small.svelte-1iv2rn5{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-m)}.medium.svelte-1iv2rn5{font-size:var(--font-size-m);padding:var(--spacing-s) var(--spacing-l)}.large.svelte-1iv2rn5{font-size:var(--font-size-l);padding:var(--spacing-m) var(--layout-l)}.wide.svelte-1iv2rn5{width:100%;display:flex}button.svelte-1iv2rn5:disabled{background-color:var(--grey-4);cursor:not-allowed;border-color:var(--grey-4);color:var(--grey-5)}
-button.svelte-yiibgo{display:block;box-sizing:border-box;position:absolute;font-size:var(--font-size-l);z-index:1000;top:var(--spacing-l);right:var(--spacing-l);margin:0;padding:0;width:1.5rem;height:1.5rem;border:0;color:black;border-radius:var(--border-radius-xl);background:white;transition:transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),
-      background 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);-webkit-appearance:none;outline:none}button.svelte-yiibgo:hover{background-color:var(--grey-2);cursor:pointer}button.svelte-yiibgo:active{background-color:var(--grey-4);cursor:pointer}.small.svelte-yiibgo{font-size:var(--font-size-m);line-height:110%;width:1.3rem;height:1.3rem}.dark.svelte-yiibgo{color:white;background:black}.dark.svelte-yiibgo:hover{background-color:var(--grey-8);cursor:pointer}.dark.svelte-yiibgo:active{background-color:var(--grey-9);cursor:pointer}
-button.svelte-e34rx5,a.svelte-e34rx5{font-family:var(--font-sans);cursor:pointer;font-weight:600;box-sizing:border-box;overflow:hidden;transition:all 0.08s ease 0s;display:inline-flex;align-items:center;text-rendering:optimizeLegibility;text-decoration:none;outline:none;-webkit-box-align:center;user-select:none;margin:0;padding:0}.text.svelte-e34rx5{background-color:transparent;color:var(--grey-7);border:none;font-weight:500}button.text.svelte-e34rx5:hover:not([disabled]){color:var(--ink)}button.text.svelte-e34rx5:active:not([disabled]){color:var(--blue)}button.text.active.svelte-e34rx5:not([disabled]){color:var(--blue)}button.text.svelte-e34rx5:disabled{cursor:not-allowed;color:var(--grey-4)}.blue.svelte-e34rx5{color:var(--blue)}.green.svelte-e34rx5{color:var(--green)}.red.svelte-e34rx5{color:var(--red)}.purple.svelte-e34rx5{color:var(--purple)}.yellow.svelte-e34rx5{color:var(--yellow)}.orange.svelte-e34rx5{color:var(--orange)}.small.svelte-e34rx5{font-size:var(--font-size-xs);margin:0}.medium.svelte-e34rx5{font-size:var(--font-size-s);margin:0}.large.svelte-e34rx5{font-size:var(--font-size-m);margin:0}
-.flatpickr-input{width:100%;min-width:0;box-sizing:border-box;color:var(--ink);border-radius:5px;border:none;background-color:var(--grey-2);padding:var(--spacing-m);font-size:var(--font-size-s);margin:0;outline:none;border:var(--border-transparent)}.flatpickr-input:focus{border:var(--border-blue)}div.thin.svelte-1le7hs .flatpickr-input{font-size:var(--font-size-xs)}
-.drawer.svelte-1ptx7mb{position:absolute;bottom:0;left:260px;width:calc(100% - 520px);background:var(--background);border:var(--border-light);z-index:2}header.svelte-1ptx7mb{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-light);padding:var(--spacing-m)}.controls.svelte-1ptx7mb{display:grid;grid-auto-flow:column;grid-gap:var(--spacing-m);align-items:center}.close.svelte-1ptx7mb{font-size:var(--font-size-xl);cursor:pointer}.title.svelte-1ptx7mb{font-weight:bold;margin-right:var(--spacing-m)}.text.svelte-1ptx7mb{display:flex}
-.menu-container.svelte-hfi790{position:fixed;margin-top:var(--spacing-xs);outline:none;box-sizing:border-box;opacity:0;min-width:200px;z-index:2;color:var(--ink);font-weight:400;height:fit-content !important;border:var(--border-dark);border-radius:var(--border-radius-m);transform:scale(0);transition:opacity 0.13s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);overflow-y:auto;background:var(--background);box-shadow:0 5px 12px rgba(0, 0, 0, 0.15)}.open.svelte-hfi790{transform:scale(1);opacity:1}
-.dropzone.svelte-jpi0dm.svelte-jpi0dm{padding:var(--spacing-l);border:2px dashed var(--grey-4);text-align:center;display:flex;align-items:center;flex-direction:column;border-radius:10px;transition:all 0.3s}.fileDragged.svelte-jpi0dm.svelte-jpi0dm{border:2px dashed var(--grey-7);background:var(--blue-light)}input[type="file"].svelte-jpi0dm.svelte-jpi0dm{display:none}label.svelte-jpi0dm.svelte-jpi0dm{font-family:var(--font-sans);font-size:var(--font-size-s);cursor:pointer;overflow:hidden;color:var(--grey-7);text-rendering:optimizeLegibility;min-width:auto;outline:none;font-feature-settings:"case" 1, "rlig" 1, "calt" 0;-webkit-box-align:center;flex-shrink:0;align-items:center;justify-content:center;width:100%;text-decoration:underline}.drop.svelte-jpi0dm.svelte-jpi0dm{font-family:var(--font-sans);font-size:var(--font-size-s);margin:12px 0}div.nav.svelte-jpi0dm.svelte-jpi0dm{padding:var(--spacing-xs);position:absolute;display:flex;align-items:center;bottom:var(--spacing-s);border-radius:5px;transition:0.2s transform}.nav.svelte-jpi0dm.svelte-jpi0dm:hover{cursor:pointer;color:var(--blue)}.left.svelte-jpi0dm.svelte-jpi0dm{left:var(--spacing-s)}.right.svelte-jpi0dm.svelte-jpi0dm{right:var(--spacing-s)}li.svelte-jpi0dm.svelte-jpi0dm{position:relative;height:300px;background:var(--grey-7);display:flex;justify-content:center;border-radius:10px}img.svelte-jpi0dm.svelte-jpi0dm{border-radius:10px;width:100%;box-shadow:0 var(--spacing-s) 12px rgba(0, 0, 0, 0.15);object-fit:contain}i.svelte-jpi0dm.svelte-jpi0dm{font-size:2rem;color:var(--ink)}i.svelte-jpi0dm.svelte-jpi0dm:hover{cursor:pointer;color:var(--background)}.file-icon.svelte-jpi0dm.svelte-jpi0dm{color:var(--background);font-size:2em;margin-right:var(--spacing-s)}ul.svelte-jpi0dm.svelte-jpi0dm{padding:0;display:grid;grid-gap:var(--spacing-s);list-style-type:none;width:100%}header.svelte-jpi0dm.svelte-jpi0dm{display:flex;align-items:center;justify-content:space-between;position:absolute;background:linear-gradient(
-      180deg,
-      rgb(255, 255, 255),
-      rgba(255, 255, 255, 0)
-    );width:100%;border-top-left-radius:10px;border-top-right-radius:10px;height:60px}header.svelte-jpi0dm>div.svelte-jpi0dm{color:var(--ink);display:flex;align-items:center;font-size:12px;margin-left:var(--spacing-m);width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.filename.svelte-jpi0dm.svelte-jpi0dm{overflow:hidden;margin-left:5px;text-overflow:ellipsis}header.svelte-jpi0dm>p.svelte-jpi0dm{color:var(--grey-5);margin-right:var(--spacing-m)}.delete-button.svelte-jpi0dm.svelte-jpi0dm{position:absolute;top:var(--spacing-s);right:var(--spacing-s);padding:var(--spacing-s);border-radius:10px;transition:all 0.3s}.delete-button.svelte-jpi0dm i.svelte-jpi0dm{font-size:2em;color:var(--ink)}.delete-button.svelte-jpi0dm.svelte-jpi0dm:hover{cursor:pointer;color:var(--red)}
-.container.svelte-1yyuj1f.svelte-1yyuj1f{display:flex;gap:var(--spacing-s)}.checkbox-container.svelte-1yyuj1f.svelte-1yyuj1f{position:relative;z-index:0}.checkbox.svelte-1yyuj1f.svelte-1yyuj1f{display:none}.check-div.svelte-1yyuj1f.svelte-1yyuj1f{position:relative;width:20px;height:20px;background-color:var(--grey-2);cursor:pointer;transition:0.2s ease transform, 0.2s ease background-color,
-        0.2s ease box-shadow;overflow:hidden;border-radius:4px}.check-div.svelte-1yyuj1f.svelte-1yyuj1f:before{content:"";position:absolute;top:50%;right:0;left:0;width:12px;height:12px;margin:0 auto;background-color:var(--background);transform:translateY(-50%);transition:0.2s ease width, 0.2s ease height;border-radius:2px}.check-div.svelte-1yyuj1f.svelte-1yyuj1f:active{transform:translateY(-50%) scale(0.9)}.tick_mark.svelte-1yyuj1f.svelte-1yyuj1f{position:absolute;top:50%;left:6px;width:5px;height:4px;margin:0 auto;transform:rotateZ(-40deg)}.tick_mark.svelte-1yyuj1f.svelte-1yyuj1f:before,.tick_mark.svelte-1yyuj1f.svelte-1yyuj1f:after{content:"";position:absolute;background-color:var(--ink);border-radius:2px;opacity:0;transition:0.2s ease transform, 0.2s ease opacity}.tick_mark.svelte-1yyuj1f.svelte-1yyuj1f:before{left:0;bottom:0;width:2px;height:6px;box-shadow:-2px 0 5px rgba(0, 0, 0, 0.23);transform:translateY(-68px)}.tick_mark.svelte-1yyuj1f.svelte-1yyuj1f:after{left:0;bottom:0;width:12px;height:2px;box-shadow:0 3px 5px rgba(0, 0, 0, 0.23);transform:translateX(78px)}.check-div.disabled.svelte-1yyuj1f.svelte-1yyuj1f:active{transform:none}.checked.svelte-1yyuj1f.svelte-1yyuj1f{background-color:var(--grey-2)}.checked.disabled.svelte-1yyuj1f.svelte-1yyuj1f{background-color:var(--grey-5)}.checked.svelte-1yyuj1f.svelte-1yyuj1f:before{width:0;height:0}.checked.svelte-1yyuj1f .tick_mark.svelte-1yyuj1f:before,.checked.svelte-1yyuj1f .tick_mark.svelte-1yyuj1f:after{transform:translate(0);opacity:1}
-.container.svelte-5p8x7f{position:relative !important;display:block;border-radius:var(--border-radius-s);border:var(--border-transparent);background-color:var(--background)}.container.outline.svelte-5p8x7f{border:var(--border-dark)}.container.focus.svelte-5p8x7f{border:var(--border-blue)}input.svelte-5p8x7f,select.svelte-5p8x7f{border-radius:var(--border-radius-s);font-size:var(--font-size-m);outline:none;border:none;color:var(--ink);text-align:left;background-color:transparent}select.svelte-5p8x7f{display:block !important;width:100% !important;padding:var(--spacing-m) 2rem var(--spacing-m) var(--spacing-m);appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;align-items:center;white-space:pre;opacity:0}input.svelte-5p8x7f{position:absolute;top:0;left:0;width:calc(100% - 30px);height:100%;border:none;box-sizing:border-box;padding:var(--spacing-m) 0 var(--spacing-m) var(--spacing-m)}select.thin.svelte-5p8x7f,input.thin.svelte-5p8x7f{font-size:var(--font-size-xs)}select.extraThin.svelte-5p8x7f,input.extraThin.svelte-5p8x7f{font-size:var(--font-size-xs);padding:var(--spacing-s) 0 var(--spacing-s) var(--spacing-m)}.secondary.svelte-5p8x7f{background:var(--grey-2)}select.svelte-5p8x7f:disabled,input.svelte-5p8x7f:disabled,.disabled.svelte-5p8x7f{background:var(--grey-4);color:var(--grey-6)}.pointer.svelte-5p8x7f{right:0 !important;top:0 !important;bottom:0 !important;position:absolute !important;pointer-events:none !important;align-items:center !important;display:flex !important;box-sizing:border-box}.editable-pointer.svelte-5p8x7f{border-style:solid;border-width:0 0 0 1px;border-color:var(--grey-4);padding-left:var(--spacing-xs)}.editable-pointer.svelte-5p8x7f svg{margin-right:var(--spacing-xs);fill:var(--ink)
-  }
-.container.svelte-1kqubms{min-width:0;display:flex;flex-direction:column}.label-container.svelte-1kqubms{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-s)}.label-container.svelte-1kqubms label{margin-bottom:0}.controls.svelte-1kqubms{align-items:center;display:grid;grid-template-columns:auto auto;grid-gap:12px;margin-left:auto;padding-left:12px}.controls.svelte-1kqubms button{min-width:100px;font-size:var(--font-size-s);border-radius:var(--rounded-small)}input.svelte-1kqubms{min-width:0;box-sizing:border-box;color:var(--ink);font-size:var(--font-size-s);border-radius:var(--border-radius-s);border:none;background-color:var(--grey-2);padding:var(--spacing-m);margin:0;outline:none;font-family:var(--font-sans);border:var(--border-transparent);transition:all 0.2s ease-in-out}input.presentation.svelte-1kqubms{background-color:var(--background);border:var(--background) 2px solid}input.presentation.svelte-1kqubms:hover{background-color:var(--grey-2);border:var(--grey-4) 2px solid}input.thin.svelte-1kqubms{font-size:var(--font-size-xs)}input.extraThin.svelte-1kqubms{font-size:var(--font-size-xs);padding:var(--spacing-s) var(--spacing-m)}input.large.svelte-1kqubms{font-size:var(--font-size-m);padding:var(--spacing-l)}input.border.svelte-1kqubms{border:var(--border-grey-2)}input.border.svelte-1kqubms:active{border:var(--border-blue)}input.border.svelte-1kqubms:focus{border:var(--border-blue)}input.outline.svelte-1kqubms{border:var(--border-light-2);background:var(--background)}input.outline.svelte-1kqubms:active{border:var(--border-blue)}input.outline.svelte-1kqubms:focus{border:var(--border-blue)}input.svelte-1kqubms:hover{border:var(--grey-4) 2px solid}input.svelte-1kqubms::placeholder{color:var(--grey-6)}input.svelte-1kqubms:focus{border:var(--border-blue)}input.svelte-1kqubms:disabled{background:var(--grey-4);color:var(--grey-6)}.error.svelte-1kqubms{margin-top:10px;font-size:var(--font-size-xs);font-family:var(--font-sans);line-height:1.17;color:var(--red)}
-.multiselect.svelte-f9fc90.svelte-f9fc90{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;font-family:var(--font-sans);min-width:0}.multiselect.svelte-f9fc90.svelte-f9fc90:hover{border-bottom-color:hsl(0, 0%, 50%)}.tokens-wrapper.svelte-f9fc90.svelte-f9fc90{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:0 1 auto}.tokens.svelte-f9fc90.svelte-f9fc90{align-items:center;display:flex;flex-wrap:wrap;position:relative;width:0;flex:1 1 auto;background-color:var(--background);border-radius:var(--border-radius-m);padding:0 var(--spacing-m) calc(var(--spacing-m) - var(--spacing-xs))
-      calc(var(--spacing-m) / 2);border:var(--border-transparent)}.tokens.disabled.svelte-f9fc90.svelte-f9fc90{background-color:var(--grey-4);pointer-events:none}.tokens.outline.svelte-f9fc90.svelte-f9fc90{border:var(--border-dark)}.tokens.secondary.svelte-f9fc90.svelte-f9fc90{background-color:var(--grey-2)}.tokens.extraThin.svelte-f9fc90.svelte-f9fc90{padding:0 var(--spacing-m) calc(var(--spacing-s) - var(--spacing-xs))
-      calc(var(--spacing-m) / 2)}.tokens.svelte-f9fc90.svelte-f9fc90:hover{cursor:pointer}.tokens.optionsVisible.svelte-f9fc90.svelte-f9fc90{border:var(--border-blue)}.tokens.empty.svelte-f9fc90.svelte-f9fc90{padding:var(--spacing-m);font-size:var(--font-size-xs);user-select:none}.tokens.empty.extraThin.svelte-f9fc90.svelte-f9fc90{padding:var(--spacing-s) var(--spacing-m)}.tokens.svelte-f9fc90.svelte-f9fc90::after{width:100%;left:0}.token.svelte-f9fc90.svelte-f9fc90{font-size:var(--font-size-xs);background-color:var(--ink);color:var(--background);border-radius:var(--border-radius-l);display:flex;flex-direction:row;align-items:center;margin:calc(var(--spacing-m) - var(--spacing-xs)) 0 0
-      calc(var(--spacing-m) / 2);max-height:1.3rem;padding:var(--spacing-xs) var(--spacing-s);transition:background-color 0.3s;white-space:nowrap;overflow:hidden}.token.extraThin.svelte-f9fc90.svelte-f9fc90{margin:calc(var(--spacing-s) - var(--spacing-xs)) 0 0
-      calc(var(--spacing-m) / 2)}.token.svelte-f9fc90 span.svelte-f9fc90{pointer-events:none;user-select:none;flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.token.svelte-f9fc90 .token-remove.svelte-f9fc90{align-items:center;background-color:var(--grey-7);border-radius:50%;display:flex;justify-content:center;height:1rem;width:1rem;margin:calc(-1 * var(--spacing-xs)) 0 calc(-1 * var(--spacing-xs))
-      var(--spacing-xs);flex:0 0 auto}.token.svelte-f9fc90 path.svelte-f9fc90{fill:var(--background)}.token.svelte-f9fc90 .token-remove.svelte-f9fc90:hover{background-color:var(--grey-6);cursor:pointer}.placeholder.svelte-f9fc90.svelte-f9fc90{pointer-events:none;color:var(--ink)}.placeholder.disabled.svelte-f9fc90.svelte-f9fc90{color:var(--grey-6)}.icon-clear.svelte-f9fc90 path.svelte-f9fc90{fill:white}.options.svelte-f9fc90.svelte-f9fc90{left:0;list-style:none;margin-block-end:0;margin-block-start:0;overflow-y:auto;padding-inline-start:0;position:absolute;border:var(--border-dark);border-radius:var(--border-radius-m);box-shadow:0 5px 12px rgba(0, 0, 0, 0.15);margin:var(--spacing-xs) 0;padding:var(--spacing-s) 0;background-color:var(--background);max-height:200px}li.svelte-f9fc90.svelte-f9fc90{cursor:pointer;padding:var(--spacing-s) var(--spacing-m);font-size:var(--font-size-xs);color:var(--ink)}li.selected.svelte-f9fc90.svelte-f9fc90{background-color:var(--blue);color:white}li.svelte-f9fc90.svelte-f9fc90:not(.selected):hover{background-color:var(--grey-1)}li.no-results.svelte-f9fc90.svelte-f9fc90:hover{background-color:white;cursor:initial}.hidden.svelte-f9fc90.svelte-f9fc90{height:0;overflow:hidden;visibility:hidden;padding:0;margin:0;border:0;outline:0}
-.container.svelte-1jfhuex.svelte-1jfhuex{display:flex;gap:var(--spacing-s)}.checkbox-container.svelte-1jfhuex.svelte-1jfhuex{position:relative;z-index:0}.checkbox.svelte-1jfhuex.svelte-1jfhuex{display:none}.check-div.svelte-1jfhuex.svelte-1jfhuex{position:relative;width:20px;height:20px;background-color:var(--grey-2);cursor:pointer;transition:0.2s ease transform, 0.2s ease background-color,
-        0.2s ease box-shadow;overflow:hidden;border-radius:4px}.check-div.svelte-1jfhuex.svelte-1jfhuex:before{content:"";position:absolute;top:50%;right:0;left:0;width:12px;height:12px;margin:0 auto;background-color:var(--background);transform:translateY(-50%);transition:0.2s ease width, 0.2s ease height;border-radius:2px}.check-div.svelte-1jfhuex.svelte-1jfhuex:active{transform:translateY(-50%) scale(0.9)}.tick_mark.svelte-1jfhuex.svelte-1jfhuex{position:absolute;top:50%;left:6px;width:5px;height:4px;margin:0 auto;transform:rotateZ(-40deg)}.tick_mark.svelte-1jfhuex.svelte-1jfhuex:before,.tick_mark.svelte-1jfhuex.svelte-1jfhuex:after{content:"";position:absolute;background-color:var(--ink);border-radius:2px;opacity:0;transition:0.2s ease transform, 0.2s ease opacity}.tick_mark.svelte-1jfhuex.svelte-1jfhuex:before{left:0;bottom:0;width:2px;height:6px;box-shadow:-2px 0 5px rgba(0, 0, 0, 0.23);transform:translateY(-68px)}.tick_mark.svelte-1jfhuex.svelte-1jfhuex:after{left:0;bottom:0;width:12px;height:2px;box-shadow:0 3px 5px rgba(0, 0, 0, 0.23);transform:translateX(78px)}.check-div.disabled.svelte-1jfhuex.svelte-1jfhuex:active{transform:none}.checked.svelte-1jfhuex.svelte-1jfhuex{background-color:var(--grey-2)}.checked.disabled.svelte-1jfhuex.svelte-1jfhuex{background-color:var(--grey-5)}.checked.svelte-1jfhuex.svelte-1jfhuex:before{width:0;height:0}.checked.svelte-1jfhuex .tick_mark.svelte-1jfhuex:before,.checked.svelte-1jfhuex .tick_mark.svelte-1jfhuex:after{transform:translate(0);opacity:1}
-select.svelte-s26xy7{font-family:var(--font-sans);display:block !important;width:100% !important;border-radius:var(--border-radius-s);border:none;text-align:left;color:var(--ink);font-size:var(--font-size-s);padding:var(--spacing-m) 2rem var(--spacing-m) var(--spacing-m) !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;align-items:center;white-space:pre;outline:none;border:var(--border-transparent);background-color:var(--background)}select.thin.svelte-s26xy7{padding:var(--spacing-m);font-size:var(--font-size-xs)}select.extraThin.svelte-s26xy7{padding:var(--spacing-s) 2rem var(--spacing-s) var(--spacing-m) !important;font-size:var(--font-size-xs)}select.secondary.svelte-s26xy7{background:var(--grey-2)}select.outline.svelte-s26xy7{border:var(--border-light-2)}select.svelte-s26xy7:focus{border:var(--border-blue)}select.svelte-s26xy7:disabled{background:var(--grey-4);color:var(--grey-6)}.relative.svelte-s26xy7{position:relative !important;display:block}.pointer.svelte-s26xy7{right:0 !important;top:0 !important;bottom:0 !important;position:absolute !important;pointer-events:none !important;padding-left:0.5rem !important;align-items:center !important;display:flex !important;color:var(--ink)}
-.container.svelte-1bwhxq3{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--spacing-s)}span.svelte-1bwhxq3{flex:0 0 auto;color:var(--grey-5);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:400}input[type="range"].svelte-1bwhxq3{width:100%;margin:0;background-color:transparent;-webkit-appearance:none;flex:1 1 auto}input[type="range"].svelte-1bwhxq3:focus{outline:none}input[type="range"].svelte-1bwhxq3::-webkit-slider-runnable-track{background:var(--grey-4);border-radius:9px;width:100%;height:18px;cursor:pointer;padding:0 2px}input[type="range"].svelte-1bwhxq3::-webkit-slider-thumb{width:14px;height:14px;background:white;border-radius:100%;cursor:pointer;-webkit-appearance:none;border:none;margin-top:2px}input[type="range"].svelte-1bwhxq3::-moz-range-track{background:var(--grey-4);border-radius:9px;width:100%;height:18px;cursor:pointer;padding:0 2px}input[type="range"].svelte-1bwhxq3::-moz-range-thumb{width:14px;height:14px;background:white;border-radius:100%;cursor:pointer;border:none}
-.container.svelte-1xmm808{min-width:0;display:flex;flex-direction:column}.label-container.svelte-1xmm808{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-s)}.label-container.svelte-1xmm808 label{margin-bottom:0}.controls.svelte-1xmm808{align-items:center;display:grid;grid-template-columns:auto auto;grid-gap:12px;margin-left:auto;padding-left:12px}.controls.svelte-1xmm808 button{min-width:100px;font-size:var(--font-size-s);border-radius:var(--rounded-small)}textarea.svelte-1xmm808{min-width:0;color:var(--ink);font-size:var(--font-size-s);font-family:var(--font-sans);border:none;border-radius:var(--border-radius-s);background-color:var(--grey-2);padding:var(--spacing-m);margin:0;border:var(--border-transparent);outline:none}textarea.svelte-1xmm808::placeholder{color:var(--grey-6)}textarea.thin.svelte-1xmm808{font-size:var(--font-size-xs)}textarea.extraThin.svelte-1xmm808{font-size:var(--font-size-xs);padding:var(--spacing-s) var(--spacing-m)}textarea.svelte-1xmm808:focus{border:var(--border-blue)}textarea.svelte-1xmm808:disabled{background:var(--grey-4)}textarea.svelte-1xmm808:disabled{background:var(--grey-4)}textarea.svelte-1xmm808:disabled::placeholder{color:var(--grey-6)}
-.container.svelte-uba2i1.svelte-uba2i1{display:flex;align-items:center;gap:var(--spacing-s)}.container.svelte-uba2i1.svelte-uba2i1:disabled{background-color:var(--grey-2);cursor:not-allowed}.toggle.svelte-uba2i1.svelte-uba2i1{position:relative;display:inline-block;align-self:center;cursor:pointer;-webkit-user-select:none;background:transparent}.track.svelte-uba2i1.svelte-uba2i1{width:32px;height:18px;background-color:var(--grey-4);border-radius:9px;transition-delay:.12s;transition-duration:.2s;transition-property:background;transition-timing-function:cubic-bezier(0,0,.2,1);position:relative}.thumb.svelte-uba2i1.svelte-uba2i1{cursor:pointer;position:absolute;transition-duration:.28s;transition-property:all;transition-timing-function:cubic-bezier(0,0,.2,1);top:2px;left:2px;width:14px;height:14px;background-color:white;border-radius:var(--border-radius-xl)}input[type='checkbox']:checked~.track.svelte-uba2i1 .thumb.svelte-uba2i1{transform:translateX(14px)}input[type='checkbox'].svelte-uba2i1:checked~.track.svelte-uba2i1{background-color:var(--blue)}input[type='checkbox'].svelte-uba2i1:disabled~.track.svelte-uba2i1{background-color:var(--grey-4);cursor:not-allowed}input[type='checkbox']:disabled~.track.svelte-uba2i1 .thumb.svelte-uba2i1{background-color:var(--grey-2);cursor:not-allowed}.screenreader.svelte-uba2i1.svelte-uba2i1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.text.svelte-uba2i1.svelte-uba2i1{font-size:var(--font-size-s);font-family:var(--font-sans);cursor:pointer;user-select:none;color:var(--ink)}.text.thin.svelte-uba2i1.svelte-uba2i1{font-size:var(--font-size-xs)}
-.c.svelte-tb3sst{width:1.25em;height:1.25em;fill:currentColor;overflow:visible;margin-right:var(--spacing-xs)}
-.nav-item.svelte-uehw1f{cursor:pointer;padding:12px;height:2rem;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border-radius:var(--border-radius-s)}.nav-item.svelte-uehw1f:hover{background-color:var(--grey-1)}.nav-item-title.svelte-uehw1f{font-family:var(--font-sans);font-size:var(--font-size-xs);color:var(--ink);font-weight:400;margin-left:12px}.nav-item-icon.svelte-uehw1f{color:var(--grey-7)}.active.svelte-uehw1f{background-color:var(--grey-2)}
-.property-group-container.svelte-85id1s{display:flex;flex-direction:column;height:auto;justify-content:center;border-radius:var(--border-radius-m);font-family:var(--font-sans)}.property-group-name.svelte-85id1s{cursor:pointer;display:flex;flex-flow:row nowrap;flex-direction:row;justify-content:space-between;align-items:center}.name.svelte-85id1s{text-align:left;font-size:14px;font-weight:500;letter-spacing:0.14px;color:var(--ink);flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name.thin.svelte-85id1s{font-size:var(--font-size-xs)}.icon.svelte-85id1s{flex:0 0 20px;text-align:center}.property-panel.svelte-85id1s{display:none}.show.svelte-85id1s{display:flex;flex-direction:column;flex:1;margin-top:var(--spacing-m)}
-.overlay.svelte-anqb37{position:fixed;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.25);z-index:999}.scroll-wrapper.svelte-anqb37{flex:1 1 auto;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;max-height:100%}.content-wrapper.svelte-anqb37{flex:1 1 auto;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:0}.modal.svelte-anqb37{background-color:var(--background);display:grid;align-items:stretch;box-shadow:0 0 4rem 1.5rem rgba(0, 0, 0, 0.15);position:relative;flex:0 0 400px;margin:2rem 0;border-radius:var(--border-radius-m);gap:var(--spacing-xl)}.modal.padding.svelte-anqb37{padding:var(--spacing-xl)}.modal.border.svelte-anqb37{border:var(--border-dark)}
-.modal-content.svelte-1lx4kbg.svelte-1lx4kbg{display:grid;position:relative;gap:var(--spacing-xl);color:var(--ink)}header.svelte-1lx4kbg.svelte-1lx4kbg{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-right:40px}header.svelte-1lx4kbg h5.svelte-1lx4kbg{margin:0;font-weight:500}.header-content.svelte-1lx4kbg.svelte-1lx4kbg{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.close-icon.svelte-1lx4kbg.svelte-1lx4kbg{position:absolute;top:0;right:0;color:var(--ink);font-size:var(--font-size-m)}.close-icon.svelte-1lx4kbg.svelte-1lx4kbg:hover{color:var(--grey-6);cursor:pointer}.close-icon.svelte-1lx4kbg svg{margin-right:0}footer.svelte-1lx4kbg.svelte-1lx4kbg{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-m)}.footer-content.svelte-1lx4kbg.svelte-1lx4kbg{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.buttons.svelte-1lx4kbg.svelte-1lx4kbg{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:var(--spacing-m)}
-.menu-container.svelte-150pfjd{position:fixed;margin-top:var(--spacing-xs);padding:var(--spacing-xl);outline:none;box-sizing:border-box;opacity:0;min-width:400px;z-index:2;color:var(--ink);height:fit-content !important;border:var(--border-dark);border-radius:var(--border-radius-m);transform:scale(0);transition:opacity 0.13s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);overflow-y:auto;background-color:var(--background);box-shadow:0 5px 12px rgba(0, 0, 0, 0.15)}.open.svelte-150pfjd{transform:scale(1);opacity:1}
-spacer.svelte-19bb1q5{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.extraSmall.svelte-19bb1q5{height:var(--spacing-xs);width:var(--spacing-xs)}.small.svelte-19bb1q5{height:var(--spacing-s);width:var(--spacing-s)}.medium.svelte-19bb1q5{height:var(--spacing-m);width:var(--spacing-m)}.large.svelte-19bb1q5{height:var(--spacing-l);width:var(--spacing-l)}.extraLarge.svelte-19bb1q5{height:var(--spacing-xl);width:var(--spacing-xl)}
-.bb-body.svelte-aqpcv8{font-family:var(--font-sans);font-weight:400;text-rendering:var(--text-render);color:var(--ink);font-size:var(--font-size-m);line-height:0}.extraSmall.svelte-aqpcv8{font-size:var(--font-size-xs)}.small.svelte-aqpcv8{font-size:var(--font-size-s)}.medium.svelte-aqpcv8{font-size:var(--font-size-m)}.large.svelte-aqpcv8{font-size:var(--font-size-l)}.extraLarge.svelte-aqpcv8{font-size:var(--font-size-xl)}.white.svelte-aqpcv8{color:white}.grey.svelte-aqpcv8{color:var(--grey-6)}.black.svelte-aqpcv8{color:var(--ink)}.lh.svelte-aqpcv8{line-height:1.75}
-.bb-heading.svelte-1n0wwm3{font-family:var(--font-sans);font-weight:600;text-rendering:var(--text-render);color:var(--ink);font-size:var(--heading-font-size-m);line-height:0}.extraSmall.svelte-1n0wwm3{font-size:var(--heading-font-size-xs)}.small.svelte-1n0wwm3{font-size:var(--heading-font-size-s)}.medium.svelte-1n0wwm3{font-size:var(--heading-font-size-m)}.large.svelte-1n0wwm3{font-size:var(--heading-font-size-l);font-weight:700}.extraLarge.svelte-1n0wwm3{font-size:var(--heading-font-size-xl);font-weight:700}.white.svelte-1n0wwm3{color:white}.grey.svelte-1n0wwm3{color:var(--grey-6)}.black.svelte-1n0wwm3{color:var(--ink)}.lh.svelte-1n0wwm3{line-height:1.3}
-.bb-label.svelte-vz7apm{font-family:var(--font-sans);font-weight:500;text-rendering:var(--text-render);color:var(--ink);font-size:var(--font-size-s);margin-bottom:var(--spacing-s);display:block}.extraSmall.svelte-vz7apm{font-size:var(--font-size-xs)}.small.svelte-vz7apm{font-size:var(--font-size-s)}.medium.svelte-vz7apm{font-size:var(--font-size-m)}.large.svelte-vz7apm{font-size:var(--font-size-l)}.extraLarge.svelte-vz7apm{font-size:var(--font-size-xl)}.white.svelte-vz7apm{color:white}.grey.svelte-vz7apm{color:var(--grey-6)}.black.svelte-vz7apm{color:var(--ink)}
-header.svelte-1aykd46{font-family:var(--font-sans);display:flex;margin-bottom:var(--spacing-l)}span.svelte-1aykd46{margin-right:var(--spacing-xl);font-size:var(--font-size-m);font-weight:500;color:var(--grey-5)}span.svelte-1aykd46:hover{cursor:pointer}.selected.svelte-1aykd46{color:var(--ink)}
-
-/*# sourceMappingURL=bundle.css.map */