@paperless/core 0.1.0-alpha.30 → 0.1.0-alpha.301

package/dist/collection/components/atoms/stepper-item/stepper-item.component.js

@@ -0,0 +1,100 @@
+import { h, Host } from '@stencil/core';
+export class StepperItem {
+  constructor() {
+    this.align = 'center';
+    this.direction = 'horizontal';
+    this.finished = false;
+    this.active = false;
+  }
+  render() {
+    return (h(Host, { class: "p-stepper-item" }, h("div", { class: "content" }, h("slot", null)), h("div", { class: "circle" }, this.finished && h("p-icon", { variant: "checkmark" }))));
+  }
+  static get is() { return "p-stepper-item"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["stepper-item.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["stepper-item.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "align": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'start' | 'center' | 'end'",
+          "resolved": "\"center\" | \"end\" | \"start\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The alignment of the step content"
+        },
+        "attribute": "align",
+        "reflect": true,
+        "defaultValue": "'center'"
+      },
+      "direction": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'horizontal' | 'vertical'",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The direction of the stepper step"
+        },
+        "attribute": "direction",
+        "reflect": true,
+        "defaultValue": "'horizontal'"
+      },
+      "finished": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the step is finished"
+        },
+        "attribute": "finished",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the step is active"
+        },
+        "attribute": "active",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
+}

package/dist/collection/components/atoms/stepper-line/stepper-line.component.css

@@ -0,0 +1 @@
+.mb-\[calc\(\.5rem-1px\)\]{margin-bottom:calc(.5rem - 1px)!important}.ml-\[calc\(\.5rem-1px\)\]{margin-left:calc(.5rem - 1px)!important}.block{display:block!important}.h-\[2px\]{height:2px!important}.w-\[2px\]{width:2px!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));display:block;flex:1 1 auto;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([direction=horizontal]){height:2px;margin-bottom:calc(.5rem - 1px)}:host([direction=vertical]){margin-left:calc(.5rem - 1px);width:2px}:host([active]){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}.static{position:static!important}

package/dist/collection/components/atoms/stepper-line/stepper-line.component.js

@@ -0,0 +1,62 @@
+import { h, Host } from '@stencil/core';
+export class StepperLine {
+  constructor() {
+    this.active = false;
+    this.direction = 'horizontal';
+  }
+  render() {
+    return h(Host, { class: "p-stepper-line" });
+  }
+  static get is() { return "p-stepper-line"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["stepper-line.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["stepper-line.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the line is active"
+        },
+        "attribute": "active",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "direction": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'horizontal' | 'vertical'",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The direction of the stepper line"
+        },
+        "attribute": "direction",
+        "reflect": true,
+        "defaultValue": "'horizontal'"
+      }
+    };
+  }
+}

package/dist/collection/components/atoms/tab-group/tab-group.component.css

@@ -0,0 +1 @@
+.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.gap-5{gap:1.25rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;position:relative;width:100%}:host .content{display:flex;gap:1.25rem;width:100%;z-index:10}:host p-divider{bottom:0;left:0;margin:0;position:absolute;width:100%}.static{position:static!important}

package/dist/collection/components/atoms/tab-group/tab-group.component.js

@@ -0,0 +1,18 @@
+import { h, Host } from '@stencil/core';
+export class TabGroup {
+  render() {
+    return (h(Host, { class: "p-tab-group" }, h("div", { class: "content" }, h("slot", null)), h("p-divider", null)));
+  }
+  static get is() { return "p-tab-group"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["tab-group.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["tab-group.component.css"]
+    };
+  }
+}

package/dist/collection/components/atoms/tab-item/tab-item.component.css

@@ -0,0 +1 @@
+.flex{display:flex!important}.items-center{align-items:center!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-transparent{border-color:transparent!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}.static{position:static!important}

package/dist/collection/components/atoms/tab-item/tab-item.component.js

@@ -0,0 +1,43 @@
+import { h, Host } from '@stencil/core';
+export class TabItem {
+  constructor() {
+    this.active = false;
+  }
+  render() {
+    return (h(Host, { class: `p-tab-item ${this.active && 'active'}` }, h("slot", null)));
+  }
+  static get is() { return "p-tab-item"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["tab-item.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["tab-item.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the tab item is active"
+        },
+        "attribute": "active",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+}

package/dist/collection/components/atoms/table-container/table-container.component.css

@@ -0,0 +1 @@
+.flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mb-14{margin-bottom:3.5rem!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.w-full{width:100%!important}.w-1\/12{width:8.333333%!important}.w-2\/12{width:16.666667%!important}.w-3\/12{width:25%!important}.w-4\/12{width:33.333333%!important}.w-5\/12{width:41.666667%!important}.w-6\/12{width:50%!important}.w-7\/12{width:58.333333%!important}.w-8\/12{width:66.666667%!important}.w-9\/12{width:75%!important}.w-10\/12{width:83.333333%!important}.w-11\/12{width:91.666667%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\:w-1\/12{width:8.333333%!important}.tablet\:w-2\/12{width:16.666667%!important}.tablet\:w-3\/12{width:25%!important}.tablet\:w-4\/12{width:33.333333%!important}.tablet\:w-5\/12{width:41.666667%!important}.tablet\:w-6\/12{width:50%!important}.tablet\:w-7\/12{width:58.333333%!important}.tablet\:w-8\/12{width:66.666667%!important}.tablet\:w-9\/12{width:75%!important}.tablet\:w-10\/12{width:83.333333%!important}.tablet\:w-11\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\:w-1\/12{width:8.333333%!important}.desktop-xs\:w-2\/12{width:16.666667%!important}.desktop-xs\:w-3\/12{width:25%!important}.desktop-xs\:w-4\/12{width:33.333333%!important}.desktop-xs\:w-5\/12{width:41.666667%!important}.desktop-xs\:w-6\/12{width:50%!important}.desktop-xs\:w-7\/12{width:58.333333%!important}.desktop-xs\:w-8\/12{width:66.666667%!important}.desktop-xs\:w-9\/12{width:75%!important}.desktop-xs\:w-10\/12{width:83.333333%!important}.desktop-xs\:w-11\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\:w-1\/12{width:8.333333%!important}.desktop-sm\:w-2\/12{width:16.666667%!important}.desktop-sm\:w-3\/12{width:25%!important}.desktop-sm\:w-4\/12{width:33.333333%!important}.desktop-sm\:w-5\/12{width:41.666667%!important}.desktop-sm\:w-6\/12{width:50%!important}.desktop-sm\:w-7\/12{width:58.333333%!important}.desktop-sm\:w-8\/12{width:66.666667%!important}.desktop-sm\:w-9\/12{width:75%!important}.desktop-sm\:w-10\/12{width:83.333333%!important}.desktop-sm\:w-11\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\:w-1\/12{width:8.333333%!important}.desktop\:w-2\/12{width:16.666667%!important}.desktop\:w-3\/12{width:25%!important}.desktop\:w-4\/12{width:33.333333%!important}.desktop\:w-5\/12{width:41.666667%!important}.desktop\:w-6\/12{width:50%!important}.desktop\:w-7\/12{width:58.333333%!important}.desktop\:w-8\/12{width:66.666667%!important}.desktop\:w-9\/12{width:75%!important}.desktop\:w-10\/12{width:83.333333%!important}.desktop\:w-11\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\:w-1\/12{width:8.333333%!important}.desktop-lg\:w-2\/12{width:16.666667%!important}.desktop-lg\:w-3\/12{width:25%!important}.desktop-lg\:w-4\/12{width:33.333333%!important}.desktop-lg\:w-5\/12{width:41.666667%!important}.desktop-lg\:w-6\/12{width:50%!important}.desktop-lg\:w-7\/12{width:58.333333%!important}.desktop-lg\:w-8\/12{width:66.666667%!important}.desktop-lg\:w-9\/12{width:75%!important}.desktop-lg\:w-10\/12{width:83.333333%!important}.desktop-lg\:w-11\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\:w-1\/12{width:8.333333%!important}.desktop-xl\:w-2\/12{width:16.666667%!important}.desktop-xl\:w-3\/12{width:25%!important}.desktop-xl\:w-4\/12{width:33.333333%!important}.desktop-xl\:w-5\/12{width:41.666667%!important}.desktop-xl\:w-6\/12{width:50%!important}.desktop-xl\:w-7\/12{width:58.333333%!important}.desktop-xl\:w-8\/12{width:66.666667%!important}.desktop-xl\:w-9\/12{width:75%!important}.desktop-xl\:w-10\/12{width:83.333333%!important}.desktop-xl\:w-11\/12{width:91.666667%!important}}.h-8{height:2rem!important}@media (min-width:64rem){.desktop-xs\:flex{display:flex!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.w-3\/4{width:75%!important}.gap-4{gap:1rem!important}.justify-self-end{justify-self:end!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\:hidden{display:none!important}.desktop-xs\:w-auto{width:auto!important}.desktop-xs\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}

package/dist/collection/components/atoms/table-container/table-container.component.js

@@ -0,0 +1,18 @@
+import { h, Host } from '@stencil/core';
+export class TableContainer {
+  render() {
+    return (h(Host, { class: "p-table-container" }, h("slot", null)));
+  }
+  static get is() { return "p-table-container"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["table-container.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["table-container.component.css"]
+    };
+  }
+}

package/dist/collection/components/atoms/toast-container/toast-container.component.css

@@ -0,0 +1 @@
+.fixed{position:fixed!important}.z-\[600\]{z-index:600!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;max-width:calc(100% - env(safe-area-inset-left, 0) - env(safe-area-inset-right, 0) - 2rem);position:fixed;width:calc(100% - env(safe-area-inset-left, 0) - env(safe-area-inset-right, 0) - 2rem);z-index:700;z-index:600}@media (min-width:40rem){:host{max-width:26.5rem}}:host(.placement-top-start){left:calc(env(safe-area-inset-left, 0) + 1rem);top:calc(env(safe-area-inset-top, 0) + 1rem)}:host(.placement-top-end){right:calc(env(safe-area-inset-right, 0) + 1rem);top:calc(env(safe-area-inset-top, 0) + 1rem)}:host(.placement-bottom-start){bottom:calc(env(safe-area-inset-bottom, 0) + 1rem);left:calc(env(safe-area-inset-left, 0) + 1rem)}:host(.placement-bottom-end){bottom:calc(env(safe-area-inset-bottom, 0) + 1rem);right:calc(env(safe-area-inset-right, 0) + 1rem)}@media (min-width:40rem){.tablet\:max-w-\[26\.5rem\]{max-width:26.5rem!important}}.static{position:static!important}

package/dist/collection/components/atoms/toast-container/toast-container.component.js

@@ -0,0 +1,43 @@
+import { h, Host } from '@stencil/core';
+export class ToastContainer {
+  constructor() {
+    this.placement = 'top-end';
+  }
+  render() {
+    return (h(Host, { class: `p-toast-container placement-${this.placement}` }, h("slot", null)));
+  }
+  static get is() { return "p-toast-container"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["toast-container.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["toast-container.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "placement": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'",
+          "resolved": "\"bottom-end\" | \"bottom-start\" | \"top-end\" | \"top-start\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The placement of the container"
+        },
+        "attribute": "placement",
+        "reflect": false,
+        "defaultValue": "'top-end'"
+      }
+    };
+  }
+}

package/dist/collection/components/atoms/tooltip/tooltip.component.css

@@ -1,40 +1 @@
-:host {
-  @apply cursor-pointer inline-block;
-}
-:host .popover {
-  @apply bg-white hidden text-xs font-medium py-2 px-3 rounded drop-shadow-4;
-  max-width: 14.5rem;
-}
-:host .popover.variant-hover, :host .popover.variant-error {
-  @apply bg-storm text-white py-1;
-}
-:host .popover.variant-error {
-  @apply bg-negative;
-}
-:host .popover[data-show] {
-  @apply block;
-}
-:host .popover .arrow,
-:host .popover .arrow::before {
-  background: inherit;
-  @apply absolute w-2 h-2;
-}
-:host .popover .arrow {
-  visibility: hidden;
-}
-:host .popover .arrow::before {
-  @apply visible transform rotate-45;
-  content: "";
-}
-:host .popover[data-popper-placement^=top] > .arrow {
-  @apply -bottom-1;
-}
-:host .popover[data-popper-placement^=bottom] > .arrow {
-  @apply -top-1;
-}
-:host .popover[data-popper-placement^=left] > .arrow {
-  @apply -right-1;
-}
-:host .popover[data-popper-placement^=right] > .arrow {
-  @apply -left-1;
-}
+.visible{visibility:visible!important}.absolute{position:absolute!important}.relative{position:relative!important}.flex{display:flex!important}.hidden{display:none!important}.h-0{height:0!important}.w-0{width:0!important}.w-2{width:.5rem!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rounded{border-radius:.25rem!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-storm,.bg-white{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-negative{--tw-bg-opacity:1!important;background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.uppercase{text-transform:uppercase!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:none;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-size:.75rem;font-weight:500;line-height:1rem;max-width:14.5rem;padding:.5rem .75rem;z-index:601}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover-container .popover[data-show]{display:inline-block}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:"";transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));visibility:visible}:host .popover-container .popover[data-popper-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-popper-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-popper-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-popper-placement^=right]>.arrow{left:-.25rem}.static{position:static!important}.h-6{height:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.mb-6{margin-bottom:1.5rem!important}.mb-14{margin-bottom:3.5rem!important}.table{display:table!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.self-center{align-self:center!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.w-1\/12{width:8.333333%!important}.w-2\/12{width:16.666667%!important}.w-3\/12{width:25%!important}.w-4\/12{width:33.333333%!important}.w-5\/12{width:41.666667%!important}.w-6\/12{width:50%!important}.w-7\/12{width:58.333333%!important}.w-8\/12{width:66.666667%!important}.w-9\/12{width:75%!important}.w-10\/12{width:83.333333%!important}.w-11\/12{width:91.666667%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\:w-1\/12{width:8.333333%!important}.tablet\:w-2\/12{width:16.666667%!important}.tablet\:w-3\/12{width:25%!important}.tablet\:w-4\/12{width:33.333333%!important}.tablet\:w-5\/12{width:41.666667%!important}.tablet\:w-6\/12{width:50%!important}.tablet\:w-7\/12{width:58.333333%!important}.tablet\:w-8\/12{width:66.666667%!important}.tablet\:w-9\/12{width:75%!important}.tablet\:w-10\/12{width:83.333333%!important}.tablet\:w-11\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\:w-1\/12{width:8.333333%!important}.desktop-xs\:w-2\/12{width:16.666667%!important}.desktop-xs\:w-3\/12{width:25%!important}.desktop-xs\:w-4\/12{width:33.333333%!important}.desktop-xs\:w-5\/12{width:41.666667%!important}.desktop-xs\:w-6\/12{width:50%!important}.desktop-xs\:w-7\/12{width:58.333333%!important}.desktop-xs\:w-8\/12{width:66.666667%!important}.desktop-xs\:w-9\/12{width:75%!important}.desktop-xs\:w-10\/12{width:83.333333%!important}.desktop-xs\:w-11\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\:w-1\/12{width:8.333333%!important}.desktop-sm\:w-2\/12{width:16.666667%!important}.desktop-sm\:w-3\/12{width:25%!important}.desktop-sm\:w-4\/12{width:33.333333%!important}.desktop-sm\:w-5\/12{width:41.666667%!important}.desktop-sm\:w-6\/12{width:50%!important}.desktop-sm\:w-7\/12{width:58.333333%!important}.desktop-sm\:w-8\/12{width:66.666667%!important}.desktop-sm\:w-9\/12{width:75%!important}.desktop-sm\:w-10\/12{width:83.333333%!important}.desktop-sm\:w-11\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\:w-1\/12{width:8.333333%!important}.desktop\:w-2\/12{width:16.666667%!important}.desktop\:w-3\/12{width:25%!important}.desktop\:w-4\/12{width:33.333333%!important}.desktop\:w-5\/12{width:41.666667%!important}.desktop\:w-6\/12{width:50%!important}.desktop\:w-7\/12{width:58.333333%!important}.desktop\:w-8\/12{width:66.666667%!important}.desktop\:w-9\/12{width:75%!important}.desktop\:w-10\/12{width:83.333333%!important}.desktop\:w-11\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\:w-1\/12{width:8.333333%!important}.desktop-lg\:w-2\/12{width:16.666667%!important}.desktop-lg\:w-3\/12{width:25%!important}.desktop-lg\:w-4\/12{width:33.333333%!important}.desktop-lg\:w-5\/12{width:41.666667%!important}.desktop-lg\:w-6\/12{width:50%!important}.desktop-lg\:w-7\/12{width:58.333333%!important}.desktop-lg\:w-8\/12{width:66.666667%!important}.desktop-lg\:w-9\/12{width:75%!important}.desktop-lg\:w-10\/12{width:83.333333%!important}.desktop-lg\:w-11\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\:w-1\/12{width:8.333333%!important}.desktop-xl\:w-2\/12{width:16.666667%!important}.desktop-xl\:w-3\/12{width:25%!important}.desktop-xl\:w-4\/12{width:33.333333%!important}.desktop-xl\:w-5\/12{width:41.666667%!important}.desktop-xl\:w-6\/12{width:50%!important}.desktop-xl\:w-7\/12{width:58.333333%!important}.desktop-xl\:w-8\/12{width:66.666667%!important}.desktop-xl\:w-9\/12{width:75%!important}.desktop-xl\:w-10\/12{width:83.333333%!important}.desktop-xl\:w-11\/12{width:91.666667%!important}}.h-8{height:2rem!important}@media (min-width:64rem){.desktop-xs\:flex{display:flex!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.w-3\/4{width:75%!important}.gap-4{gap:1rem!important}.justify-self-end{justify-self:end!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\:hidden{display:none!important}.desktop-xs\:w-auto{width:auto!important}.desktop-xs\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}