@leaflink/stash 49.0.0 → 49.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Modal.js +18 -17
- package/dist/Modal.js.map +1 -1
- package/dist/Modals.js +23 -23
- package/dist/Modals.js.map +1 -1
- package/dist/components.css +1 -1
- package/dist/useModals.d.ts +1 -0
- package/dist/useModals.js +20 -15
- package/dist/useModals.js.map +1 -1
- package/package.json +1 -1
package/dist/Modal.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as R, useSlots as T, ref as d, computed as
|
|
1
|
+
import { defineComponent as R, useSlots as T, ref as d, computed as x, watch as D, onBeforeUnmount as V, openBlock as i, createElementBlock as f, normalizeClass as n, withKeys as A, createVNode as k, withModifiers as L, createElementVNode as g, unref as m, renderSlot as w, toDisplayString as K, createCommentVNode as r, createBlock as j, withCtx as F } from "vue";
|
|
2
2
|
import q from "lodash-es/uniqueId";
|
|
3
3
|
import { FOCUS_ELEMENTS_SELECTOR as P } from "./constants.js";
|
|
4
4
|
import { t as H } from "./locale.js";
|
|
@@ -31,7 +31,7 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
31
31
|
},
|
|
32
32
|
emits: ["update:open", "update:is-open", "dismiss"],
|
|
33
33
|
setup(l, { emit: N }) {
|
|
34
|
-
const e = l, _ = N, y = T(), u = d(), B = d(), p = d([]), b = d(), E = d(), c = d({ height: "", overflow: "" }), C = q("modal-header-"), z =
|
|
34
|
+
const e = l, _ = N, y = T(), u = d(), B = d(), p = d([]), b = d(), E = d(), c = d({ height: "", overflow: "" }), C = q("modal-header-"), z = x(() => !!y.actions || !!y.footer), o = x(() => e.open || e.isOpen), s = x(() => e.position === "left" || e.position === "right");
|
|
35
35
|
function h() {
|
|
36
36
|
return document.scrollingElement || document.body;
|
|
37
37
|
}
|
|
@@ -70,7 +70,7 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
70
70
|
const a = document.getElementById("launcher");
|
|
71
71
|
!a || !a.parentElement || (a.parentElement.style.display = t === "show" ? "block" : "none");
|
|
72
72
|
}
|
|
73
|
-
return (t, a) => o.value ? (i(),
|
|
73
|
+
return (t, a) => o.value ? (i(), f("div", {
|
|
74
74
|
key: 0,
|
|
75
75
|
ref_key: "rootRef",
|
|
76
76
|
ref: u,
|
|
@@ -85,14 +85,14 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
85
85
|
tabindex: "0",
|
|
86
86
|
onKeydown: A(v, ["esc"])
|
|
87
87
|
}, [
|
|
88
|
-
|
|
88
|
+
k(U, {
|
|
89
89
|
class: "stash-modal__backdrop",
|
|
90
90
|
onClick: L(v, ["stop"])
|
|
91
91
|
}),
|
|
92
92
|
g("div", {
|
|
93
93
|
"aria-modal": "true",
|
|
94
94
|
role: "dialog",
|
|
95
|
-
"aria-labelledby":
|
|
95
|
+
"aria-labelledby": m(C),
|
|
96
96
|
class: n(["stash-modal__dialog tw-relative tw-flex tw-h-screen tw-w-full tw-flex-col lg:tw-shadow-3xl", [
|
|
97
97
|
`stash-modal__dialog--size-${e.size}`,
|
|
98
98
|
`stash-modal__dialog--position-${e.position}`,
|
|
@@ -105,7 +105,8 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
105
105
|
"lg:tw-w-[648px]": e.size === "medium",
|
|
106
106
|
"lg:tw-w-[960px]": e.size === "wide",
|
|
107
107
|
"lg:tw-my-0 lg:tw-h-auto lg:tw-max-h-[90vh]": e.position === "center",
|
|
108
|
-
|
|
108
|
+
// tw-absolute causing this to break when items in bottom of container get focus
|
|
109
|
+
"lg:tw-fixed lg:tw-h-screen": s.value,
|
|
109
110
|
"lg:tw-left-0": e.position === "left",
|
|
110
111
|
"lg:tw-right-0": e.position === "right"
|
|
111
112
|
}
|
|
@@ -113,7 +114,7 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
113
114
|
onClick: a[0] || (a[0] = L(() => {
|
|
114
115
|
}, ["stop"]))
|
|
115
116
|
}, [
|
|
116
|
-
e.hideHeader ? r("", !0) : (i(),
|
|
117
|
+
e.hideHeader ? r("", !0) : (i(), f("header", {
|
|
117
118
|
key: 0,
|
|
118
119
|
"data-test": "stash-modal__header",
|
|
119
120
|
class: n(["stash-modal__header tw-grid tw-h-12 tw-place-items-center tw-bg-purple-500", { "lg:tw-rounded-t": !s.value }])
|
|
@@ -121,21 +122,21 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
121
122
|
g("div", X, [
|
|
122
123
|
w(t.$slots, "headerAction", {}, void 0, !0)
|
|
123
124
|
]),
|
|
124
|
-
e.title ? (i(),
|
|
125
|
+
e.title ? (i(), f("h3", {
|
|
125
126
|
key: 0,
|
|
126
|
-
id:
|
|
127
|
+
id: m(C),
|
|
127
128
|
class: "tw-m-0 tw-flex-1 tw-leading-6 tw-text-white"
|
|
128
129
|
}, K(e.title), 9, Y)) : r("", !0),
|
|
129
130
|
e.hideClose ? r("", !0) : (i(), j(I, {
|
|
130
131
|
key: 1,
|
|
131
132
|
icon: "",
|
|
132
133
|
"data-test": "ll-modal-close",
|
|
133
|
-
title:
|
|
134
|
+
title: m(H)("ll.closeModal"),
|
|
134
135
|
type: "button",
|
|
135
136
|
onClick: v
|
|
136
137
|
}, {
|
|
137
138
|
default: F(() => [
|
|
138
|
-
|
|
139
|
+
k(M, {
|
|
139
140
|
class: "tw-text-white",
|
|
140
141
|
name: "close"
|
|
141
142
|
})
|
|
@@ -149,18 +150,18 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
149
150
|
icon: "",
|
|
150
151
|
"data-test": "ll-modal-close",
|
|
151
152
|
type: "button",
|
|
152
|
-
title:
|
|
153
|
+
title: m(H)("ll.closeModal"),
|
|
153
154
|
onClick: v
|
|
154
155
|
}, {
|
|
155
156
|
default: F(() => [
|
|
156
|
-
|
|
157
|
+
k(M, {
|
|
157
158
|
class: n(["tw-drop-shadow-md", [e.closeButtonColorClass]]),
|
|
158
159
|
name: "close"
|
|
159
160
|
}, null, 8, ["class"])
|
|
160
161
|
]),
|
|
161
162
|
_: 1
|
|
162
163
|
}, 8, ["title"])) : r("", !0),
|
|
163
|
-
|
|
164
|
+
m(y)["featured-content"] ? (i(), f("div", {
|
|
164
165
|
key: 2,
|
|
165
166
|
class: n(["stash-modal__featured-content tw-relative", {
|
|
166
167
|
"tw-rounded-t": e.hideHeader
|
|
@@ -182,7 +183,7 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
182
183
|
}, [
|
|
183
184
|
w(t.$slots, "default", {}, void 0, !0)
|
|
184
185
|
], 2),
|
|
185
|
-
z.value ? (i(),
|
|
186
|
+
z.value ? (i(), f("footer", {
|
|
186
187
|
key: 3,
|
|
187
188
|
class: n(["stash-modal__footer tw-border-ice-500 tw-bg-ice-100 tw-p-3 lg:tw-p-6", { "lg:tw-rounded-b": !s.value }])
|
|
188
189
|
}, [
|
|
@@ -196,10 +197,10 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
196
197
|
], 34)) : r("", !0);
|
|
197
198
|
}
|
|
198
199
|
});
|
|
199
|
-
const
|
|
200
|
+
const me = /* @__PURE__ */ W(ee, [["__scopeId", "data-v-5dce6bf1"]]);
|
|
200
201
|
export {
|
|
201
202
|
J as ModalPosition,
|
|
202
203
|
G as ModalSize,
|
|
203
|
-
|
|
204
|
+
me as default
|
|
204
205
|
};
|
|
205
206
|
//# sourceMappingURL=Modal.js.map
|
package/dist/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../src/components/Modal/Modal.types.ts","../src/components/Modal/Modal.vue"],"sourcesContent":["export enum ModalSize {\n Narrow = 'narrow',\n Medium = 'medium',\n Wide = 'wide',\n}\n\nexport type ModalSizes = `${ModalSize}`;\n\nexport enum ModalPosition {\n Center = 'center',\n Left = 'left',\n Right = 'right',\n}\n\nexport type ModalPositions = `${ModalPosition}`;\n","<script lang=\"ts\">\n import { ModalPositions, ModalSizes } from './Modal.types';\n\n export * from './Modal.types';\n\n export interface ModalProps {\n /**\n * Hides the \"close\" button\n */\n hideClose?: boolean;\n\n /**\n * Opens the modal when truthy; hides the modal when falsy.\n * @deprecated Use `isOpen` instead\n */\n open?: boolean;\n\n /**\n * Opens the modal when truthy; hides the modal when falsy.\n */\n isOpen?: boolean;\n\n /**\n * Use v-model:is-open or :is-open instead of :model-value and v-model.\n * @deprecated\n */\n modelValue?: boolean;\n\n /**\n * Sets a preset max-width on the modal.\n * Options: default (648px), narrow (360px), wide (960px)\n */\n size?: ModalSizes;\n\n /**\n * Should the modal be scrollable within the content area. This prop is treated as `true` when the `position` prop is set to \"left\" or \"right\".\n */\n scrollable?: boolean;\n\n /**\n * Gives the modal body have a light gray background\n */\n contrast?: boolean;\n\n /**\n * Text to display in the modal header\n */\n title?: string;\n\n /**\n * Disables the default padding in the modal body.\n */\n disableBodyPadding?: boolean;\n\n /**\n * The position on the screen to display the modal.\n */\n position?: ModalPositions;\n\n /**\n * Hide the header. Typically used with the featuredContent slot to display a graphic and create a \"promo\" modal.\n */\n hideHeader?: boolean;\n\n /**\n * Add classes to the close button. This can be used with the hideHeader prop and featuredContent slot to\n * accommodate images with different color backgrounds.\n */\n closeButtonColorClass?: string;\n\n /**\n * Prevents the modal from being dismissed by clicking the backdrop or pressing the escape key.\n * Example: There are in-flight api requests and you do not want the modal to close until they are done.\n */\n preventDismiss?: boolean;\n }\n</script>\n\n<script setup lang=\"ts\">\n import uniqueId from 'lodash-es/uniqueId';\n import { computed, onBeforeUnmount, ref, useSlots, watch } from 'vue';\n\n import { FOCUS_ELEMENTS_SELECTOR } from '../../constants';\n import { t } from '../../locale';\n import Backdrop from '../Backdrop/Backdrop.vue';\n import Button from '../Button/Button.vue';\n import Icon from '../Icon/Icon.vue';\n\n defineOptions({ name: 'll-modal' });\n\n const props = withDefaults(defineProps<ModalProps>(), {\n hideClose: false,\n open: false,\n isOpen: false,\n modelValue: false,\n size: 'medium',\n scrollable: false,\n contrast: false,\n title: '',\n position: 'center',\n hideHeader: false,\n closeButtonColorClass: 'tw-text-white/50',\n preventDismiss: false,\n });\n\n const emit = defineEmits<{\n /**\n * @deprecated Use the `update:is-open` event instead\n */\n (e: 'update:open', isOpen?: boolean): void;\n (e: 'update:is-open', isOpen?: boolean): void;\n (e: 'dismiss'): void;\n }>();\n\n const slots = useSlots();\n\n const rootRef = ref<HTMLElement>();\n const lastExternalFocusedElement = ref<HTMLElement>();\n const focusElements = ref<HTMLElement[]>([]);\n const firstFocusElement = ref<HTMLElement>();\n const lastFocusElement = ref<HTMLElement>();\n const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n const headerId = uniqueId('modal-header-');\n const hasFooterContent = computed(() => !!slots.actions || !!slots.footer);\n const isModalOpen = computed(() => props.open || props.isOpen);\n const isDrawer = computed(() => props.position === 'left' || props.position === 'right');\n\n function getPageScrollingElement() {\n return (document.scrollingElement || document.body) as HTMLElement;\n }\n\n watch(\n isModalOpen,\n () => {\n toggleHelpWidgetLauncher(isModalOpen.value ? 'hide' : 'show');\n\n if (isModalOpen.value) {\n Object.assign(initialPageScrollingElementStyle.value, {\n height: getPageScrollingElement().style.height,\n overflow: getPageScrollingElement().style.overflow,\n });\n }\n\n Object.assign(getPageScrollingElement().style, {\n overflow: isModalOpen.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when modal is open\n height: isModalOpen.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when modal is open; see https://github.com/LeafLink/stash/pull/713#issuecomment-1184602535\n });\n },\n { immediate: true },\n );\n\n onBeforeUnmount(() => {\n toggleHelpWidgetLauncher('show');\n\n // In cases where the watchEffect for isModalOpen isn't triggered while closing/nagivating away from modal, this ensures scrolling returns to normal\n Object.assign(getPageScrollingElement().style, {\n overflow: initialPageScrollingElementStyle.value.overflow,\n height: initialPageScrollingElementStyle.value.height,\n });\n\n // Clear focus trap tab listener\n document.removeEventListener('keydown', handleTab);\n lastExternalFocusedElement.value?.focus();\n });\n\n function dismiss() {\n if (props.preventDismiss) {\n return;\n }\n emit('update:open', false);\n emit('update:is-open', false);\n emit('dismiss');\n }\n\n // This watcher ensures the Tab key cycles through focusable elements within the modal.\n watch(rootRef, () => {\n if (!rootRef.value) {\n return;\n }\n\n lastExternalFocusedElement.value = document.activeElement as HTMLElement;\n rootRef.value.focus();\n\n focusElements.value = Array.from(rootRef.value.querySelectorAll<HTMLElement>(FOCUS_ELEMENTS_SELECTOR));\n firstFocusElement.value = focusElements.value[0];\n lastFocusElement.value = focusElements.value[focusElements.value.length - 1];\n document.addEventListener('keydown', handleTab);\n });\n\n function handleTab(e) {\n if (e.key === 'Tab') {\n if (e.shiftKey && document.activeElement === firstFocusElement.value) {\n lastFocusElement.value?.focus();\n e.preventDefault();\n } else if (document.activeElement === lastFocusElement.value) {\n firstFocusElement.value?.focus();\n e.preventDefault();\n }\n }\n }\n\n /**\n * The customer support \"help widget launcher\" covers the action buttons in the Modal when the Modal uses a position value of \"right\" (for drawers).\n */\n function toggleHelpWidgetLauncher(nextState: 'show' | 'hide') {\n const launcherElement = document.getElementById('launcher');\n\n if (!launcherElement || !launcherElement.parentElement) {\n return;\n }\n\n launcherElement.parentElement.style.display = nextState === 'show' ? 'block' : 'none';\n }\n</script>\n\n<template>\n <div\n v-if=\"isModalOpen\"\n ref=\"rootRef\"\n class=\"stash-modal tw-fixed tw-inset-0\"\n :class=\"{\n 'tw-invisible tw-z-behind': !isModalOpen,\n 'tw-visible tw-z-modal': isModalOpen,\n 'lg:tw-flex lg:tw-flex-col lg:tw-items-center lg:tw-justify-center': props.position === 'center',\n 'tw-overflow-y-auto': !props.scrollable && !isDrawer,\n 'tw-overflow-y-hidden': isDrawer,\n }\"\n data-test=\"ll-modal\"\n tabindex=\"0\"\n @keydown.esc=\"dismiss\"\n >\n <Backdrop class=\"stash-modal__backdrop\" @click.stop=\"dismiss\" />\n <div\n aria-modal=\"true\"\n role=\"dialog\"\n :aria-labelledby=\"headerId\"\n class=\"stash-modal__dialog tw-relative tw-flex tw-h-screen tw-w-full tw-flex-col lg:tw-shadow-3xl\"\n :class=\"[\n `stash-modal__dialog--size-${props.size}`,\n `stash-modal__dialog--position-${props.position}`,\n {\n 'stash-modal__dialog--is-open': isModalOpen,\n 'stash-modal__dialog--is-drawer': isDrawer,\n 'stash-modal__dialog--is-contrast': props.contrast,\n 'stash-modal__dialog--is-scrollable': props.scrollable,\n 'lg:tw-w-[360px]': props.size === 'narrow',\n 'lg:tw-w-[648px]': props.size === 'medium',\n 'lg:tw-w-[960px]': props.size === 'wide',\n 'lg:tw-my-0 lg:tw-h-auto lg:tw-max-h-[90vh]': props.position === 'center',\n 'lg:tw-absolute lg:tw-h-screen': isDrawer,\n 'lg:tw-left-0': props.position === 'left',\n 'lg:tw-right-0': props.position === 'right',\n },\n ]\"\n @click.stop\n >\n <header\n v-if=\"!props.hideHeader\"\n data-test=\"stash-modal__header\"\n class=\"stash-modal__header tw-grid tw-h-12 tw-place-items-center tw-bg-purple-500\"\n :class=\"{ 'lg:tw-rounded-t': !isDrawer }\"\n >\n <div class=\"tw-flex tw-place-items-center\">\n <!-- @slot Adds an action to the left side of the header bar. An example usage is a modal with multiple pages and a back button can be inserted here -->\n <slot name=\"headerAction\"></slot>\n </div>\n\n <h3 v-if=\"props.title\" :id=\"headerId\" class=\"tw-m-0 tw-flex-1 tw-leading-6 tw-text-white\">\n {{ props.title }}\n </h3>\n\n <Button\n v-if=\"!props.hideClose\"\n icon\n data-test=\"ll-modal-close\"\n :title=\"t('ll.closeModal')\"\n type=\"button\"\n @click=\"dismiss\"\n >\n <Icon class=\"tw-text-white\" name=\"close\" />\n </Button>\n </header>\n\n <Button\n v-if=\"!props.hideClose && props.hideHeader\"\n class=\"tw-absolute tw-right-0 tw-top-0 tw-z-10\"\n icon\n data-test=\"ll-modal-close\"\n type=\"button\"\n :title=\"t('ll.closeModal')\"\n @click=\"dismiss\"\n >\n <Icon class=\"tw-drop-shadow-md\" name=\"close\" :class=\"[props.closeButtonColorClass]\" />\n </Button>\n\n <div\n v-if=\"!!slots['featured-content']\"\n class=\"stash-modal__featured-content tw-relative\"\n :class=\"{\n 'tw-rounded-t': props.hideHeader,\n }\"\n >\n <slot name=\"featured-content\"></slot>\n </div>\n\n <div\n class=\"stash-modal__body tw-flex-1 tw-overflow-y-auto\"\n :class=\"[\n {\n 'tw-p-3 lg:tw-p-6': !props.disableBodyPadding,\n 'lg:tw-overflow-y-visible': !props.scrollable && !isDrawer,\n 'lg:tw-rounded-b': !hasFooterContent && !isDrawer,\n 'tw-bg-white': !props.contrast,\n 'tw-bg-ice-200': props.contrast,\n },\n ]\"\n data-test=\"stash-modal__body\"\n >\n <slot></slot>\n </div>\n\n <footer\n v-if=\"hasFooterContent\"\n class=\"stash-modal__footer tw-border-ice-500 tw-bg-ice-100 tw-p-3 lg:tw-p-6\"\n :class=\"{ 'lg:tw-rounded-b': !isDrawer }\"\n >\n <!-- @slot Overrides the whole footer section. Used for rendering custom footers with more than 2 actions. If defined, \"actions\" slot will get ignored. -->\n <slot name=\"footer\">\n <div class=\"stash-modal__footer__actions tw-flex tw-flex-col tw-justify-end lg:tw-flex-row\">\n <!-- @slot Modal footer actions, supports rendering up to 2 `<Button>` children -->\n <slot name=\"actions\"></slot>\n </div>\n </slot>\n </footer>\n </div>\n </div>\n</template>\n\n<style scoped>\n .stash-modal__header {\n grid-template-columns: 48px 1fr 48px;\n }\n\n .stash-modal__footer__actions > :deep(.stash-button):nth-of-type(1) {\n order: 2;\n }\n\n .stash-modal__footer__actions > :deep(.stash-button):nth-of-type(2) {\n margin-bottom: theme('spacing.3');\n order: 1;\n }\n\n @media screen('lg') {\n .stash-modal__footer__actions > :deep(.stash-button):nth-of-type(1) {\n order: 1;\n }\n\n .stash-modal__footer__actions > :deep(.stash-button):nth-of-type(2) {\n margin-bottom: 0;\n order: 2;\n }\n\n .stash-modal__footer__actions > :deep(.stash-button + .stash-button) {\n margin-left: var(--grid-gutter);\n }\n }\n\n .stash-modal__featured-content > :deep(*) {\n border-radius: inherit;\n }\n</style>\n"],"names":["ModalSize","ModalPosition","props","__props","emit","__emit","slots","useSlots","rootRef","ref","lastExternalFocusedElement","focusElements","firstFocusElement","lastFocusElement","initialPageScrollingElementStyle","headerId","uniqueId","hasFooterContent","computed","isModalOpen","isDrawer","getPageScrollingElement","watch","toggleHelpWidgetLauncher","onBeforeUnmount","handleTab","_a","dismiss","FOCUS_ELEMENTS_SELECTOR","e","_b","nextState","launcherElement"],"mappings":";;;;;;;;;;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;ACkFV,UAAMC,IAAQC,GAeRC,IAAOC,GASPC,IAAQC,KAERC,IAAUC,KACVC,IAA6BD,KAC7BE,IAAgBF,EAAmB,CAAA,CAAE,GACrCG,IAAoBH,KACpBI,IAAmBJ,KACnBK,IAAmCL,EAAI,EAAE,QAAQ,IAAI,UAAU,IAAI,GACnEM,IAAWC,EAAS,eAAe,GACnCC,IAAmBC,EAAS,MAAM,CAAC,CAACZ,EAAM,WAAW,CAAC,CAACA,EAAM,MAAM,GACnEa,IAAcD,EAAS,MAAMhB,EAAM,QAAQA,EAAM,MAAM,GACvDkB,IAAWF,EAAS,MAAMhB,EAAM,aAAa,UAAUA,EAAM,aAAa,OAAO;AAEvF,aAASmB,IAA0B;AACzB,aAAA,SAAS,oBAAoB,SAAS;AAAA,IAChD;AAEA,IAAAC;AAAA,MACEH;AAAA,MACA,MAAM;AACqB,QAAAI,EAAAJ,EAAY,QAAQ,SAAS,MAAM,GAExDA,EAAY,SACP,OAAA,OAAOL,EAAiC,OAAO;AAAA,UACpD,QAAQO,IAA0B,MAAM;AAAA,UACxC,UAAUA,IAA0B,MAAM;AAAA,QAAA,CAC3C,GAGI,OAAA,OAAOA,EAAwB,EAAE,OAAO;AAAA,UAC7C,UAAUF,EAAY,QAAQ,WAAWL,EAAiC,MAAM;AAAA;AAAA,UAChF,QAAQK,EAAY,QAAQ,SAASL,EAAiC,MAAM;AAAA;AAAA,QAAA,CAC7E;AAAA,MACH;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGpBU,EAAgB,MAAM;;AACpB,MAAAD,EAAyB,MAAM,GAGxB,OAAA,OAAOF,EAAwB,EAAE,OAAO;AAAA,QAC7C,UAAUP,EAAiC,MAAM;AAAA,QACjD,QAAQA,EAAiC,MAAM;AAAA,MAAA,CAChD,GAGQ,SAAA,oBAAoB,WAAWW,CAAS,IACjDC,IAAAhB,EAA2B,UAA3B,QAAAgB,EAAkC;AAAA,IAAM,CACzC;AAED,aAASC,IAAU;AACjB,MAAIzB,EAAM,mBAGVE,EAAK,eAAe,EAAK,GACzBA,EAAK,kBAAkB,EAAK,GAC5BA,EAAK,SAAS;AAAA,IAChB;AAGA,IAAAkB,EAAMd,GAAS,MAAM;AACf,MAACA,EAAQ,UAIbE,EAA2B,QAAQ,SAAS,eAC5CF,EAAQ,MAAM,SAEdG,EAAc,QAAQ,MAAM,KAAKH,EAAQ,MAAM,iBAA8BoB,CAAuB,CAAC,GACnFhB,EAAA,QAAQD,EAAc,MAAM,CAAC,GAC/CE,EAAiB,QAAQF,EAAc,MAAMA,EAAc,MAAM,SAAS,CAAC,GAClE,SAAA,iBAAiB,WAAWc,CAAS;AAAA,IAAA,CAC/C;AAED,aAASA,EAAUI,GAAG;;AAChB,MAAAA,EAAE,QAAQ,UACRA,EAAE,YAAY,SAAS,kBAAkBjB,EAAkB,UAC7Dc,IAAAb,EAAiB,UAAjB,QAAAa,EAAwB,SACxBG,EAAE,eAAe,KACR,SAAS,kBAAkBhB,EAAiB,WACrDiB,IAAAlB,EAAkB,UAAlB,QAAAkB,EAAyB,SACzBD,EAAE,eAAe;AAAA,IAGvB;AAKA,aAASN,EAAyBQ,GAA4B;AACtD,YAAAC,IAAkB,SAAS,eAAe,UAAU;AAE1D,MAAI,CAACA,KAAmB,CAACA,EAAgB,kBAIzCA,EAAgB,cAAc,MAAM,UAAUD,MAAc,SAAS,UAAU;AAAA,IACjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../src/components/Modal/Modal.types.ts","../src/components/Modal/Modal.vue"],"sourcesContent":["export enum ModalSize {\n Narrow = 'narrow',\n Medium = 'medium',\n Wide = 'wide',\n}\n\nexport type ModalSizes = `${ModalSize}`;\n\nexport enum ModalPosition {\n Center = 'center',\n Left = 'left',\n Right = 'right',\n}\n\nexport type ModalPositions = `${ModalPosition}`;\n","<script lang=\"ts\">\n import { ModalPositions, ModalSizes } from './Modal.types';\n\n export * from './Modal.types';\n\n export interface ModalProps {\n /**\n * Hides the \"close\" button\n */\n hideClose?: boolean;\n\n /**\n * Opens the modal when truthy; hides the modal when falsy.\n * @deprecated Use `isOpen` instead\n */\n open?: boolean;\n\n /**\n * Opens the modal when truthy; hides the modal when falsy.\n */\n isOpen?: boolean;\n\n /**\n * Use v-model:is-open or :is-open instead of :model-value and v-model.\n * @deprecated\n */\n modelValue?: boolean;\n\n /**\n * Sets a preset max-width on the modal.\n * Options: default (648px), narrow (360px), wide (960px)\n */\n size?: ModalSizes;\n\n /**\n * Should the modal be scrollable within the content area. This prop is treated as `true` when the `position` prop is set to \"left\" or \"right\".\n */\n scrollable?: boolean;\n\n /**\n * Gives the modal body have a light gray background\n */\n contrast?: boolean;\n\n /**\n * Text to display in the modal header\n */\n title?: string;\n\n /**\n * Disables the default padding in the modal body.\n */\n disableBodyPadding?: boolean;\n\n /**\n * The position on the screen to display the modal.\n */\n position?: ModalPositions;\n\n /**\n * Hide the header. Typically used with the featuredContent slot to display a graphic and create a \"promo\" modal.\n */\n hideHeader?: boolean;\n\n /**\n * Add classes to the close button. This can be used with the hideHeader prop and featuredContent slot to\n * accommodate images with different color backgrounds.\n */\n closeButtonColorClass?: string;\n\n /**\n * Prevents the modal from being dismissed by clicking the backdrop or pressing the escape key.\n * Example: There are in-flight api requests and you do not want the modal to close until they are done.\n */\n preventDismiss?: boolean;\n }\n</script>\n\n<script setup lang=\"ts\">\n import uniqueId from 'lodash-es/uniqueId';\n import { computed, onBeforeUnmount, ref, useSlots, watch } from 'vue';\n\n import { FOCUS_ELEMENTS_SELECTOR } from '../../constants';\n import { t } from '../../locale';\n import Backdrop from '../Backdrop/Backdrop.vue';\n import Button from '../Button/Button.vue';\n import Icon from '../Icon/Icon.vue';\n\n defineOptions({ name: 'll-modal' });\n\n const props = withDefaults(defineProps<ModalProps>(), {\n hideClose: false,\n open: false,\n isOpen: false,\n modelValue: false,\n size: 'medium',\n scrollable: false,\n contrast: false,\n title: '',\n position: 'center',\n hideHeader: false,\n closeButtonColorClass: 'tw-text-white/50',\n preventDismiss: false,\n });\n\n const emit = defineEmits<{\n /**\n * @deprecated Use the `update:is-open` event instead\n */\n (e: 'update:open', isOpen?: boolean): void;\n (e: 'update:is-open', isOpen?: boolean): void;\n (e: 'dismiss'): void;\n }>();\n\n const slots = useSlots();\n\n const rootRef = ref<HTMLElement>();\n const lastExternalFocusedElement = ref<HTMLElement>();\n const focusElements = ref<HTMLElement[]>([]);\n const firstFocusElement = ref<HTMLElement>();\n const lastFocusElement = ref<HTMLElement>();\n const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n const headerId = uniqueId('modal-header-');\n const hasFooterContent = computed(() => !!slots.actions || !!slots.footer);\n const isModalOpen = computed(() => props.open || props.isOpen);\n const isDrawer = computed(() => props.position === 'left' || props.position === 'right');\n\n function getPageScrollingElement() {\n return (document.scrollingElement || document.body) as HTMLElement;\n }\n\n watch(\n isModalOpen,\n () => {\n toggleHelpWidgetLauncher(isModalOpen.value ? 'hide' : 'show');\n\n if (isModalOpen.value) {\n Object.assign(initialPageScrollingElementStyle.value, {\n height: getPageScrollingElement().style.height,\n overflow: getPageScrollingElement().style.overflow,\n });\n }\n\n Object.assign(getPageScrollingElement().style, {\n overflow: isModalOpen.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when modal is open\n height: isModalOpen.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when modal is open; see https://github.com/LeafLink/stash/pull/713#issuecomment-1184602535\n });\n },\n { immediate: true },\n );\n\n onBeforeUnmount(() => {\n toggleHelpWidgetLauncher('show');\n\n // In cases where the watchEffect for isModalOpen isn't triggered while closing/nagivating away from modal, this ensures scrolling returns to normal\n Object.assign(getPageScrollingElement().style, {\n overflow: initialPageScrollingElementStyle.value.overflow,\n height: initialPageScrollingElementStyle.value.height,\n });\n\n // Clear focus trap tab listener\n document.removeEventListener('keydown', handleTab);\n lastExternalFocusedElement.value?.focus();\n });\n\n function dismiss() {\n if (props.preventDismiss) {\n return;\n }\n emit('update:open', false);\n emit('update:is-open', false);\n emit('dismiss');\n }\n\n // This watcher ensures the Tab key cycles through focusable elements within the modal.\n watch(rootRef, () => {\n if (!rootRef.value) {\n return;\n }\n\n lastExternalFocusedElement.value = document.activeElement as HTMLElement;\n rootRef.value.focus();\n\n focusElements.value = Array.from(rootRef.value.querySelectorAll<HTMLElement>(FOCUS_ELEMENTS_SELECTOR));\n firstFocusElement.value = focusElements.value[0];\n lastFocusElement.value = focusElements.value[focusElements.value.length - 1];\n document.addEventListener('keydown', handleTab);\n });\n\n function handleTab(e) {\n if (e.key === 'Tab') {\n if (e.shiftKey && document.activeElement === firstFocusElement.value) {\n lastFocusElement.value?.focus();\n e.preventDefault();\n } else if (document.activeElement === lastFocusElement.value) {\n firstFocusElement.value?.focus();\n e.preventDefault();\n }\n }\n }\n\n /**\n * The customer support \"help widget launcher\" covers the action buttons in the Modal when the Modal uses a position value of \"right\" (for drawers).\n */\n function toggleHelpWidgetLauncher(nextState: 'show' | 'hide') {\n const launcherElement = document.getElementById('launcher');\n\n if (!launcherElement || !launcherElement.parentElement) {\n return;\n }\n\n launcherElement.parentElement.style.display = nextState === 'show' ? 'block' : 'none';\n }\n</script>\n\n<template>\n <div\n v-if=\"isModalOpen\"\n ref=\"rootRef\"\n class=\"stash-modal tw-fixed tw-inset-0\"\n :class=\"{\n 'tw-invisible tw-z-behind': !isModalOpen,\n 'tw-visible tw-z-modal': isModalOpen,\n 'lg:tw-flex lg:tw-flex-col lg:tw-items-center lg:tw-justify-center': props.position === 'center',\n 'tw-overflow-y-auto': !props.scrollable && !isDrawer,\n 'tw-overflow-y-hidden': isDrawer,\n }\"\n data-test=\"ll-modal\"\n tabindex=\"0\"\n @keydown.esc=\"dismiss\"\n >\n <Backdrop class=\"stash-modal__backdrop\" @click.stop=\"dismiss\" />\n <div\n aria-modal=\"true\"\n role=\"dialog\"\n :aria-labelledby=\"headerId\"\n class=\"stash-modal__dialog tw-relative tw-flex tw-h-screen tw-w-full tw-flex-col lg:tw-shadow-3xl\"\n :class=\"[\n `stash-modal__dialog--size-${props.size}`,\n `stash-modal__dialog--position-${props.position}`,\n {\n 'stash-modal__dialog--is-open': isModalOpen,\n 'stash-modal__dialog--is-drawer': isDrawer,\n 'stash-modal__dialog--is-contrast': props.contrast,\n 'stash-modal__dialog--is-scrollable': props.scrollable,\n 'lg:tw-w-[360px]': props.size === 'narrow',\n 'lg:tw-w-[648px]': props.size === 'medium',\n 'lg:tw-w-[960px]': props.size === 'wide',\n 'lg:tw-my-0 lg:tw-h-auto lg:tw-max-h-[90vh]': props.position === 'center',\n // tw-absolute causing this to break when items in bottom of container get focus\n 'lg:tw-fixed lg:tw-h-screen': isDrawer,\n 'lg:tw-left-0': props.position === 'left',\n 'lg:tw-right-0': props.position === 'right',\n },\n ]\"\n @click.stop\n >\n <header\n v-if=\"!props.hideHeader\"\n data-test=\"stash-modal__header\"\n class=\"stash-modal__header tw-grid tw-h-12 tw-place-items-center tw-bg-purple-500\"\n :class=\"{ 'lg:tw-rounded-t': !isDrawer }\"\n >\n <div class=\"tw-flex tw-place-items-center\">\n <!-- @slot Adds an action to the left side of the header bar. An example usage is a modal with multiple pages and a back button can be inserted here -->\n <slot name=\"headerAction\"></slot>\n </div>\n\n <h3 v-if=\"props.title\" :id=\"headerId\" class=\"tw-m-0 tw-flex-1 tw-leading-6 tw-text-white\">\n {{ props.title }}\n </h3>\n\n <Button\n v-if=\"!props.hideClose\"\n icon\n data-test=\"ll-modal-close\"\n :title=\"t('ll.closeModal')\"\n type=\"button\"\n @click=\"dismiss\"\n >\n <Icon class=\"tw-text-white\" name=\"close\" />\n </Button>\n </header>\n\n <Button\n v-if=\"!props.hideClose && props.hideHeader\"\n class=\"tw-absolute tw-right-0 tw-top-0 tw-z-10\"\n icon\n data-test=\"ll-modal-close\"\n type=\"button\"\n :title=\"t('ll.closeModal')\"\n @click=\"dismiss\"\n >\n <Icon class=\"tw-drop-shadow-md\" name=\"close\" :class=\"[props.closeButtonColorClass]\" />\n </Button>\n\n <div\n v-if=\"!!slots['featured-content']\"\n class=\"stash-modal__featured-content tw-relative\"\n :class=\"{\n 'tw-rounded-t': props.hideHeader,\n }\"\n >\n <slot name=\"featured-content\"></slot>\n </div>\n\n <div\n class=\"stash-modal__body tw-flex-1 tw-overflow-y-auto\"\n :class=\"[\n {\n 'tw-p-3 lg:tw-p-6': !props.disableBodyPadding,\n 'lg:tw-overflow-y-visible': !props.scrollable && !isDrawer,\n 'lg:tw-rounded-b': !hasFooterContent && !isDrawer,\n 'tw-bg-white': !props.contrast,\n 'tw-bg-ice-200': props.contrast,\n },\n ]\"\n data-test=\"stash-modal__body\"\n >\n <slot></slot>\n </div>\n\n <footer\n v-if=\"hasFooterContent\"\n class=\"stash-modal__footer tw-border-ice-500 tw-bg-ice-100 tw-p-3 lg:tw-p-6\"\n :class=\"{ 'lg:tw-rounded-b': !isDrawer }\"\n >\n <!-- @slot Overrides the whole footer section. Used for rendering custom footers with more than 2 actions. If defined, \"actions\" slot will get ignored. -->\n <slot name=\"footer\">\n <div class=\"stash-modal__footer__actions tw-flex tw-flex-col tw-justify-end lg:tw-flex-row\">\n <!-- @slot Modal footer actions, supports rendering up to 2 `<Button>` children -->\n <slot name=\"actions\"></slot>\n </div>\n </slot>\n </footer>\n </div>\n </div>\n</template>\n\n<style scoped>\n .stash-modal__header {\n grid-template-columns: 48px 1fr 48px;\n }\n\n .stash-modal__footer__actions > :deep(.stash-button):nth-of-type(1) {\n order: 2;\n }\n\n .stash-modal__footer__actions > :deep(.stash-button):nth-of-type(2) {\n margin-bottom: theme('spacing.3');\n order: 1;\n }\n\n @media screen('lg') {\n .stash-modal__footer__actions > :deep(.stash-button):nth-of-type(1) {\n order: 1;\n }\n\n .stash-modal__footer__actions > :deep(.stash-button):nth-of-type(2) {\n margin-bottom: 0;\n order: 2;\n }\n\n .stash-modal__footer__actions > :deep(.stash-button + .stash-button) {\n margin-left: var(--grid-gutter);\n }\n }\n\n .stash-modal__featured-content > :deep(*) {\n border-radius: inherit;\n }\n</style>\n"],"names":["ModalSize","ModalPosition","props","__props","emit","__emit","slots","useSlots","rootRef","ref","lastExternalFocusedElement","focusElements","firstFocusElement","lastFocusElement","initialPageScrollingElementStyle","headerId","uniqueId","hasFooterContent","computed","isModalOpen","isDrawer","getPageScrollingElement","watch","toggleHelpWidgetLauncher","onBeforeUnmount","handleTab","_a","dismiss","FOCUS_ELEMENTS_SELECTOR","e","_b","nextState","launcherElement"],"mappings":";;;;;;;;;;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,OAAO,QAHGA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,QAAQ,SAHEA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;ACkFV,UAAMC,IAAQC,GAeRC,IAAOC,GASPC,IAAQC,KAERC,IAAUC,KACVC,IAA6BD,KAC7BE,IAAgBF,EAAmB,CAAA,CAAE,GACrCG,IAAoBH,KACpBI,IAAmBJ,KACnBK,IAAmCL,EAAI,EAAE,QAAQ,IAAI,UAAU,IAAI,GACnEM,IAAWC,EAAS,eAAe,GACnCC,IAAmBC,EAAS,MAAM,CAAC,CAACZ,EAAM,WAAW,CAAC,CAACA,EAAM,MAAM,GACnEa,IAAcD,EAAS,MAAMhB,EAAM,QAAQA,EAAM,MAAM,GACvDkB,IAAWF,EAAS,MAAMhB,EAAM,aAAa,UAAUA,EAAM,aAAa,OAAO;AAEvF,aAASmB,IAA0B;AACzB,aAAA,SAAS,oBAAoB,SAAS;AAAA,IAChD;AAEA,IAAAC;AAAA,MACEH;AAAA,MACA,MAAM;AACqB,QAAAI,EAAAJ,EAAY,QAAQ,SAAS,MAAM,GAExDA,EAAY,SACP,OAAA,OAAOL,EAAiC,OAAO;AAAA,UACpD,QAAQO,IAA0B,MAAM;AAAA,UACxC,UAAUA,IAA0B,MAAM;AAAA,QAAA,CAC3C,GAGI,OAAA,OAAOA,EAAwB,EAAE,OAAO;AAAA,UAC7C,UAAUF,EAAY,QAAQ,WAAWL,EAAiC,MAAM;AAAA;AAAA,UAChF,QAAQK,EAAY,QAAQ,SAASL,EAAiC,MAAM;AAAA;AAAA,QAAA,CAC7E;AAAA,MACH;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGpBU,EAAgB,MAAM;;AACpB,MAAAD,EAAyB,MAAM,GAGxB,OAAA,OAAOF,EAAwB,EAAE,OAAO;AAAA,QAC7C,UAAUP,EAAiC,MAAM;AAAA,QACjD,QAAQA,EAAiC,MAAM;AAAA,MAAA,CAChD,GAGQ,SAAA,oBAAoB,WAAWW,CAAS,IACjDC,IAAAhB,EAA2B,UAA3B,QAAAgB,EAAkC;AAAA,IAAM,CACzC;AAED,aAASC,IAAU;AACjB,MAAIzB,EAAM,mBAGVE,EAAK,eAAe,EAAK,GACzBA,EAAK,kBAAkB,EAAK,GAC5BA,EAAK,SAAS;AAAA,IAChB;AAGA,IAAAkB,EAAMd,GAAS,MAAM;AACf,MAACA,EAAQ,UAIbE,EAA2B,QAAQ,SAAS,eAC5CF,EAAQ,MAAM,SAEdG,EAAc,QAAQ,MAAM,KAAKH,EAAQ,MAAM,iBAA8BoB,CAAuB,CAAC,GACnFhB,EAAA,QAAQD,EAAc,MAAM,CAAC,GAC/CE,EAAiB,QAAQF,EAAc,MAAMA,EAAc,MAAM,SAAS,CAAC,GAClE,SAAA,iBAAiB,WAAWc,CAAS;AAAA,IAAA,CAC/C;AAED,aAASA,EAAUI,GAAG;;AAChB,MAAAA,EAAE,QAAQ,UACRA,EAAE,YAAY,SAAS,kBAAkBjB,EAAkB,UAC7Dc,IAAAb,EAAiB,UAAjB,QAAAa,EAAwB,SACxBG,EAAE,eAAe,KACR,SAAS,kBAAkBhB,EAAiB,WACrDiB,IAAAlB,EAAkB,UAAlB,QAAAkB,EAAyB,SACzBD,EAAE,eAAe;AAAA,IAGvB;AAKA,aAASN,EAAyBQ,GAA4B;AACtD,YAAAC,IAAkB,SAAS,eAAe,UAAU;AAE1D,MAAI,CAACA,KAAmB,CAACA,EAAgB,kBAIzCA,EAAgB,cAAc,MAAM,UAAUD,MAAc,SAAS,UAAU;AAAA,IACjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Modals.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import { _ as
|
|
1
|
+
import { defineComponent as d, computed as u, openBlock as s, createBlock as r, Transition as _, withCtx as a, resolveDynamicComponent as m, mergeProps as p, toHandlers as f, createSlots as v, renderList as b, createElementVNode as x, createCommentVNode as M } from "vue";
|
|
2
|
+
import L from "./useModals.js";
|
|
3
|
+
import { _ as y } from "./_plugin-vue_export-helper-dad06003.js";
|
|
4
4
|
import "lodash-es/merge";
|
|
5
|
-
const
|
|
5
|
+
const C = ["innerHTML"], g = /* @__PURE__ */ d({
|
|
6
6
|
__name: "Modals",
|
|
7
|
-
setup(
|
|
8
|
-
const t =
|
|
9
|
-
function
|
|
10
|
-
var
|
|
11
|
-
return (
|
|
12
|
-
dismiss: () => t.close({ index:
|
|
13
|
-
close: () => t.close({ index:
|
|
14
|
-
cancel: () => t.close({ index:
|
|
7
|
+
setup(h) {
|
|
8
|
+
const t = L(), e = u(() => t.current);
|
|
9
|
+
function l(n) {
|
|
10
|
+
var o;
|
|
11
|
+
return (o = n.options) != null && o.disableDefaultListeners ? {} : {
|
|
12
|
+
dismiss: () => t.close({ index: 0 }),
|
|
13
|
+
close: () => t.close({ index: 0 }),
|
|
14
|
+
cancel: () => t.close({ index: 0 })
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
|
-
return (
|
|
17
|
+
return (n, o) => (s(), r(_, {
|
|
18
|
+
name: "modals",
|
|
19
|
+
mode: "out-in"
|
|
20
|
+
}, {
|
|
18
21
|
default: a(() => [
|
|
19
|
-
(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}, e.attributes, { "is-open": !0 }, b(_(e, n))), g({ _: 2 }, [
|
|
23
|
-
l(e.slots, (i, u) => ({
|
|
24
|
-
name: u,
|
|
22
|
+
e.value ? (s(), r(m(e.value.component), p({ key: 0 }, e.value.attributes, { "is-open": !0 }, f(l(e.value))), v({ _: 2 }, [
|
|
23
|
+
b(e.value.slots, (c, i) => ({
|
|
24
|
+
name: i,
|
|
25
25
|
fn: a(() => [
|
|
26
|
-
|
|
26
|
+
x("div", { innerHTML: c }, null, 8, C)
|
|
27
27
|
])
|
|
28
28
|
}))
|
|
29
|
-
]), 1040))
|
|
29
|
+
]), 1040)) : M("", !0)
|
|
30
30
|
]),
|
|
31
31
|
_: 1
|
|
32
32
|
}));
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
|
-
const
|
|
35
|
+
const D = /* @__PURE__ */ y(g, [["__scopeId", "data-v-bb296f1b"]]);
|
|
36
36
|
export {
|
|
37
|
-
|
|
37
|
+
D as default
|
|
38
38
|
};
|
|
39
39
|
//# sourceMappingURL=Modals.js.map
|
package/dist/Modals.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modals.js","sources":["../src/components/Modals/Modals.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n /* @ts-ignore-file */\n import { DeepReadonly } from 'vue';\n\n import useModals, { type Modal } from '../../composables/useModals/useModals';\n\n const modals = useModals();\n\n // @ts-ignore - Stupid TS version issues. Todo: remove ` | any` when TS/vite/vue deps are updated.\n function getListeners(modal: DeepReadonly<Modal> | any
|
|
1
|
+
{"version":3,"file":"Modals.js","sources":["../src/components/Modals/Modals.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n /* @ts-ignore-file */\n import { computed, DeepReadonly } from 'vue';\n\n import useModals, { type Modal } from '../../composables/useModals/useModals';\n\n const modals = useModals();\n\n const currentModal = computed(() => modals.current);\n\n // @ts-ignore - Stupid TS version issues. Todo: remove ` | any` when TS/vite/vue deps are updated.\n function getListeners(modal: DeepReadonly<Modal> | any) {\n if (modal.options?.disableDefaultListeners) {\n return {};\n }\n\n return {\n dismiss: () => modals.close({ index: 0 }),\n close: () => modals.close({ index: 0 }),\n cancel: () => modals.close({ index: 0 }),\n };\n }\n</script>\n\n<template>\n <Transition name=\"modals\" mode=\"out-in\">\n <component\n :is=\"currentModal.component\"\n v-if=\"currentModal\"\n v-bind=\"currentModal.attributes\"\n :is-open=\"true\"\n v-on=\"getListeners(currentModal)\"\n >\n <template v-for=\"(value, name) in currentModal.slots\" :key=\"name\" #[name]>\n <!-- eslint-disable-next-line vue/no-v-html -->\n <div v-html=\"value\" />\n </template>\n </component>\n </Transition>\n</template>\n\n<style scoped>\n .modals-enter-active,\n .modals-leave-active {\n --swing-timing-function: cubic-bezier(0.25, 0.8, 0.5, 1); /* \"swing\" from the $transition sass map */\n transition: opacity 165ms var(--swing-timing-function);\n }\n\n .modals-enter-from,\n .modals-leave-to {\n opacity: 0;\n }\n\n .modals-enter-active :deep(.stash-modal__dialog--position-center),\n .modals-leave-active :deep(.stash-modal__dialog--position-center) {\n transition: transform 165ms var(--swing-timing-function);\n }\n\n .modals-enter-from :deep(.stash-modal__dialog--position-center),\n .modals-leave-to :deep(.stash-modal__dialog--position-center) {\n transform: translateY(20px);\n }\n\n .modals-enter-active :deep(.stash-modal__dialog--is-drawer),\n .modals-leave-active :deep(.stash-modal__dialog--is-drawer) {\n transition: transform 165ms var(--swing-timing-function);\n }\n\n .modals-enter-from :deep(.stash-modal__dialog--position-left),\n .modals-leave-to :deep(.stash-modal__dialog--position-left) {\n transform: translateX(-50px);\n }\n\n .modals-enter-from :deep(.stash-modal__dialog--position-right),\n .modals-leave-to :deep(.stash-modal__dialog--position-right) {\n transform: translateX(50px);\n }\n</style>\n"],"names":["modals","useModals","currentModal","computed","getListeners","modal","_a"],"mappings":";;;;;;;AAME,UAAMA,IAASC,KAETC,IAAeC,EAAS,MAAMH,EAAO,OAAO;AAGlD,aAASI,EAAaC,GAAkC;;AAClD,cAAAC,IAAAD,EAAM,YAAN,QAAAC,EAAe,0BACV,KAGF;AAAA,QACL,SAAS,MAAMN,EAAO,MAAM,EAAE,OAAO,GAAG;AAAA,QACxC,OAAO,MAAMA,EAAO,MAAM,EAAE,OAAO,GAAG;AAAA,QACtC,QAAQ,MAAMA,EAAO,MAAM,EAAE,OAAO,GAAG;AAAA,MAAA;AAAA,IAE3C;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/components.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
._button_4w1qh_2{border-radius:.25rem;border-width:1px;display:inline-block;font-size:.875rem;font-weight:600;line-height:2.125rem;margin:0;min-width:144px;padding:0 .75rem;text-align:center;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle;white-space:nowrap}@media (min-width: 961px){._button_4w1qh_2:focus{-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.14);box-shadow:0 0 0 3px #007bff24;outline:none}._button_4w1qh_2:hover{-webkit-text-decoration:none;text-decoration:none}}._button_4w1qh_2[disabled]{cursor:default;pointer-events:none}._button--solid_4w1qh_36{background-color:var(--button-color);border-color:transparent;color:var(--text-color)}@media (min-width: 961px){._button--solid_4w1qh_36:hover{background-color:var(--button-hover-color)}}._button--solid_4w1qh_36:active{background-color:var(--button-hover-color)}._button--solid_4w1qh_36[disabled]:not(.stash-button--is-loading){--button-color: var(--color-ice-500) !important}._button--ghost_4w1qh_58{background-color:#0000;border-color:var(--button-color);color:var(--text-color)}@media (min-width: 961px){._button--ghost_4w1qh_58:hover{background-color:var(--button-hover-color)}}._button--ghost_4w1qh_58:active{background-color:var(--button-hover-color)}._button--ghost_4w1qh_58[disabled]:not(.stash-button--is-loading){--button-color: var(--color-ice-500) !important;--text-color: var(--color-ice-500) !important}._button--primary_4w1qh_81{--button-color: var(--color-blue-500);--button-hover-color: var(--color-blue-hover);--text-color: var(--color-white)}._button--secondary_4w1qh_88{--button-color: var(--color-ice-500);--button-hover-color: var(--color-ice-700-hover);--text-color: var(--color-ice-700)}._button--tertiary_4w1qh_95{--button-color: var(--color-white);--button-hover-color: var(--color-white-hover);--text-color: var(--color-white)}._button--icon_4w1qh_102,._button--iconLabel_4w1qh_103{border:0;border-radius:.25rem;height:3rem;min-width:3rem;-webkit-text-decoration:none;text-decoration:none}._button--icon_4w1qh_102{padding:.75rem;width:3rem}._button--iconLabel_4w1qh_103{padding:0;width:auto;width:initial}@media (min-width: 961px){._button--icon_4w1qh_102:hover,._button--iconLabel_4w1qh_103:hover{-webkit-text-decoration:none;text-decoration:none}}._button--icon_4w1qh_102 svg,._button--iconLabel_4w1qh_103 svg{display:block;margin-left:auto;margin-right:auto}._button--icon_4w1qh_102[disabled]:not(.stash-button--is-loading) svg,._button--iconLabel_4w1qh_103[disabled]:not(.stash-button--is-loading),._button--iconLabel_4w1qh_103[disabled]:not(.stash-button--is-loading) svg{color:var(--color-ice-500)}._button--inline_4w1qh_143{border:0;color:var(--color-blue-500);font-weight:500;line-height:1.5;min-width:0;padding:0}._button--inline_4w1qh_143:hover{-webkit-text-decoration:underline;text-decoration:underline}._button--inline_4w1qh_143[disabled]{color:var(--color-ice-500)}._button--blue_4w1qh_161._button--primary_4w1qh_81,._button--blue_4w1qh_161._button--secondary_4w1qh_88{--button-color: var(--color-blue-500)}._button--blue_4w1qh_161._button--primary_4w1qh_81{--button-hover-color: var(--color-blue-hover)}._button--blue_4w1qh_161._button--secondary_4w1qh_88{--text-color: var(--color-blue-500);--button-hover-color: var(--button-secondary-blue-hover)}._button--red_4w1qh_175._button--primary_4w1qh_81,._button--red_4w1qh_175._button--secondary_4w1qh_88{--button-color: var(--color-red-500)}._button--red_4w1qh_175._button--primary_4w1qh_81{--button-hover-color: var(--color-red-hover)}._button--red_4w1qh_175._button--secondary_4w1qh_88{--text-color: var(--color-red-500);--button-hover-color: var(--button-secondary-red-hover)}.button-grid>._button_4w1qh_2,.header-button-grid>._button_4w1qh_2{width:50%}.button-grid>._button_4w1qh_2+._button_4w1qh_2{margin-left:1.5rem}@media (min-width: 640px){.button-grid>._button_4w1qh_2{width:auto}}.header-button-grid>._button_4w1qh_2+._button_4w1qh_2{margin-left:1.5rem}@media (min-width: 961px){.header-button-grid>._button_4w1qh_2{width:auto}}._input_bhz1o_2:disabled+._label_bhz1o_2{cursor:auto}._label_bhz1o_2:before{content:"";border:1px solid var(--color-ice-500);display:inline-block;vertical-align:top}._label_bhz1o_2:before,._label_bhz1o_2:after{border-radius:.25rem;height:20px;left:0;position:absolute;top:.375rem;width:20px}._has-error_bhz1o_23 ._label_bhz1o_2:before,._has-error_bhz1o_23 ._input_bhz1o_2{border-color:var(--color-red-500)}._input_bhz1o_2:indeterminate+._label_bhz1o_2:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 10.4C6 10.1791 6.17909 10 6.4 10H17.6C17.8209 10 18 10.1791 18 10.4V12.6C18 12.8209 17.8209 13 17.6 13H6.4C6.17909 13 6 12.8209 6 12.6V10.4Z" fill="white"/></svg>')}._input_bhz1o_2:checked+._label_bhz1o_2:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.89 8.281a.723.723 0 0 1 .22.531.723.723 0 0 1-.22.532l-6.718 6.719a.723.723 0 0 1-.531.218.723.723 0 0 1-.532-.218l-3.89-3.891A.723.723 0 0 1 6 11.64c0-.209.073-.386.219-.532l1.062-1.062a.723.723 0 0 1 .532-.219.72.72 0 0 1 .53.219l2.298 2.305 5.125-5.133a.723.723 0 0 1 .53-.219c.21 0 .386.073.532.219l1.063 1.062z" fill="white"/></svg>');background:var(--color-blue-500);height:20px;width:20px;top:.375rem}._input_bhz1o_2:checked+._label_bhz1o_2:before,._input_bhz1o_2:indeterminate+._label_bhz1o_2:before{background:var(--color-blue-500);border-color:var(--color-blue-500)}._input_bhz1o_2:disabled+._label_bhz1o_2:before,._input_bhz1o_2:disabled+._label_bhz1o_2:after{background:var(--color-ice-100);border:1px solid var(--color-ice-500)}._input_bhz1o_2:disabled:checked+._label_bhz1o_2:after{background:var(--color-ice-500)}._input_bhz1o_2:disabled:indeterminate+._label_bhz1o_2:after{background:var(--color-ice-500)}._input_bhz1o_2:not(:disabled):not(:checked):not(:indeterminate)+._label_bhz1o_2:hover:before{border-color:var(--color-blue-500)}._pagination_14zhb_2{margin-top:3rem;z-index:0}._pagination_14zhb_2 a,._pagination_14zhb_2 button{border-width:1px}._pagination_14zhb_2 a,._pagination_14zhb_2 button{border-style:solid}._pagination_14zhb_2 a,._pagination_14zhb_2 button{--tw-border-opacity: 1;border-color:#e8e9ee;border-color:rgba(232,233,238,var(--tw-border-opacity))}._pagination_14zhb_2 a,._pagination_14zhb_2 button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;color:var(--color-blue-500);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 -1px;width:2.25rem}._pagination_14zhb_2 a._prev_14zhb_20,._pagination_14zhb_2 button._prev_14zhb_20{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}._pagination_14zhb_2 a._next_14zhb_25,._pagination_14zhb_2 button._next_14zhb_25{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}._pagination_14zhb_2 a:focus,._pagination_14zhb_2 button:focus{outline:none}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover{-webkit-text-decoration:none;text-decoration:none}._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{background-color:var(--color-blue-500);color:#fff;pointer-events:none;z-index:200}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{border-width:1px}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{border-style:solid}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{--tw-border-opacity: 1;border-color:#0072f0;border-color:rgba(0,114,240,var(--tw-border-opacity))}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{position:relative}._pagination_14zhb_2 a._is-disabled_14zhb_51,._pagination_14zhb_2 button._is-disabled_14zhb_51{cursor:not-allowed;opacity:.5}._root_hagg9_2{max-width:600px}._image_hagg9_6{max-width:60px}@-webkit-keyframes _loading_ing3s_1{0%{stroke-dashoffset:250;-webkit-transform:rotate3d(0,0,1,-360deg);transform:rotate3d(0,0,1,-360deg)}to{stroke-dashoffset:40;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}@keyframes _loading_ing3s_1{0%{stroke-dashoffset:250;-webkit-transform:rotate3d(0,0,1,-360deg);transform:rotate3d(0,0,1,-360deg)}to{stroke-dashoffset:40;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}._spinner_ing3s_14{width:48px}._spinner_ing3s_14 svg{display:block;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}._spinner_ing3s_14 circle{-webkit-animation:_loading_ing3s_1 1.5s ease-in-out alternate infinite;animation:_loading_ing3s_1 1.5s ease-in-out alternate infinite;stroke-dasharray:250;-webkit-transform-origin:center center;transform-origin:center center}._separator_5w47w_2:before,._separator_5w47w_2:after{border-bottom:1px solid var(--color-ice-200);content:"";-webkit-box-flex:1;-ms-flex:1;flex:1}._separator_5w47w_2:not(:empty):before{margin-right:.75rem}._separator_5w47w_2:not(:empty):after{margin-left:.75rem}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2 button{width:100%!important}}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2 button:nth-child(2){margin-bottom:.75rem}}._root_ul6uq_2{position:relative;margin:.375rem 0}._label_ul6uq_7{color:var(--color-ice-700);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:400;line-height:1.5rem;min-height:2.25rem;overflow:visible;padding:.375rem 0 .375rem calc(20px + .75rem);position:relative;vertical-align:top}._label_ul6uq_7:before{background:var(--color-white);border:1px solid var(--color-ice-500);content:"";display:inline-block;vertical-align:top}._label_ul6uq_7:before,._label_ul6uq_7:after{height:20px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;border-radius:50%}._error_ul6uq_40 ._label_ul6uq_7{color:var(--color-red-500)}._error_ul6uq_40 ._label_ul6uq_7:before,._error_ul6uq_40 ._input_ul6uq_45{border-color:var(--color-red-500)}._input_ul6uq_45:checked+._label_ul6uq_7:after{background:var(--color-blue-500);content:"";height:14px;left:3px;width:14px}._input_ul6uq_45:checked:disabled+._label_ul6uq_7:after{background:var(--color-ice-500)}._input_ul6uq_45:not(:disabled):not(:checked)+._label_ul6uq_7:hover:before{border-color:var(--color-blue-500)}@media (min-width: 961px){._root_ul6uq_2 input{margin:0}}._item_12k6c_2{background:var(--color-white);border-radius:.25rem;grid-column-gap:var(--grid-gutter);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;padding:3rem .75rem .75rem;position:relative;grid-row-gap:var(--grid-gutter);row-gap:var(--grid-gutter)}@media (min-width: 640px){._item_12k6c_2{grid-template-columns:repeat(8,1fr)}}@media (min-width: 961px){._item_12k6c_2{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--color-ice-200);border-radius:0;-webkit-box-shadow:none;box-shadow:none;grid-template-columns:repeat(12,1fr);margin-bottom:0;padding:1.5rem;row-gap:0}._item_12k6c_2:last-child{border:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}._is-selectable_12k6c_41{grid-template-columns:.375rem repeat(12,1fr)}}._not-actionable_12k6c_46{padding-top:.75rem}@media (min-width: 961px){._not-actionable_12k6c_46{padding-top:1.5rem}}._checkbox_12k6c_56{left:.75rem;position:absolute!important;top:0}@media (min-width: 961px){._checkbox_12k6c_56{left:0;position:relative!important}._checkbox_12k6c_56 label{padding:10px}}._cell_3gkxo_2{background-color:var(--color-ice-100);border-radius:.25rem;padding:.375rem}._cell_3gkxo_2 .stash-label{font-size:.75rem}@media (min-width: 961px){._cell_3gkxo_2{background:none;padding:0}._cell_3gkxo_2 .stash-label{display:none!important}}._action_3gkxo_21{position:absolute;right:0;top:0}@media (min-width: 961px){._action_3gkxo_21{position:static;position:initial}}._toggle_1lu5k_2{outline:2px solid transparent;outline-offset:2px;--tw-ring-color: rgba(0, 114, 240, var(--tw-ring-opacity));--tw-ring-opacity: .15;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;gap:.375rem;padding:17px;outline:none;border-radius:.25rem}._toggle_1lu5k_2:focus-visible{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}._toggle_1lu5k_2:focus-visible{border-color:var(--color-ice-900);padding:15px;border-width:2px}--open._toggle_1lu5k_2{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (hover: hover){._toggle_1lu5k_2:hover{background-color:var(--color-ice-100)}}._toggle_1lu5k_2:active{background-color:var(--color-ice-200)}._toggle_1lu5k_2:active+hr,._toggle_1lu5k_2:hover+hr{opacity:0}._actionButton_144dr_2{min-width:156px;white-space:normal}._actionButton_144dr_2:hover{background-color:var(--color-blue-100);border-color:var(--color-blue-500)!important}._disabled_144dr_12{background-color:var(--color-ice-100)!important;border-color:var(--color-ice-500)!important;color:var(--color-ice-500)!important}._dropdownContent_144dr_18{margin-top:4px}._dropdownContent_144dr_18.dropdown__content{margin-left:0;margin-right:0;max-width:90vw}._dropdownContent_144dr_18.dropdown__content:after{display:none}@media (min-width: 640px){._actionsDropdown_144dr_33,._dropdownContent_144dr_18.dropdown__content{min-width:156px}}.stash-alert__link a,.stash-alert__link button{color:var(--color-ice-900);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.stash-alert__link a:hover,.stash-alert__link button:hover{-webkit-text-decoration:none;text-decoration:none}.stash-alert--filled.stash-alert--error .stash-alert__link a,.stash-alert--filled.stash-alert--info .stash-alert__link a,.stash-alert--filled.stash-alert--error .stash-alert__link button,.stash-alert--filled.stash-alert--info .stash-alert__link button{color:#fff}._item_n8mr7_2{border-left:6px solid transparent;color:var(--color-ice-500);padding:10px 12px;-webkit-transition:background-color .15s;transition:background-color .15s}._item_n8mr7_2:hover,._item_n8mr7_2:focus{-webkit-text-decoration:none;text-decoration:none;background:#140e35}._sub-items_n8mr7_15 ._item_n8mr7_2{padding-left:40px}._expanded_n8mr7_19{background-color:#263256}._active_n8mr7_23{color:var(--color-seafoam-500);border-color:var(--color-seafoam-500);background:#140e35}._caret_n8mr7_29{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}._expanded_n8mr7_19 ._caret_n8mr7_29{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.stash-app-sidebar__aside[data-v-8ae19347]{padding-top:calc(3.5rem - 1px);width:17.5rem}.stash-app-sidebar__divider[data-v-8ae19347]:before,.stash-app-sidebar__divider[data-v-8ae19347]:after{border-bottom:1px solid rgba(255,255,255,.12)}.backdrop-enter-active[data-v-8ae19347],.backdrop-leave-active[data-v-8ae19347]{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.backdrop-enter-from[data-v-8ae19347],.backdrop-leave-to[data-v-8ae19347]{opacity:0}.aside-enter-active[data-v-8ae19347],.aside-leave-active[data-v-8ae19347]{-webkit-transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.aside-enter-from[data-v-8ae19347],.aside-leave-to[data-v-8ae19347]{opacity:0;-webkit-transform:translateX(-20%);transform:translate(-20%)}._root_g79af_2{font-size:.875rem;height:2.25rem;line-height:calc(2.25rem + 2px);width:2.25rem}._clickable_g79af_9:hover,._clickable_g79af_9:focus,._clickable_g79af_9:active{outline:1px solid var(--color-blue-500);outline-offset:-1px}._clickable_g79af_9:focus,._clickable_g79af_9:active{-webkit-box-shadow:0 0 0 4px rgba(0,114,240,.15);box-shadow:0 0 0 4px #0072f026}._buttonGroup_1bnlz_3.w-full>button{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;max-width:100%}._button_1bnlz_3{border:1px solid var(--color-ice-500);border-radius:0;font-weight:600;line-height:20/14;min-width:100px;padding:7px 8px}._single_1bnlz_17 ._button_1bnlz_3{border:1px solid var(--color-ice-700);color:var(--color-ice-700)}._button_1bnlz_3:focus,._button_1bnlz_3:hover{border:1px solid var(--color-blue-500)!important;color:var(--color-blue-500);z-index:1}._button_1bnlz_3._active_1bnlz_29{background-color:var(--color-blue-100);border:1px solid var(--color-blue-500)!important;color:var(--color-blue-500);cursor:default;z-index:1}._button_1bnlz_3._active_1bnlz_29+button{border-left:1px solid transparent}._single_1bnlz_17 ._button_1bnlz_3._active_1bnlz_29,._can-deactivate_1bnlz_42 ._button_1bnlz_3._active_1bnlz_29{cursor:pointer}._button_1bnlz_3[disabled]{color:var(--color-ice-500);cursor:default;pointer-events:none}._button_1bnlz_3:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}._button_1bnlz_3:not(:first-child){margin-left:-1px}._button_1bnlz_3:not(:last-child){border-right:1px solid transparent}._button_1bnlz_3:first-child{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}._button_1bnlz_3:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}._placeholder_z4275_2{height:300px;width:100%}._iconSize_z4275_7{width:189px;height:189px}._stash-confirmation-code-input-container_kwgaz_2{--otp-digits: var(--b1b2f1d6);--otp-container-width: calc(var(--otp-digits) * 60px);width:calc(var(--b1b2f1d6) * 60px);width:var(--otp-container-width)}._otp-code-input_kwgaz_9{border-radius:4px;caret-color:transparent;height:36px;width:36px}._otp-code-input_kwgaz_9._has-error_kwgaz_16:not(:focus){border-color:var(--color-red-500)}._otp-code-input_kwgaz_9._has-success_kwgaz_20:not(:focus){border-color:var(--color-green-500)}._otp-code-input_kwgaz_9:focus{-webkit-box-shadow:0 0 0 3px rgba(0,114,240,.15);box-shadow:0 0 0 3px #0072f026;outline:none}._hidden_lkmi6_2 ._copy_lkmi6_3{visibility:hidden}._hidden_lkmi6_2:hover ._copy_lkmi6_3{visibility:visible}._dropdown__item_ozq17_2>button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._content_zbxyu_2{--offset: 0;position:absolute;z-index:301;min-width:200px;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:#0072f0;border-color:rgba(0,114,240,var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-shadow: 0px 18px 18px 4px rgba(38, 38, 38, .05), 0px 18px 18px 4px rgba(38, 38, 38, .1), 0px 18px 30px 0px rgba(38, 38, 38, .15);--tw-shadow-colored: 0px 18px 18px 4px var(--tw-shadow-color), 0px 18px 18px 4px var(--tw-shadow-color), 0px 18px 30px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 18px 18px 4px rgba(38,38,38,.05),0px 18px 18px 4px rgba(38,38,38,.1),0px 18px 30px 0px rgba(38,38,38,.15);box-shadow:0 0 #0000,0 0 #0000,0 18px 18px 4px #2626260d,0 18px 18px 4px #2626261a,0 18px 30px #26262626;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);-webkit-transform:translateX(0px);transform:translate(0);-webkit-transform:translateX(calc(var(--offset) * 1px));transform:translate(calc(var(--offset) * 1px))}.dropdown__list{margin:.375rem;list-style-type:none;--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:0}.dropdown__item{margin-left:0;margin-right:0;margin-top:0;margin-bottom:.375rem;display:block;width:100%}.dropdown__item:first-child{margin-top:0}.dropdown__item:last-child{margin-bottom:0}.dropdown__item button{border-style:none;padding:.375rem;text-align:left}.dropdown__item :where(a,button){display:block;width:100%;border-radius:.25rem;padding-top:10px;padding-bottom:10px;padding-left:.375rem;padding-right:.375rem;--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-duration:.165s;transition-duration:.165s;-webkit-transition-timing-function:cubic-bezier(.25,.8,.5,1);transition-timing-function:cubic-bezier(.25,.8,.5,1)}.dropdown__item :where(a,button):hover{--tw-bg-opacity: 1;background-color:#e8e9ee;background-color:rgba(232,233,238,var(--tw-bg-opacity));--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none}.dropdown__item :where(a,button):disabled{cursor:default;--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity))}.stash-select[data-v-ab74bb37]{position:relative}.stash-select__content[data-v-ab74bb37],.stash-select__content-wrapper[data-v-ab74bb37]{height:2.25rem}.stash-select__content[data-v-ab74bb37]{cursor:pointer;overflow:hidden;position:absolute;background:#fff;border:1px solid var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;font-family:Sofia,sans-serif;font-size:.875rem;font-weight:400;outline:none;padding:0!important;width:100%}.stash-select__content[data-v-ab74bb37]:hover{border-color:var(--color-ice-500)}.stash-select__content[data-v-ab74bb37]:focus-within{border-color:var(--color-blue-500)!important}.stash-select--disabled .stash-select__content[data-v-ab74bb37]{background-color:var(--color-ice-200);border-color:var(--color-ice-500);color:var(--color-ice-700);pointer-events:none!important}.stash-select--active .stash-select__content[data-v-ab74bb37]{cursor:default;height:auto;min-width:5rem;overflow:visible;z-index:200;-webkit-box-shadow:0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 2px 2px #2626260d,0 2px 6px #2626261a}.stash-select--error[data-v-ab74bb37] :where(.stash-select__content,.stash-select__content:hover:not(:focus)){border-color:var(--color-red-500)!important}.stash-select__placeholder[data-v-ab74bb37]{color:var(--color-ice-500)}.stash-select--active .stash-select__placeholder[data-v-ab74bb37]{cursor:default}.stash-select__icon[data-v-ab74bb37]{color:var(--color-ice-700);cursor:pointer;pointer-events:none;position:absolute;right:.375rem;top:.375rem}.stash-select--disabled .stash-select__icon[data-v-ab74bb37]{color:var(--color-ice-500)}.stash-select--active .stash-select__icon[data-v-ab74bb37]{pointer-events:auto}.stash-select__chips[data-v-ab74bb37]{--half-space:.1875rem;padding:.1875rem;padding:var(--half-space);padding-right:2.25rem}.stash-select__chips>li[data-v-ab74bb37]{cursor:pointer;height:1.375rem;margin:var(--half-space);max-width:100%}.stash-select--disabled .stash-select__chips>li[data-v-ab74bb37]{cursor:default}.stash-select__content-wrapper .stash-select__chip[data-v-ab74bb37]{border-radius:.25rem;font-size:.875rem;font-weight:400;height:1.375rem;max-width:inherit;text-transform:none}.stash-select--disabled .stash-select__chip[data-v-ab74bb37]{background:grey;color:#fff}.stash-select__content-wrapper .stash-select__total .stash-select__chip[data-v-ab74bb37]{font-weight:400}.stash-select__selected[data-v-ab74bb37]{color:var(--color-ice-700)}.stash-select__selected[data-v-ab74bb37] :where(.stash-select__remove){display:none}.stash-select__total[data-v-ab74bb37]{display:block;font-weight:600;line-height:24/14;position:absolute;right:1.5rem;white-space:nowrap;z-index:100;top:0;left:0;bottom:0;color:#fff;background:white;padding:.375rem}.stash-select__search[data-v-ab74bb37]{position:relative;width:100%;height:2.25rem;background:#fff;border-radius:.25rem;color:var(--color-ice-700);display:block;font-family:Sofia,sans-serif;font-size:.875rem;font-weight:400;outline:none;padding:0 .75rem;border:0!important}.stash-select__border-selector[data-v-ab74bb37]{background:white;border-radius:.25rem;border:1px solid var(--color-blue-500);max-height:18.75rem;overflow:auto;z-index:1001}.stash-select__option[data-v-ab74bb37]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.5rem;margin:.375rem;padding:.375rem}.stash-select__option--disabled[data-v-ab74bb37]{color:var(--color-ice-500);cursor:not-allowed}.stash-select__option--highlighted[data-v-ab74bb37]{background-color:var(--color-ice-200)}.stash-select__option--selected[data-v-ab74bb37]{background-color:var(--color-blue-100);color:var(--color-ice-700)}._root_1u8h2_2{font-size:10px;font-weight:600;text-transform:uppercase;line-height:1}._size-medium_1u8h2_12{height:20px;padding:2px 8px 0}._size-small_1u8h2_17{height:16px;padding:2px 8px 0}._remove-button_1u8h2_22{border-radius:inherit;border-top-left-radius:0;border-bottom-left-radius:0;height:inherit;margin-top:-2px;padding:0 4px;right:0}._remove-button_1u8h2_22:not(:disabled):hover{background:rgba(0,0,0,.1)}._badge-standard_hcbk5_2{height:15px;vertical-align:middle}._badge-dot_hcbk5_7{border:2px solid var(--color-ice-100);height:10px;right:0;width:10px}._top-right_hcbk5_14{top:0;right:0;-webkit-transform:translateX(50%) translateY(-48%);transform:translate(50%) translateY(-48%)}._root_1slou_2{position:relative}._root_1slou_2 input{background:var(--color-white);border:1px solid var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;height:2.25rem;font-size:.875rem;font-weight:400;outline:none;padding:0 .75rem;width:100%}._root_1slou_2 input:hover{border-color:var(--color-ice-500)}._root_1slou_2 input:active,._root_1slou_2 input:focus{border-color:var(--color-blue-500)}._root_1slou_2 input::-webkit-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::-moz-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input:-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input._has-error_1slou_34:not(:focus){border-color:var(--color-red-500)}._root_1slou_2 input._input-prepended_1slou_38{padding-left:36px}._root_1slou_2 input._input-appended_1slou_42{padding-right:36px}._root_1slou_2 input[disabled],._root_1slou_2 input[readonly]{background-color:var(--color-ice-200)!important;border-color:var(--color-ice-500)!important;color:var(--color-ice-700)!important;pointer-events:none}._root_1slou_2 input[disabled]:active,._root_1slou_2 input[readonly]:active,._root_1slou_2 input[disabled]:focus,._root_1slou_2 input[readonly]:focus{-webkit-box-shadow:none!important;box-shadow:none!important}._root_1slou_2 input[disabled]::-webkit-input-placeholder,._root_1slou_2 input[readonly]::-webkit-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::-moz-placeholder,._root_1slou_2 input[readonly]::-moz-placeholder{text-transform:none}._root_1slou_2 input[disabled]:-ms-input-placeholder,._root_1slou_2 input[readonly]:-ms-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::-ms-input-placeholder,._root_1slou_2 input[readonly]::-ms-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::placeholder,._root_1slou_2 input[readonly]::placeholder{text-transform:none}._symbol_1slou_66{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:absolute;top:0;width:2.25rem}._symbol--prepend_1slou_77{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;left:0}._symbol--append_1slou_83{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem;right:0}._paginate_1jnlh_2 ul{margin:0}._root_1avat_5{background-color:var(--color-white);border:1px solid var(--color-ice-500);cursor:pointer;height:2.25rem;padding-left:.75rem;padding-right:.75rem}._root_1avat_5:focus{-webkit-box-shadow:0 0 0 4px rgba(0,123,255,.15);box-shadow:0 0 0 4px #007bff26;outline:none}._root_1avat_5:hover{background-color:var(--color-blue-100);border:1px solid var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24{color:var(--color-white);background-color:var(--color-blue-500);border:1px solid var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24:hover{color:var(--color-white);background-color:var(--color-blue-700);border:1px solid var(--color-blue-700)}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36{background-color:var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36 .stash-chip__remove-button{margin-right:-1px;padding-right:.75rem}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36 .stash-chip__remove-button:hover{background-color:var(--color-blue-700)}._root_1avat_5._is-selected_1avat_24._has-filter-count_1avat_49:hover{background-color:var(--color-blue-700);color:var(--color-white)}._root_1avat_5._has-dropdown_1avat_54{padding-right:.375rem}._root_1avat_5._has-filter-count_1avat_49:hover{background-color:var(--color-blue-100);color:var(--color-ice-900)}._root_1avat_5 label{cursor:pointer}._filter-count_1avat_67{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5em;height:16px;padding:0 8px;margin-left:.375rem;font-size:10px;font-weight:700;background-color:var(--color-blue-500);color:var(--color-white)}._is-selected_1avat_24 ._filter-count_1avat_67{background-color:var(--color-blue-700)}._is-selected_1avat_24:hover ._filter-count_1avat_67{background-color:var(--color-white);color:var(--color-blue-700)}._is-selected_1avat_24._is-removable_1avat_36 ._filter-count_1avat_67{background-color:var(--color-blue-700);color:var(--color-white)}._caret_1avat_94{color:var(--color-ice-700);margin-left:.375rem;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s;transition:all .5s}._is-selected_1avat_24 ._caret_1avat_94{color:var(--color-white)}._caret-rotate_1avat_105{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}._search-input_1e71y_2 input:hover{border:1px solid var(--color-blue-500)}._search-input_1e71y_2 .stash-input-append{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:72px;overflow:visible}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13{color:var(--color-ice-700);height:2.25rem;min-width:2.25rem;width:2.25rem;background:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible{outline:none;-webkit-box-shadow:none;box-shadow:none}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{border-radius:.25rem}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--tw-ring-opacity: 1;--tw-ring-color: rgba(0, 114, 240, var(--tw-ring-opacity))}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--tw-ring-opacity: .15}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:disabled{color:var(--color-ice-500);cursor:default}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40{border-bottom-left-radius:0;border-top-left-radius:0;height:2.25rem;min-width:2.25rem;width:2.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:focus{-webkit-box-shadow:none;box-shadow:none}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:disabled{border-color:var(--color-ice-500)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:hover{background-color:var(--color-blue-600)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:active{background-color:var(--color-blue-700)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:focus-visible{outline:none;border:1px solid var(--color-blue-900);-webkit-box-shadow:inset 0 0 0 1px var(--color-blue-900),0 0 0 4px rgba(0,114,240,.15);box-shadow:inset 0 0 0 1px var(--color-blue-900),0 0 0 4px #0072f026}._icon_gr3q2_2{margin-top:-1px}._dialog_1fzac_2{background:rgba(0,0,0,.3);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:0;overflow:auto;-webkit-overflow-scrolling:touch;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;place-content:center;position:fixed;right:0;top:0;z-index:1001;width:100%;height:100vh}._body_1fzac_19{--tw-shadow: 0px 24px 24px 0px rgba(38, 38, 38, .05), 0px 24px 24px 8px rgba(38, 38, 38, .1), 0px 24px 48px 8px rgba(38, 38, 38, .15);--tw-shadow-colored: 0px 24px 24px 0px var(--tw-shadow-color), 0px 24px 24px 8px var(--tw-shadow-color), 0px 24px 48px 8px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 24px 24px 0px rgba(38,38,38,.05),0px 24px 24px 8px rgba(38,38,38,.1),0px 24px 48px 8px rgba(38,38,38,.15);box-shadow:0 0 #0000,0 0 #0000,0 24px 24px #2626260d,0 24px 24px 8px #2626261a,0 24px 48px 8px #26262626;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background:var(--color-white);color:var(--color-ice-700);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-height:100vh;max-width:360px;-webkit-transition:-webkit-transform .15s cubic-bezier(.25,.8,.5,1);transition:-webkit-transform .15s cubic-bezier(.25,.8,.5,1);transition:transform .15s cubic-bezier(.25,.8,.5,1);transition:transform .15s cubic-bezier(.25,.8,.5,1),-webkit-transform .15s cubic-bezier(.25,.8,.5,1);width:100%}._body_1fzac_19._grey_1fzac_32{background:var(--color-ice-200);border-radius:.25rem}@media (min-width: 640px){._body_1fzac_19{border-radius:.25rem}}._content_1fzac_42{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:1.5rem var(--grid-gutter)}._footer_1fzac_47{background:var(--color-ice-200);border-top:1px solid var(--color-ice-500);display:inline;display:initial;padding:1.5rem var(--grid-gutter)}@media (min-width: 640px){._footer_1fzac_47{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}}.fade-enter-from ._body_1fzac_19,.fade-leave-active ._body_1fzac_19{-webkit-transform:translate3d(0,.75rem,0);transform:translate3d(0,.75rem,0)}._input_gn7he_2 input{border-bottom-right-radius:0;border-top-right-radius:0}._select_gn7he_7 .stash-select__content{border-bottom-left-radius:0;border-top-left-radius:0}._select_gn7he_7.stash-select--active .stash-select__content{min-width:0}._has-error_gn7he_16 input,._has-error_gn7he_16 input:hover:not(:focus),._has-error_gn7he_16 .stash-select__content,._has-error_gn7he_16 .stash-select__content:hover:not(:focus){border-color:var(--color-red-500)}._root_16z1p_2{background-color:var(--color-purple-500);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100vw}._wrapper_16z1p_11{max-width:100%;width:56rem}._content_16z1p_16{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._illustration_16z1p_22{width:300px;height:193px}@media screen and (max-width: 1023.98px){._content_16z1p_16{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0}._illustration_16z1p_22{margin-bottom:30px}}@media screen and (min-width: 1024px){._content__text_16z1p_40{max-width:50vw}}._illustration_16z1p_22 svg{margin-top:-53px}._menuitem_1kga5_3:not(:has(> a,> button)),._menuitem_1kga5_3>:where(a,button){width:100%;cursor:pointer;border-radius:.25rem;padding-top:10px;padding-bottom:10px;padding-left:.375rem;padding-right:.375rem;text-align:left;--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-duration:.165s;transition-duration:.165s;-webkit-transition-timing-function:cubic-bezier(.25,.8,.5,1);transition-timing-function:cubic-bezier(.25,.8,.5,1)}._menuitem_1kga5_3:not(:has(> a,> button)):hover,._menuitem_1kga5_3>:where(a,button):hover{--tw-bg-opacity: 1;background-color:#e8e9ee;background-color:rgba(232,233,238,var(--tw-bg-opacity));--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none}._menuitem_1kga5_3:not(:has(> a,> button)):disabled,._menuitem_1kga5_3>:where(a,button):disabled{cursor:default;--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity))}._menuitem_1kga5_3>:where(a,button){display:block;border:0}.modals-enter-active[data-v-cbf7c57d],.modals-leave-active[data-v-cbf7c57d]{--swing-timing-function: cubic-bezier(.25, .8, .5, 1);-webkit-transition:opacity 165ms cubic-bezier(.25,.8,.5,1);transition:opacity 165ms cubic-bezier(.25,.8,.5,1);-webkit-transition:opacity 165ms var(--swing-timing-function);transition:opacity 165ms var(--swing-timing-function)}.modals-enter-from[data-v-cbf7c57d],.modals-leave-to[data-v-cbf7c57d]{opacity:0}.modals-enter-active[data-v-cbf7c57d] .stash-modal__dialog--position-center,.modals-leave-active[data-v-cbf7c57d] .stash-modal__dialog--position-center{-webkit-transition:-webkit-transform 165ms var(--swing-timing-function);transition:-webkit-transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function),-webkit-transform 165ms var(--swing-timing-function)}.modals-enter-from[data-v-cbf7c57d] .stash-modal__dialog--position-center,.modals-leave-to[data-v-cbf7c57d] .stash-modal__dialog--position-center{-webkit-transform:translateY(20px);transform:translateY(20px)}.modals-enter-active[data-v-cbf7c57d] .stash-modal__dialog--is-drawer,.modals-leave-active[data-v-cbf7c57d] .stash-modal__dialog--is-drawer{-webkit-transition:-webkit-transform 165ms var(--swing-timing-function);transition:-webkit-transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function),-webkit-transform 165ms var(--swing-timing-function)}.modals-enter-from[data-v-cbf7c57d] .stash-modal__dialog--position-left,.modals-leave-to[data-v-cbf7c57d] .stash-modal__dialog--position-left{-webkit-transform:translateX(-50px);transform:translate(-50px)}.modals-enter-from[data-v-cbf7c57d] .stash-modal__dialog--position-right,.modals-leave-to[data-v-cbf7c57d] .stash-modal__dialog--position-right{-webkit-transform:translateX(50px);transform:translate(50px)}._media_ktx8r_3{max-height:58px;max-width:58px}._root_1fnu6_2{max-width:87.5rem;padding-left:var(--grid-gutter);padding-right:var(--grid-gutter);position:relative;margin-left:auto;margin-right:auto;width:100%}._stash-page-content--has-sidebar_1fnu6_10{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--grid-gutter)}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__main_1fnu6_16{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__sidebar_1fnu6_21{-webkit-box-flex:0;-ms-flex:0;flex:0;min-width:0}@media (min-width: 961px){._stash-page-content--has-sidebar_1fnu6_10{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__main_1fnu6_16{-webkit-box-flex:3;-ms-flex:3;flex:3}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__sidebar_1fnu6_21{-webkit-box-flex:1;-ms-flex:1;flex:1}}._root_1gg6c_2{border-bottom:0;display:grid;grid-gap:var(--grid-gutter);gap:var(--grid-gutter);margin:0 auto;max-width:87.5rem;padding:1.5rem var(--grid-gutter) 3rem;width:100%}@media (min-width: 961px){._root_1gg6c_2._grid_1gg6c_13{grid-template-columns:repeat(2,1fr)}}._actions_1gg6c_18{-ms-flex-item-align:end;align-self:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;row-gap:var(--grid-gutter)}@media (min-width: 640px){._actions_1gg6c_18{-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:0}}@media (min-width: 961px){._actions_1gg6c_18{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}._media-test_1gg6c_41{max-width:58px;max-height:58px}._root_nu1bt_2{background-color:#fff;border:1px solid transparent;cursor:pointer;display:inline-block}._root_nu1bt_2:hover,._root_nu1bt_2:active,._root_nu1bt_2:focus{border:1px solid var(--color-blue-500);-webkit-text-decoration:none;text-decoration:none}.stash-select-status--filled .stash-select__content{border:none;padding:0}.stash-select-status--filled .stash-select--active .stash-select__content:focus-within .stash-select__border-selector{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:calc(100% - 2px)}.stash-select-status--filled .stash-select-status--selected,.stash-select-status--filled :has(.stash-select-status--selected) .icon--caret-down{color:#fff}.stash-select-status--filled-dark .stash-select-status--selected,.stash-select-status--filled-dark :has(.stash-select-status--selected) .icon--caret-down{color:var(--color-ice-900)}._select_1gtqy_27 .stash-select--disabled>.stash-select__content{background-color:transparent;border-color:transparent}._select_1gtqy_27 :deep(._stash-select__chips_1gtqy_32){margin:0}._select_1gtqy_27 .stash-select__options{margin:0;padding:0}._select_1gtqy_27 ul{position:relative}._text-variant_buk08_2:before{content:" "}._has-children_buk08_6>*{visibility:hidden}._step_1h5eb_2:before{content:"●";position:absolute;color:#fff;left:-28px;opacity:0;-webkit-transition:opacity .5s cubic-bezier(.85,0,.15,1);transition:opacity .5s cubic-bezier(.85,0,.15,1)}._title_1h5eb_11{font-weight:500;font-size:1rem;margin-top:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._nested-step--active_1h5eb_18:before{opacity:1}._line_1h5eb_22{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1),-ms-flex-positive .5s cubic-bezier(.87,0,.13,1)}._line--expanded_1h5eb_27{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}._stash-step--singular_1h5eb_31 ._line_1h5eb_22{position:absolute;left:0px;right:0px;top:.75rem;height:1px;border-top-width:0px}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:before{position:absolute;left:0px;right:50%;margin-right:4rem;display:block;height:1px;content:var(--tw-content);--tw-bg-opacity: 1;background-color:#c5c9d4;background-color:rgba(197,201,212,var(--tw-bg-opacity))}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:after{position:absolute;left:50%;right:0px;margin-left:4rem;display:block;height:1px;content:var(--tw-content);--tw-bg-opacity: 1;background-color:#c5c9d4;background-color:rgba(197,201,212,var(--tw-bg-opacity))}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:after,._stash-step--singular_1h5eb_31 ._line_1h5eb_22:before{content:""}._step_1h5eb_2:not(._stash-step--singular_1h5eb_31):last-child ._line_1h5eb_22{display:none}._circle_1h5eb_62{width:1.5rem;height:1.5rem;line-height:1.5rem;border-radius:9999px;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center;font-weight:500;-webkit-transition:background-color .5s,color .5s;transition:background-color .5s,color .5s}._circle--todo_1h5eb_73{background-color:#ffffff80;color:#4d4a69;border:1px solid #747293}._circle--active_1h5eb_79{background-color:var(--color-blue-500);color:#fff;border:1px solid transparent}._circle--loading_1h5eb_85{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-ice-700);cursor:pointer}._circle--completed_1h5eb_92{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-green-500);cursor:pointer}._circle--error_1h5eb_99{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-red-500);cursor:pointer}._nested_1h5eb_18{padding:1.125rem 0}._nested_1h5eb_18 li+li{margin-top:.75rem}._nested_1h5eb_18 ._title_1h5eb_11{font-weight:400;font-size:.9rem}.stash-stepper--vertical .stash-step:last-child .stash-step--nested-steps{display:none}.stash-stepper__arrow{position:absolute;top:0px;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.5rem;width:1.5rem;min-width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:#c5c9d4;border-color:rgba(197,201,212,var(--tw-border-opacity));text-align:center}.stash-stepper__arrow:disabled{--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity));opacity:.5}.stash-stepper__arrow--prev{left:0px}.stash-stepper__arrow--next{right:0px}._control_8a1ic_2{-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out}._active_8a1ic_5 ._control_8a1ic_2{left:.875rem}._root_rmarx_2{border:0}._layout--scroll_rmarx_6{background-color:var(--color-white);border:none;border-bottom:1px solid var(--color-ice-200)}._layout--scroll_rmarx_6._has-actions_rmarx_12:last-of-type{text-align:center}._layout--stack_rmarx_16{background-color:var(--color-ice-100);border-radius:.25rem}._layout--stack_rmarx_16._has-actions_rmarx_12:last-of-type{background-color:transparent;position:absolute;right:0;top:0}._layout--stack_rmarx_16._is-control_rmarx_28{background-color:transparent}@media (min-width: 961px){._layout--stack_rmarx_16{background-color:var(--color-white);border-bottom:1px solid var(--color-ice-200);border-radius:0;border-radius:initial}._layout--stack_rmarx_16._has-actions_rmarx_12:last-of-type{background-color:var(--color-white);position:static;position:initial;right:auto;right:initial;text-align:center;top:auto;top:initial}._layout--stack_rmarx_16._is-control_rmarx_28{background-color:var(--color-white)}._root--density-comfortable_rmarx_52:last-of-type:not(._has-actions_rmarx_12){padding-right:24px}._root--density-comfortable_rmarx_52:first-of-type:not(.stash-table-header-row__selection-cell):not(.stash-table-row__selection-cell):not(.stash-table-row__toggle-expansion-cell){padding-left:24px}}._root_ngiw1_2{border:0}._is-expandable_ngiw1_9>td{border-bottom-color:var(--color-ice-200);-webkit-transition:border-bottom-color .5s;transition:border-bottom-color .5s}._root--hidden-divider_ngiw1_14._is-expanded_ngiw1_14>td{-webkit-transition:border-bottom-color 0s;transition:border-bottom-color 0s;border-bottom-color:transparent}._layout--scroll_ngiw1_22{border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0}._layout--scroll_ngiw1_22:last-of-type{border:0}._layout--scroll_ngiw1_22:last-of-type td{border-bottom:none}._layout--stack_ngiw1_36{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:var(--color-white);grid-column-gap:var(--grid-gutter);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);display:grid;grid-template-columns:repeat(12,1fr);position:relative;grid-row-gap:var(--grid-gutter);row-gap:var(--grid-gutter)}._layout--stack_ngiw1_36:not(._is-expanded_ngiw1_14){border-radius:.25rem;-webkit-transition:border-radius .5s;transition:border-radius .5s}._layout--stack_ngiw1_36._is-expanded_ngiw1_14{border-top-left-radius:.25rem;border-top-right-radius:.25rem}._row-selection-checkbox_ngiw1_56 label{padding:0;min-height:1.5rem;vertical-align:middle}._layout--stack_ngiw1_36 ._row-control-cell_ngiw1_62{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0}._row-control-cell_ngiw1_62+:not(._row-control-cell_ngiw1_62){grid-column-start:1}._row-expansion-content_ngiw1_73{-webkit-box-shadow:inset 0 -1px 0 0 var(--color-ice-200);box-shadow:inset 0 -1px 0 0 var(--color-ice-200)}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73,._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{display:block}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:1px solid var(--color-ice-200);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;margin-bottom:1.5rem}._layout--stack_ngiw1_36._root--hidden-divider_ngiw1_14+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:none}@media (min-width: 961px){._layout--stack_ngiw1_36{-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;background-color:transparent;background-color:initial;border:0;border-bottom:1px solid var(--color-ice-200);border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-column-gap:normal;-moz-column-gap:normal;column-gap:normal;-webkit-column-gap:initial;-moz-column-gap:initial;column-gap:initial;display:table-row;grid-template-columns:initial;row-gap:initial}._layout--stack_ngiw1_36:last-of-type{border-bottom:0}._layout--stack_ngiw1_36 ._row-control-cell_ngiw1_62{display:table-cell}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73{display:table-row}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:0;border-top:initial;border-bottom-left-radius:0;border-bottom-right-radius:0;display:table-cell;margin-bottom:0;margin-bottom:initial}._row-control-cell_ngiw1_62+:not(._row-control-cell_ngiw1_62){grid-column-start:unset}}._root_14363_2{border-left:none;border-top:none;position:sticky;top:0;z-index:1}._root_14363_2:last-of-type{border-right:0}._has-actions_14363_14:last-of-type ._content-wrapper_14363_14{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}._caret-up_14363_18{top:-5px}._caret-down_14363_22{top:2px}.stash-table-header-cell--sorted ._caret_14363_18{top:-2px}@media (min-width: 961px){._root--density-comfortable_14363_31:last-of-type{padding-right:24px}._root--density-comfortable_14363_31:first-of-type:not(.stash-table-header-row__selection-cell):not(.stash-table-row__selection-cell){padding-left:24px}}._row-selection-checkbox_1eq6o_2 label{padding:0;min-height:1.5rem;vertical-align:middle}._row-control-cell_1eq6o_8{border-right:0}._root_1bv4v_2{position:relative;width:100%}._textarea_1bv4v_7{background:var(--color-white);border:1px solid;border-color:var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;min-height:100px;outline:none;padding:.375rem;width:100%}._textarea_1bv4v_7:hover{border-color:var(--color-ice-500)}._textarea_1bv4v_7:focus,._textarea_1bv4v_7:active{border-color:var(--color-blue-500)}._textarea_1bv4v_7._stash-textarea--error_1bv4v_28{border-color:var(--color-red-500);color:var(--color-red-500)}._textarea_1bv4v_7::-webkit-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::-moz-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7:-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7[disabled],._textarea_1bv4v_7[readonly]{background-color:var(--color-ice-200);border-color:var(--color-ice-500);color:var(--color-ice-700);pointer-events:none}._textarea_1bv4v_7[disabled]:active,._textarea_1bv4v_7[readonly]:active,._textarea_1bv4v_7[disabled]:focus,._textarea_1bv4v_7[readonly]:focus{-webkit-box-shadow:none;box-shadow:none}._textarea_1bv4v_7[disabled]::-webkit-input-placeholder,._textarea_1bv4v_7[readonly]::-webkit-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::-moz-placeholder,._textarea_1bv4v_7[readonly]::-moz-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]:-ms-input-placeholder,._textarea_1bv4v_7[readonly]:-ms-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::-ms-input-placeholder,._textarea_1bv4v_7[readonly]::-ms-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::placeholder,._textarea_1bv4v_7[readonly]::placeholder{text-transform:none}.stash-timeline[data-v-0bc8e788]{grid-template-columns:auto -webkit-min-content auto;grid-template-columns:auto min-content auto}.stash-modal__header[data-v-650a9960]{grid-template-columns:48px 1fr 48px}.stash-modal__footer__actions[data-v-650a9960]>.stash-button:nth-of-type(1){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.stash-modal__footer__actions[data-v-650a9960]>.stash-button:nth-of-type(2){margin-bottom:.75rem;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media (min-width: 961px){.stash-modal__footer__actions[data-v-650a9960]>.stash-button:nth-of-type(1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.stash-modal__footer__actions[data-v-650a9960]>.stash-button:nth-of-type(2){margin-bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.stash-modal__footer__actions[data-v-650a9960]>.stash-button+.stash-button{margin-left:var(--grid-gutter)}}.stash-modal__featured-content[data-v-650a9960]>*{border-radius:inherit}._file-dropbox_19hp2_2{background:var(--color-ice-200);background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23C5C9D4FF' stroke-width='1' stroke-dasharray='5 %2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");background-repeat:no-repeat;border:1px solid var(--color-ice-500);border-color:transparent}._is-dragging_19hp2_10{background-image:none;border-color:var(--color-ice-500)}._is-dragging_19hp2_10>*{pointer-events:none}._is-disabled_19hp2_19{cursor:no-drop}._upload-icon_19hp2_24{height:98px;width:84px}._remove-button_19hp2_29._button_19hp2_29{background:transparent;border:none;color:var(--color-red-500)}._remove-button_19hp2_29._button_19hp2_29:hover{background:transparent;border:none}._icon_1x7lf_2{display:inline-block;fill:currentcolor;vertical-align:middle}._standard_1x7lf_8{height:24px;min-height:24px;min-width:24px;width:24px}._dense_1x7lf_15{height:20px;min-height:20px;min-width:20px;width:20px}._small_1x7lf_22{height:14px;min-height:14px;min-width:14px;width:14px}._large_1x7lf_29{height:32px;min-height:32px;min-width:32px;width:32px}._menu-tab_frbn6_2>a,._menu-tab_frbn6_2>a:hover,._menu-tab_frbn6_2>a:focus{color:inherit}._root_p3yhd_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;border-width:1px .375rem 1px 1px;border-radius:.25rem;padding:1.125rem .75rem;cursor:pointer}._root_p3yhd_2>*+*{margin-left:.75rem}._root_p3yhd_2 div{margin-bottom:0;color:var(--color-ice-900);font-size:1rem}._status--success_p3yhd_22{background-color:var(--color-green-100);border-color:var(--color-green-500)}._status--success_p3yhd_22 svg{color:var(--color-green-500)}._status--error_p3yhd_31{background-color:var(--color-red-100);border-color:var(--color-red-500)}._status--error_p3yhd_31 svg{color:var(--color-red-500)}._status--info_p3yhd_40{background-color:var(--color-blue-100);border-color:var(--color-blue-500)}._status--info_p3yhd_40 svg{color:var(--color-blue-500)}._status--warning_p3yhd_49{background-color:var(--color-orange-100);border-color:var(--color-orange-500)}._status--warning_p3yhd_49 svg{color:var(--color-orange-500)}._root_1m7jr_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;min-width:300px;max-width:calc(320px - .75rem);right:1.5rem;top:1.5rem;z-index:1002;row-gap:.375rem}.toasts-enter-active,.toasts-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease}.toasts-enter-from,.toasts-leave-to{opacity:0;-webkit-transform:translateX(30px);transform:translate(30px)}:root{--vc-clr-primary: #000;--vc-clr-secondary: rgba(9,15,32,.49804);--vc-clr-white: #ffffff;--vc-icn-width: 1.2em;--vc-nav-width: 30px;--vc-nav-height: 30px;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-background: transparent;--vc-pgn-width: 12px;--vc-pgn-height: 4px;--vc-pgn-margin: 4px;--vc-pgn-border-radius: 0;--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-active-color: var(--vc-clr-primary)}.carousel{position:relative;text-align:center;box-sizing:border-box;touch-action:pan-y;overscroll-behavior:none}.carousel.is-dragging{touch-action:none}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0!important;position:relative}.carousel__viewport{overflow:hidden}.carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.carousel__icon{width:1.2em;width:var(--vc-icn-width);height:1.2em;height:var(--vc-icn-width);fill:currentColor}.carousel__prev,.carousel__next{box-sizing:content-box;background:transparent;background:var(--vc-nav-background);border-radius:0;border-radius:var(--vc-nav-border-radius);width:30px;width:var(--vc-nav-width);height:30px;height:var(--vc-nav-height);text-align:center;font-size:30px;font-size:var(--vc-nav-height);padding:0;color:#000;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer;margin:0 10px;top:50%;transform:translateY(-50%)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{right:auto;left:0}@media (hover: hover){.carousel__prev:hover,.carousel__next:hover{color:#090f207f;color:var(--vc-nav-color-hover)}}.carousel__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 0;padding:0}.carousel__pagination-button{display:block;border:0;margin:0;cursor:pointer;padding:4px;padding:var(--vc-pgn-margin);background:transparent}.carousel__pagination-button:after{display:block;content:"";width:12px;width:var(--vc-pgn-width);height:4px;height:var(--vc-pgn-height);border-radius:0;border-radius:var(--vc-pgn-border-radius);background-color:#090f207f;background-color:var(--vc-pgn-background-color)}.carousel__pagination-button--active:after{background-color:#000;background-color:var(--vc-pgn-active-color)}@media (hover: hover){.carousel__pagination-button:hover:after{background-color:#000;background-color:var(--vc-pgn-active-color)}}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}._root_a92j2_2 :deep(._carousel__icon_a92j2_2){background-color:var(--color-white);border-radius:.25rem;color:var(--color-blue-500);height:2.25rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2.25rem}._root_a92j2_2 :deep(._carousel__icon_a92j2_2:hover){background-color:var(--color-ice-100);color:var(--color-blue-700)}._root_a92j2_2 :deep(._carousel__next_a92j2_18){padding-right:2.25rem}._root_a92j2_2 :deep(._carousel__next--disabled_a92j2_22){display:none}._root_a92j2_2 :deep(._carousel__prev_a92j2_26){padding-left:2.25rem}._root_a92j2_2 :deep(._carousel__prev--disabled_a92j2_30){display:none}._pagination-dot_a92j2_34{height:4px;margin-right:2px;width:4px}._pagination-tile_a92j2_40{height:3rem;opacity:.4;-o-object-fit:cover;object-fit:cover;width:3rem}._pagination-tile_a92j2_40._is-current-tile_a92j2_47{opacity:1}@media (min-width: 961px){._select-bar_hsxyw_2{border-bottom:1px solid var(--color-ice-200);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle}}._checkbox_hsxyw_10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}._actions_hsxyw_14>*{margin-top:1.5rem;width:100%}@media (min-width: 961px){._actions_hsxyw_14>*{margin-left:.75rem;margin-top:0;width:auto}}._empty-state_12gjn_2{max-width:100%}._main-header_1wlsh_2{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background-color:var(--color-white);border-radius:.25rem;margin-bottom:1.5rem;padding:var(--grid-gutter)}@media (min-width: 961px){._main-header_1wlsh_2{border-bottom:1px solid var(--color-ice-200);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}}._expanded-content-wrapper_1wlsh_18{position:relative;width:100%}@media (min-width: 961px){._expanded-content-wrapper_1wlsh_18{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}}._expanded-content-header_1wlsh_29{background-color:var(--color-white);border-bottom:1px solid var(--color-ice-200);color:var(--color-ice-900);display:none;font-weight:500;padding:0 .75rem;-webkit-transition:padding .15s cubic-bezier(.25,.8,.5,1);transition:padding .15s cubic-bezier(.25,.8,.5,1);z-index:1}@media (min-width: 961px){._expanded-content-header_1wlsh_29{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}._expanded-content-header_1wlsh_29.is-sticky{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}._expanded-content-header_1wlsh_29.is-sticky{border-radius:0;z-index:201}._expanded-content-header-grid_1wlsh_52{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;grid-column-gap:0}._expanded-content-header-grid_1wlsh_52>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid var(--color-ice-200);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.75rem}._expanded-content-header-grid_1wlsh_52>div:last-of-type{border-right:0}._expansion-toggle-button_1wlsh_70:focus{-webkit-box-shadow:none;box-shadow:none}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters ._main-header_1wlsh_2{border-radius:0}}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters ._expanded-content-list-items-wrapper_1wlsh_81>*{border-bottom:1px solid var(--color-ice-200);border-radius:0}}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters:last-of-type.is-collapsed ._main-header_1wlsh_2,._list-group_1wlsh_74.disable-external-gutters:last-of-type ._expanded-content-list-items-wrapper_1wlsh_81>*:last-child{border-bottom:none;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}}._caret-up_1147a_2{top:-5px}._caret-down_1147a_6{top:2px}.is-active-sort ._caret_1147a_2{top:-2px}._list-items_c8ut0_2{background-color:var(--color-ice-200);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;min-width:100%;position:relative}@media (min-width: 961px){._list-items_c8ut0_2{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}}._legacy-box_c8ut0_16{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background:var(--color-white);border-radius:.25rem;padding:1.5rem var(--grid-gutter)}._header_c8ut0_25{background-color:var(--color-white);color:var(--color-ice-900);font-weight:500;margin-bottom:.75rem;overflow:hidden;z-index:1}._header_c8ut0_25.is-sticky{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}._header_c8ut0_25.is-sticky{border-radius:0;overflow:visible;z-index:201}._header_c8ut0_25.is-sticky:before,._header_c8ut0_25.is-sticky:after{background-color:var(--color-white);content:"";height:100%;overflow-x:hidden;position:absolute;right:100%;top:0;width:.75rem}@media (min-width: 961px){._header_c8ut0_25.is-sticky:before,._header_c8ut0_25.is-sticky:after{content:none}}._header_c8ut0_25.is-sticky:after{left:100%;right:auto}._header_c8ut0_25 .input--checkbox label{min-height:1.5rem}@media (min-width: 961px){._header_c8ut0_25{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}}._header-grid-container_c8ut0_75{display:none;-webkit-transition:padding .15s cubic-bezier(.25,.8,.5,1);transition:padding .15s cubic-bezier(.25,.8,.5,1)}@media (min-width: 961px){._header-grid-container_c8ut0_75{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}._header-grid_c8ut0_75{-webkit-column-gap:0!important;-moz-column-gap:0!important;column-gap:0!important;grid-column-gap:0!important}._header-grid_c8ut0_75>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid var(--color-ice-200);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.75rem}._header-grid_c8ut0_75>div:first-of-type{margin-left:-.75rem;padding-left:1.5rem}._header-grid_c8ut0_75>div:last-of-type{border-right:0;margin-right:-.75rem}._search-input_c8ut0_109 input{padding-right:4.5rem!important}._search-input_c8ut0_109 .stash-input-append{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:72px}._search-input_c8ut0_109 .stash-input-append ._clear-button_c8ut0_120{color:var(--color-ice-700);height:36px;margin:0;min-width:36px;padding:0;width:36px}._search-input_c8ut0_109 .stash-input-append ._clear-button_c8ut0_120:disabled{color:var(--color-ice-500);cursor:default}._search-input_c8ut0_109 .stash-input-append ._search-button_c8ut0_134{border-bottom-left-radius:0;border-color:var(--color-blue-500);border-left:none;border-top-left-radius:0;min-width:36px;padding:0 .375rem;width:36px}._search-input_c8ut0_109 .stash-input-append ._search-button_c8ut0_134:disabled{border-color:var(--color-ice-500)}@media (min-width: 640px){._total-sort_c8ut0_151{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}._filter-toggle-btn_c8ut0_158{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}._filter-toggle-btn-with-hint-text_c8ut0_162{margin-bottom:20px}@-webkit-keyframes _separator_c8ut0_1{0%{opacity:0}to{opacity:1}}@keyframes _separator_c8ut0_1{0%{opacity:0}to{opacity:1}}._filters-expand_c8ut0_177.stash-expand--expanded ._filters-wrapper_c8ut0_178:before{-webkit-animation:_separator_c8ut0_1 .3s cubic-bezier(.4,0,.6,1) .5s 1 forwards;animation:_separator_c8ut0_1 .3s cubic-bezier(.4,0,.6,1) .5s 1 forwards;background:var(--color-ice-200);content:"";height:1px;left:calc(var(--grid-gutter) * -1);opacity:0;position:absolute;right:calc(var(--grid-gutter) * -1);top:1.5rem}@media (min-width: 961px){._filters-half-width_c8ut0_191 .field-wrapper{grid-column:span 6 / span 6}}._dropdown_c8ut0_199 .tw-text-blue-500{font-size:.75rem}._sort-option_c8ut0_203{height:2.25rem}._select-all_c8ut0_207{width:1.5rem}._label_1mshv_2{padding:8px 30px;border:1px solid var(--color-ice-500);font-weight:600;color:var(--color-ice-700);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;text-align:center}._root_1mshv_14:first-of-type ._label_1mshv_2{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}._root_1mshv_14:last-of-type ._label_1mshv_2{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}._root_1mshv_14:not(:first-of-type) ._label_1mshv_2{margin-left:-1px}._root_1mshv_14:not(:last-of-type) ._label_1mshv_2{border-right-color:transparent}._input_1mshv_32:disabled~._label_1mshv_2{background-color:var(--color-ice-100);color:var(--color-ice-500);cursor:auto}._input_1mshv_32:not(:checked):not(:disabled)~._label_1mshv_2:hover{border-color:var(--color-blue-500);color:var(--color-blue-500);z-index:1;position:relative}._input_1mshv_32:checked:not(:disabled)~._label_1mshv_2{border-color:var(--color-blue-500);color:var(--color-blue-500);background-color:var(--color-blue-100);z-index:1;position:relative}._label_vdpts_2{display:inline-block;padding:.25rem .75rem;border:1px solid var(--color-ice-500);font-weight:400;line-height:1.375rem;color:var(--color-ice-900);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;white-space:nowrap}._input_vdpts_16:disabled~._label_vdpts_2{background-color:var(--color-ice-100);color:var(--color-ice-500);cursor:auto}._input_vdpts_16:checked:not(:disabled)~._label_vdpts_2{border-color:var(--color-blue-500);color:#fff;background-color:var(--color-blue-500);font-weight:700}._input_vdpts_16:not(:checked):not(:disabled)~._label_vdpts_2:hover{border-color:var(--color-blue-500)}._label_kw8hn_2{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._input_kw8hn_9{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;min-width:20px;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer}._input_kw8hn_9:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._input_kw8hn_9:disabled{background-image:radial-gradient(var(--color-ice-100) 100%,var(--color-ice-100) 100%)}._input_kw8hn_9:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,var(--color-ice-100) 54%)}._input_kw8hn_9:hover:not(:disabled){border-color:var(--color-blue-500)}._input_kw8hn_9:disabled~._label_kw8hn_2{cursor:auto}._input_kw8hn_9:hover:not(:disabled)~._label_kw8hn_2{color:var(--color-ice-900)}._input_kw8hn_9:not(:disabled)~._label_kw8hn_2:hover{color:var(--color-ice-900)}._root_583pa_2{border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._root--disabled_583pa_11{cursor:auto}._tile-header_583pa_15,._tile-body_583pa_16{-webkit-transition:all .2s;transition:all .2s}._tile-header_583pa_15{border-radius:.25rem .25rem 0 0;padding:.75rem 0}._root_583pa_2:hover:not(._root--disabled_583pa_11) ._tile-header_583pa_15{background-color:var(--color-blue-100)!important;border-color:var(--color-blue-500)!important;color:var(--color-ice-900)!important;-webkit-transition:all .2s;transition:all .2s}._label_583pa_32{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._input_583pa_39{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:2px;margin-left:.75rem}._input_583pa_39:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._input_583pa_39:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,var(--color-ice-100) 54%)}._tile-body_583pa_16{border-radius:0 0 .25rem .25rem;border-width:0 1px 1px 1px;background-color:#fff;padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._root_583pa_2:hover:not(._root--disabled_583pa_11) ._tile-body_583pa_16{border-color:var(--color-blue-500)!important;-webkit-transition:all .2s;transition:all .2s}._root_1bamn_2 label{padding:8px 30px;border:1px solid var(--color-ice-500);font-weight:600;color:var(--color-ice-700);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;text-align:center}._root_1bamn_2>div:first-child label{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}._root_1bamn_2>div:last-child label{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}._root_1bamn_2>div:not(:first-child) label{margin-left:-1px}._root_1bamn_2>div:not(:last-child) label{border-right-color:transparent}._root_1bamn_2 input:disabled~label{background-color:var(--color-ice-200);color:var(--color-ice-500);cursor:auto}._root_1bamn_2 input:not(:checked):not(:disabled)~label:hover{border-color:var(--color-blue-500);color:var(--color-blue-500);z-index:1;position:relative}._root_1bamn_2 input:checked:not(:disabled)~label{border-color:var(--color-blue-500);color:var(--color-blue-500);background-color:var(--color-blue-100);z-index:1;position:relative}._root_kagur_2{gap:1.5rem}._root_kagur_2 label{padding:.375rem .75rem;border:1px solid var(--color-ice-500);font-weight:400;color:var(--color-ice-900);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;white-space:nowrap}._root_kagur_2 input:disabled~label{background-color:var(--color-ice-200);color:var(--color-ice-500);cursor:auto}._root_kagur_2 input:checked:not(:disabled)~label{border-color:var(--color-blue-500);color:var(--color-white);background-color:var(--color-blue-500);font-weight:700}._root_kagur_2 input:not(:checked):not(:disabled)~label:hover{border-color:var(--color-blue-500)}._root_11y1n_2{gap:1.5rem}._root_11y1n_2 label{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._root_11y1n_2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:5px}._root_11y1n_2 input:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._root_11y1n_2 input:disabled{background:#eef2f4}._root_11y1n_2 input:disabled~label{cursor:auto}._root_11y1n_2 input:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,transparent 54%)}._root_11y1n_2 input:hover:not(:disabled){border-color:var(--color-blue-500)}._root_11y1n_2 input:hover:not(:disabled)~label{color:var(--color-ice-900)}._root_11y1n_2 input:not(:disabled)~label:hover{color:var(--color-ice-900)}._root_1sppn_2{gap:1.5rem}._root_1sppn_2 label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._root_1sppn_2 input:disabled~label{cursor:auto}._root_1sppn_2 input:hover:not(:disabled)~label{color:var(--color-ice-900)}._root_1sppn_2 input:not(:disabled)~label:hover{color:var(--color-ice-900)}._root_1sppn_2 label._tile-container_1sppn_23{border-radius:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._tile-header_1sppn_30,._tile-body_1sppn_31{-webkit-transition:all .2s;transition:all .2s}._tile-header_1sppn_30{border-radius:.25rem .25rem 0 0;padding:.75rem 0}._root_1sppn_2 label._tile-container_1sppn_23:hover ._tile-header_1sppn_30{background-color:var(--color-blue-100)!important;border-color:var(--color-blue-500)!important;color:var(--color-ice-900)!important;-webkit-transition:all .2s;transition:all .2s}._tile-body_1sppn_31{border-radius:0 0 .25rem .25rem;background-color:var(--color-white);padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._root_1sppn_2 label._tile-container_1sppn_23:hover ._tile-body_1sppn_31{border-color:var(--color-blue-500)!important;-webkit-transition:all .2s;transition:all .2s}._root_1sppn_2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:2px}._root_1sppn_2 input~div{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._root_1sppn_2 input:disabled{background:#eef2f4}._root_1sppn_2 input:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._root_1sppn_2 label._tile-container_1sppn_23 input{margin-left:.75rem}._root_1sppn_2 input:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,transparent 54%)}@media screen and (max-width: 640px){._root_1sppn_2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.stash-field-hint,.stash-field-error{display:block;width:100%}.stash-label{margin-bottom:6px}/*!
|
|
1
|
+
._button_4w1qh_2{border-radius:.25rem;border-width:1px;display:inline-block;font-size:.875rem;font-weight:600;line-height:2.125rem;margin:0;min-width:144px;padding:0 .75rem;text-align:center;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle;white-space:nowrap}@media (min-width: 961px){._button_4w1qh_2:focus{-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.14);box-shadow:0 0 0 3px #007bff24;outline:none}._button_4w1qh_2:hover{-webkit-text-decoration:none;text-decoration:none}}._button_4w1qh_2[disabled]{cursor:default;pointer-events:none}._button--solid_4w1qh_36{background-color:var(--button-color);border-color:transparent;color:var(--text-color)}@media (min-width: 961px){._button--solid_4w1qh_36:hover{background-color:var(--button-hover-color)}}._button--solid_4w1qh_36:active{background-color:var(--button-hover-color)}._button--solid_4w1qh_36[disabled]:not(.stash-button--is-loading){--button-color: var(--color-ice-500) !important}._button--ghost_4w1qh_58{background-color:#0000;border-color:var(--button-color);color:var(--text-color)}@media (min-width: 961px){._button--ghost_4w1qh_58:hover{background-color:var(--button-hover-color)}}._button--ghost_4w1qh_58:active{background-color:var(--button-hover-color)}._button--ghost_4w1qh_58[disabled]:not(.stash-button--is-loading){--button-color: var(--color-ice-500) !important;--text-color: var(--color-ice-500) !important}._button--primary_4w1qh_81{--button-color: var(--color-blue-500);--button-hover-color: var(--color-blue-hover);--text-color: var(--color-white)}._button--secondary_4w1qh_88{--button-color: var(--color-ice-500);--button-hover-color: var(--color-ice-700-hover);--text-color: var(--color-ice-700)}._button--tertiary_4w1qh_95{--button-color: var(--color-white);--button-hover-color: var(--color-white-hover);--text-color: var(--color-white)}._button--icon_4w1qh_102,._button--iconLabel_4w1qh_103{border:0;border-radius:.25rem;height:3rem;min-width:3rem;-webkit-text-decoration:none;text-decoration:none}._button--icon_4w1qh_102{padding:.75rem;width:3rem}._button--iconLabel_4w1qh_103{padding:0;width:auto;width:initial}@media (min-width: 961px){._button--icon_4w1qh_102:hover,._button--iconLabel_4w1qh_103:hover{-webkit-text-decoration:none;text-decoration:none}}._button--icon_4w1qh_102 svg,._button--iconLabel_4w1qh_103 svg{display:block;margin-left:auto;margin-right:auto}._button--icon_4w1qh_102[disabled]:not(.stash-button--is-loading) svg,._button--iconLabel_4w1qh_103[disabled]:not(.stash-button--is-loading),._button--iconLabel_4w1qh_103[disabled]:not(.stash-button--is-loading) svg{color:var(--color-ice-500)}._button--inline_4w1qh_143{border:0;color:var(--color-blue-500);font-weight:500;line-height:1.5;min-width:0;padding:0}._button--inline_4w1qh_143:hover{-webkit-text-decoration:underline;text-decoration:underline}._button--inline_4w1qh_143[disabled]{color:var(--color-ice-500)}._button--blue_4w1qh_161._button--primary_4w1qh_81,._button--blue_4w1qh_161._button--secondary_4w1qh_88{--button-color: var(--color-blue-500)}._button--blue_4w1qh_161._button--primary_4w1qh_81{--button-hover-color: var(--color-blue-hover)}._button--blue_4w1qh_161._button--secondary_4w1qh_88{--text-color: var(--color-blue-500);--button-hover-color: var(--button-secondary-blue-hover)}._button--red_4w1qh_175._button--primary_4w1qh_81,._button--red_4w1qh_175._button--secondary_4w1qh_88{--button-color: var(--color-red-500)}._button--red_4w1qh_175._button--primary_4w1qh_81{--button-hover-color: var(--color-red-hover)}._button--red_4w1qh_175._button--secondary_4w1qh_88{--text-color: var(--color-red-500);--button-hover-color: var(--button-secondary-red-hover)}.button-grid>._button_4w1qh_2,.header-button-grid>._button_4w1qh_2{width:50%}.button-grid>._button_4w1qh_2+._button_4w1qh_2{margin-left:1.5rem}@media (min-width: 640px){.button-grid>._button_4w1qh_2{width:auto}}.header-button-grid>._button_4w1qh_2+._button_4w1qh_2{margin-left:1.5rem}@media (min-width: 961px){.header-button-grid>._button_4w1qh_2{width:auto}}._input_bhz1o_2:disabled+._label_bhz1o_2{cursor:auto}._label_bhz1o_2:before{content:"";border:1px solid var(--color-ice-500);display:inline-block;vertical-align:top}._label_bhz1o_2:before,._label_bhz1o_2:after{border-radius:.25rem;height:20px;left:0;position:absolute;top:.375rem;width:20px}._has-error_bhz1o_23 ._label_bhz1o_2:before,._has-error_bhz1o_23 ._input_bhz1o_2{border-color:var(--color-red-500)}._input_bhz1o_2:indeterminate+._label_bhz1o_2:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 10.4C6 10.1791 6.17909 10 6.4 10H17.6C17.8209 10 18 10.1791 18 10.4V12.6C18 12.8209 17.8209 13 17.6 13H6.4C6.17909 13 6 12.8209 6 12.6V10.4Z" fill="white"/></svg>')}._input_bhz1o_2:checked+._label_bhz1o_2:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.89 8.281a.723.723 0 0 1 .22.531.723.723 0 0 1-.22.532l-6.718 6.719a.723.723 0 0 1-.531.218.723.723 0 0 1-.532-.218l-3.89-3.891A.723.723 0 0 1 6 11.64c0-.209.073-.386.219-.532l1.062-1.062a.723.723 0 0 1 .532-.219.72.72 0 0 1 .53.219l2.298 2.305 5.125-5.133a.723.723 0 0 1 .53-.219c.21 0 .386.073.532.219l1.063 1.062z" fill="white"/></svg>');background:var(--color-blue-500);height:20px;width:20px;top:.375rem}._input_bhz1o_2:checked+._label_bhz1o_2:before,._input_bhz1o_2:indeterminate+._label_bhz1o_2:before{background:var(--color-blue-500);border-color:var(--color-blue-500)}._input_bhz1o_2:disabled+._label_bhz1o_2:before,._input_bhz1o_2:disabled+._label_bhz1o_2:after{background:var(--color-ice-100);border:1px solid var(--color-ice-500)}._input_bhz1o_2:disabled:checked+._label_bhz1o_2:after{background:var(--color-ice-500)}._input_bhz1o_2:disabled:indeterminate+._label_bhz1o_2:after{background:var(--color-ice-500)}._input_bhz1o_2:not(:disabled):not(:checked):not(:indeterminate)+._label_bhz1o_2:hover:before{border-color:var(--color-blue-500)}._pagination_14zhb_2{margin-top:3rem;z-index:0}._pagination_14zhb_2 a,._pagination_14zhb_2 button{border-width:1px}._pagination_14zhb_2 a,._pagination_14zhb_2 button{border-style:solid}._pagination_14zhb_2 a,._pagination_14zhb_2 button{--tw-border-opacity: 1;border-color:#e8e9ee;border-color:rgba(232,233,238,var(--tw-border-opacity))}._pagination_14zhb_2 a,._pagination_14zhb_2 button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;color:var(--color-blue-500);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 -1px;width:2.25rem}._pagination_14zhb_2 a._prev_14zhb_20,._pagination_14zhb_2 button._prev_14zhb_20{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}._pagination_14zhb_2 a._next_14zhb_25,._pagination_14zhb_2 button._next_14zhb_25{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}._pagination_14zhb_2 a:focus,._pagination_14zhb_2 button:focus{outline:none}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover{-webkit-text-decoration:none;text-decoration:none}._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{background-color:var(--color-blue-500);color:#fff;pointer-events:none;z-index:200}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{border-width:1px}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{border-style:solid}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{--tw-border-opacity: 1;border-color:#0072f0;border-color:rgba(0,114,240,var(--tw-border-opacity))}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{position:relative}._pagination_14zhb_2 a._is-disabled_14zhb_51,._pagination_14zhb_2 button._is-disabled_14zhb_51{cursor:not-allowed;opacity:.5}._root_hagg9_2{max-width:600px}._image_hagg9_6{max-width:60px}@-webkit-keyframes _loading_ing3s_1{0%{stroke-dashoffset:250;-webkit-transform:rotate3d(0,0,1,-360deg);transform:rotate3d(0,0,1,-360deg)}to{stroke-dashoffset:40;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}@keyframes _loading_ing3s_1{0%{stroke-dashoffset:250;-webkit-transform:rotate3d(0,0,1,-360deg);transform:rotate3d(0,0,1,-360deg)}to{stroke-dashoffset:40;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}._spinner_ing3s_14{width:48px}._spinner_ing3s_14 svg{display:block;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}._spinner_ing3s_14 circle{-webkit-animation:_loading_ing3s_1 1.5s ease-in-out alternate infinite;animation:_loading_ing3s_1 1.5s ease-in-out alternate infinite;stroke-dasharray:250;-webkit-transform-origin:center center;transform-origin:center center}._separator_5w47w_2:before,._separator_5w47w_2:after{border-bottom:1px solid var(--color-ice-200);content:"";-webkit-box-flex:1;-ms-flex:1;flex:1}._separator_5w47w_2:not(:empty):before{margin-right:.75rem}._separator_5w47w_2:not(:empty):after{margin-left:.75rem}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2 button{width:100%!important}}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2 button:nth-child(2){margin-bottom:.75rem}}._root_ul6uq_2{position:relative;margin:.375rem 0}._label_ul6uq_7{color:var(--color-ice-700);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:400;line-height:1.5rem;min-height:2.25rem;overflow:visible;padding:.375rem 0 .375rem calc(20px + .75rem);position:relative;vertical-align:top}._label_ul6uq_7:before{background:var(--color-white);border:1px solid var(--color-ice-500);content:"";display:inline-block;vertical-align:top}._label_ul6uq_7:before,._label_ul6uq_7:after{height:20px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;border-radius:50%}._error_ul6uq_40 ._label_ul6uq_7{color:var(--color-red-500)}._error_ul6uq_40 ._label_ul6uq_7:before,._error_ul6uq_40 ._input_ul6uq_45{border-color:var(--color-red-500)}._input_ul6uq_45:checked+._label_ul6uq_7:after{background:var(--color-blue-500);content:"";height:14px;left:3px;width:14px}._input_ul6uq_45:checked:disabled+._label_ul6uq_7:after{background:var(--color-ice-500)}._input_ul6uq_45:not(:disabled):not(:checked)+._label_ul6uq_7:hover:before{border-color:var(--color-blue-500)}@media (min-width: 961px){._root_ul6uq_2 input{margin:0}}._item_12k6c_2{background:var(--color-white);border-radius:.25rem;grid-column-gap:var(--grid-gutter);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;padding:3rem .75rem .75rem;position:relative;grid-row-gap:var(--grid-gutter);row-gap:var(--grid-gutter)}@media (min-width: 640px){._item_12k6c_2{grid-template-columns:repeat(8,1fr)}}@media (min-width: 961px){._item_12k6c_2{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--color-ice-200);border-radius:0;-webkit-box-shadow:none;box-shadow:none;grid-template-columns:repeat(12,1fr);margin-bottom:0;padding:1.5rem;row-gap:0}._item_12k6c_2:last-child{border:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}._is-selectable_12k6c_41{grid-template-columns:.375rem repeat(12,1fr)}}._not-actionable_12k6c_46{padding-top:.75rem}@media (min-width: 961px){._not-actionable_12k6c_46{padding-top:1.5rem}}._checkbox_12k6c_56{left:.75rem;position:absolute!important;top:0}@media (min-width: 961px){._checkbox_12k6c_56{left:0;position:relative!important}._checkbox_12k6c_56 label{padding:10px}}._cell_3gkxo_2{background-color:var(--color-ice-100);border-radius:.25rem;padding:.375rem}._cell_3gkxo_2 .stash-label{font-size:.75rem}@media (min-width: 961px){._cell_3gkxo_2{background:none;padding:0}._cell_3gkxo_2 .stash-label{display:none!important}}._action_3gkxo_21{position:absolute;right:0;top:0}@media (min-width: 961px){._action_3gkxo_21{position:static;position:initial}}._toggle_1lu5k_2{outline:2px solid transparent;outline-offset:2px;--tw-ring-color: rgba(0, 114, 240, var(--tw-ring-opacity));--tw-ring-opacity: .15;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;gap:.375rem;padding:17px;outline:none;border-radius:.25rem}._toggle_1lu5k_2:focus-visible{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}._toggle_1lu5k_2:focus-visible{border-color:var(--color-ice-900);padding:15px;border-width:2px}--open._toggle_1lu5k_2{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (hover: hover){._toggle_1lu5k_2:hover{background-color:var(--color-ice-100)}}._toggle_1lu5k_2:active{background-color:var(--color-ice-200)}._toggle_1lu5k_2:active+hr,._toggle_1lu5k_2:hover+hr{opacity:0}._actionButton_144dr_2{min-width:156px;white-space:normal}._actionButton_144dr_2:hover{background-color:var(--color-blue-100);border-color:var(--color-blue-500)!important}._disabled_144dr_12{background-color:var(--color-ice-100)!important;border-color:var(--color-ice-500)!important;color:var(--color-ice-500)!important}._dropdownContent_144dr_18{margin-top:4px}._dropdownContent_144dr_18.dropdown__content{margin-left:0;margin-right:0;max-width:90vw}._dropdownContent_144dr_18.dropdown__content:after{display:none}@media (min-width: 640px){._actionsDropdown_144dr_33,._dropdownContent_144dr_18.dropdown__content{min-width:156px}}.stash-alert__link a,.stash-alert__link button{color:var(--color-ice-900);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.stash-alert__link a:hover,.stash-alert__link button:hover{-webkit-text-decoration:none;text-decoration:none}.stash-alert--filled.stash-alert--error .stash-alert__link a,.stash-alert--filled.stash-alert--info .stash-alert__link a,.stash-alert--filled.stash-alert--error .stash-alert__link button,.stash-alert--filled.stash-alert--info .stash-alert__link button{color:#fff}._item_n8mr7_2{border-left:6px solid transparent;color:var(--color-ice-500);padding:10px 12px;-webkit-transition:background-color .15s;transition:background-color .15s}._item_n8mr7_2:hover,._item_n8mr7_2:focus{-webkit-text-decoration:none;text-decoration:none;background:#140e35}._sub-items_n8mr7_15 ._item_n8mr7_2{padding-left:40px}._expanded_n8mr7_19{background-color:#263256}._active_n8mr7_23{color:var(--color-seafoam-500);border-color:var(--color-seafoam-500);background:#140e35}._caret_n8mr7_29{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}._expanded_n8mr7_19 ._caret_n8mr7_29{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.stash-app-sidebar__aside[data-v-8ae19347]{padding-top:calc(3.5rem - 1px);width:17.5rem}.stash-app-sidebar__divider[data-v-8ae19347]:before,.stash-app-sidebar__divider[data-v-8ae19347]:after{border-bottom:1px solid rgba(255,255,255,.12)}.backdrop-enter-active[data-v-8ae19347],.backdrop-leave-active[data-v-8ae19347]{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.backdrop-enter-from[data-v-8ae19347],.backdrop-leave-to[data-v-8ae19347]{opacity:0}.aside-enter-active[data-v-8ae19347],.aside-leave-active[data-v-8ae19347]{-webkit-transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.aside-enter-from[data-v-8ae19347],.aside-leave-to[data-v-8ae19347]{opacity:0;-webkit-transform:translateX(-20%);transform:translate(-20%)}._root_g79af_2{font-size:.875rem;height:2.25rem;line-height:calc(2.25rem + 2px);width:2.25rem}._clickable_g79af_9:hover,._clickable_g79af_9:focus,._clickable_g79af_9:active{outline:1px solid var(--color-blue-500);outline-offset:-1px}._clickable_g79af_9:focus,._clickable_g79af_9:active{-webkit-box-shadow:0 0 0 4px rgba(0,114,240,.15);box-shadow:0 0 0 4px #0072f026}._buttonGroup_1bnlz_3.w-full>button{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;max-width:100%}._button_1bnlz_3{border:1px solid var(--color-ice-500);border-radius:0;font-weight:600;line-height:20/14;min-width:100px;padding:7px 8px}._single_1bnlz_17 ._button_1bnlz_3{border:1px solid var(--color-ice-700);color:var(--color-ice-700)}._button_1bnlz_3:focus,._button_1bnlz_3:hover{border:1px solid var(--color-blue-500)!important;color:var(--color-blue-500);z-index:1}._button_1bnlz_3._active_1bnlz_29{background-color:var(--color-blue-100);border:1px solid var(--color-blue-500)!important;color:var(--color-blue-500);cursor:default;z-index:1}._button_1bnlz_3._active_1bnlz_29+button{border-left:1px solid transparent}._single_1bnlz_17 ._button_1bnlz_3._active_1bnlz_29,._can-deactivate_1bnlz_42 ._button_1bnlz_3._active_1bnlz_29{cursor:pointer}._button_1bnlz_3[disabled]{color:var(--color-ice-500);cursor:default;pointer-events:none}._button_1bnlz_3:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}._button_1bnlz_3:not(:first-child){margin-left:-1px}._button_1bnlz_3:not(:last-child){border-right:1px solid transparent}._button_1bnlz_3:first-child{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}._button_1bnlz_3:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}._placeholder_z4275_2{height:300px;width:100%}._iconSize_z4275_7{width:189px;height:189px}._stash-confirmation-code-input-container_kwgaz_2{--otp-digits: var(--b1b2f1d6);--otp-container-width: calc(var(--otp-digits) * 60px);width:calc(var(--b1b2f1d6) * 60px);width:var(--otp-container-width)}._otp-code-input_kwgaz_9{border-radius:4px;caret-color:transparent;height:36px;width:36px}._otp-code-input_kwgaz_9._has-error_kwgaz_16:not(:focus){border-color:var(--color-red-500)}._otp-code-input_kwgaz_9._has-success_kwgaz_20:not(:focus){border-color:var(--color-green-500)}._otp-code-input_kwgaz_9:focus{-webkit-box-shadow:0 0 0 3px rgba(0,114,240,.15);box-shadow:0 0 0 3px #0072f026;outline:none}._hidden_lkmi6_2 ._copy_lkmi6_3{visibility:hidden}._hidden_lkmi6_2:hover ._copy_lkmi6_3{visibility:visible}._dropdown__item_ozq17_2>button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._content_zbxyu_2{--offset: 0;position:absolute;z-index:301;min-width:200px;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:#0072f0;border-color:rgba(0,114,240,var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-shadow: 0px 18px 18px 4px rgba(38, 38, 38, .05), 0px 18px 18px 4px rgba(38, 38, 38, .1), 0px 18px 30px 0px rgba(38, 38, 38, .15);--tw-shadow-colored: 0px 18px 18px 4px var(--tw-shadow-color), 0px 18px 18px 4px var(--tw-shadow-color), 0px 18px 30px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 18px 18px 4px rgba(38,38,38,.05),0px 18px 18px 4px rgba(38,38,38,.1),0px 18px 30px 0px rgba(38,38,38,.15);box-shadow:0 0 #0000,0 0 #0000,0 18px 18px 4px #2626260d,0 18px 18px 4px #2626261a,0 18px 30px #26262626;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);-webkit-transform:translateX(0px);transform:translate(0);-webkit-transform:translateX(calc(var(--offset) * 1px));transform:translate(calc(var(--offset) * 1px))}.dropdown__list{margin:.375rem;list-style-type:none;--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:0}.dropdown__item{margin-left:0;margin-right:0;margin-top:0;margin-bottom:.375rem;display:block;width:100%}.dropdown__item:first-child{margin-top:0}.dropdown__item:last-child{margin-bottom:0}.dropdown__item button{border-style:none;padding:.375rem;text-align:left}.dropdown__item :where(a,button){display:block;width:100%;border-radius:.25rem;padding-top:10px;padding-bottom:10px;padding-left:.375rem;padding-right:.375rem;--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-duration:.165s;transition-duration:.165s;-webkit-transition-timing-function:cubic-bezier(.25,.8,.5,1);transition-timing-function:cubic-bezier(.25,.8,.5,1)}.dropdown__item :where(a,button):hover{--tw-bg-opacity: 1;background-color:#e8e9ee;background-color:rgba(232,233,238,var(--tw-bg-opacity));--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none}.dropdown__item :where(a,button):disabled{cursor:default;--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity))}.stash-select[data-v-ab74bb37]{position:relative}.stash-select__content[data-v-ab74bb37],.stash-select__content-wrapper[data-v-ab74bb37]{height:2.25rem}.stash-select__content[data-v-ab74bb37]{cursor:pointer;overflow:hidden;position:absolute;background:#fff;border:1px solid var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;font-family:Sofia,sans-serif;font-size:.875rem;font-weight:400;outline:none;padding:0!important;width:100%}.stash-select__content[data-v-ab74bb37]:hover{border-color:var(--color-ice-500)}.stash-select__content[data-v-ab74bb37]:focus-within{border-color:var(--color-blue-500)!important}.stash-select--disabled .stash-select__content[data-v-ab74bb37]{background-color:var(--color-ice-200);border-color:var(--color-ice-500);color:var(--color-ice-700);pointer-events:none!important}.stash-select--active .stash-select__content[data-v-ab74bb37]{cursor:default;height:auto;min-width:5rem;overflow:visible;z-index:200;-webkit-box-shadow:0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 2px 2px #2626260d,0 2px 6px #2626261a}.stash-select--error[data-v-ab74bb37] :where(.stash-select__content,.stash-select__content:hover:not(:focus)){border-color:var(--color-red-500)!important}.stash-select__placeholder[data-v-ab74bb37]{color:var(--color-ice-500)}.stash-select--active .stash-select__placeholder[data-v-ab74bb37]{cursor:default}.stash-select__icon[data-v-ab74bb37]{color:var(--color-ice-700);cursor:pointer;pointer-events:none;position:absolute;right:.375rem;top:.375rem}.stash-select--disabled .stash-select__icon[data-v-ab74bb37]{color:var(--color-ice-500)}.stash-select--active .stash-select__icon[data-v-ab74bb37]{pointer-events:auto}.stash-select__chips[data-v-ab74bb37]{--half-space:.1875rem;padding:.1875rem;padding:var(--half-space);padding-right:2.25rem}.stash-select__chips>li[data-v-ab74bb37]{cursor:pointer;height:1.375rem;margin:var(--half-space);max-width:100%}.stash-select--disabled .stash-select__chips>li[data-v-ab74bb37]{cursor:default}.stash-select__content-wrapper .stash-select__chip[data-v-ab74bb37]{border-radius:.25rem;font-size:.875rem;font-weight:400;height:1.375rem;max-width:inherit;text-transform:none}.stash-select--disabled .stash-select__chip[data-v-ab74bb37]{background:grey;color:#fff}.stash-select__content-wrapper .stash-select__total .stash-select__chip[data-v-ab74bb37]{font-weight:400}.stash-select__selected[data-v-ab74bb37]{color:var(--color-ice-700)}.stash-select__selected[data-v-ab74bb37] :where(.stash-select__remove){display:none}.stash-select__total[data-v-ab74bb37]{display:block;font-weight:600;line-height:24/14;position:absolute;right:1.5rem;white-space:nowrap;z-index:100;top:0;left:0;bottom:0;color:#fff;background:white;padding:.375rem}.stash-select__search[data-v-ab74bb37]{position:relative;width:100%;height:2.25rem;background:#fff;border-radius:.25rem;color:var(--color-ice-700);display:block;font-family:Sofia,sans-serif;font-size:.875rem;font-weight:400;outline:none;padding:0 .75rem;border:0!important}.stash-select__border-selector[data-v-ab74bb37]{background:white;border-radius:.25rem;border:1px solid var(--color-blue-500);max-height:18.75rem;overflow:auto;z-index:1001}.stash-select__option[data-v-ab74bb37]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.5rem;margin:.375rem;padding:.375rem}.stash-select__option--disabled[data-v-ab74bb37]{color:var(--color-ice-500);cursor:not-allowed}.stash-select__option--highlighted[data-v-ab74bb37]{background-color:var(--color-ice-200)}.stash-select__option--selected[data-v-ab74bb37]{background-color:var(--color-blue-100);color:var(--color-ice-700)}._root_1u8h2_2{font-size:10px;font-weight:600;text-transform:uppercase;line-height:1}._size-medium_1u8h2_12{height:20px;padding:2px 8px 0}._size-small_1u8h2_17{height:16px;padding:2px 8px 0}._remove-button_1u8h2_22{border-radius:inherit;border-top-left-radius:0;border-bottom-left-radius:0;height:inherit;margin-top:-2px;padding:0 4px;right:0}._remove-button_1u8h2_22:not(:disabled):hover{background:rgba(0,0,0,.1)}._badge-standard_hcbk5_2{height:15px;vertical-align:middle}._badge-dot_hcbk5_7{border:2px solid var(--color-ice-100);height:10px;right:0;width:10px}._top-right_hcbk5_14{top:0;right:0;-webkit-transform:translateX(50%) translateY(-48%);transform:translate(50%) translateY(-48%)}._root_1slou_2{position:relative}._root_1slou_2 input{background:var(--color-white);border:1px solid var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;height:2.25rem;font-size:.875rem;font-weight:400;outline:none;padding:0 .75rem;width:100%}._root_1slou_2 input:hover{border-color:var(--color-ice-500)}._root_1slou_2 input:active,._root_1slou_2 input:focus{border-color:var(--color-blue-500)}._root_1slou_2 input::-webkit-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::-moz-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input:-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input._has-error_1slou_34:not(:focus){border-color:var(--color-red-500)}._root_1slou_2 input._input-prepended_1slou_38{padding-left:36px}._root_1slou_2 input._input-appended_1slou_42{padding-right:36px}._root_1slou_2 input[disabled],._root_1slou_2 input[readonly]{background-color:var(--color-ice-200)!important;border-color:var(--color-ice-500)!important;color:var(--color-ice-700)!important;pointer-events:none}._root_1slou_2 input[disabled]:active,._root_1slou_2 input[readonly]:active,._root_1slou_2 input[disabled]:focus,._root_1slou_2 input[readonly]:focus{-webkit-box-shadow:none!important;box-shadow:none!important}._root_1slou_2 input[disabled]::-webkit-input-placeholder,._root_1slou_2 input[readonly]::-webkit-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::-moz-placeholder,._root_1slou_2 input[readonly]::-moz-placeholder{text-transform:none}._root_1slou_2 input[disabled]:-ms-input-placeholder,._root_1slou_2 input[readonly]:-ms-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::-ms-input-placeholder,._root_1slou_2 input[readonly]::-ms-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::placeholder,._root_1slou_2 input[readonly]::placeholder{text-transform:none}._symbol_1slou_66{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:absolute;top:0;width:2.25rem}._symbol--prepend_1slou_77{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;left:0}._symbol--append_1slou_83{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem;right:0}._paginate_1jnlh_2 ul{margin:0}._root_1avat_5{background-color:var(--color-white);border:1px solid var(--color-ice-500);cursor:pointer;height:2.25rem;padding-left:.75rem;padding-right:.75rem}._root_1avat_5:focus{-webkit-box-shadow:0 0 0 4px rgba(0,123,255,.15);box-shadow:0 0 0 4px #007bff26;outline:none}._root_1avat_5:hover{background-color:var(--color-blue-100);border:1px solid var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24{color:var(--color-white);background-color:var(--color-blue-500);border:1px solid var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24:hover{color:var(--color-white);background-color:var(--color-blue-700);border:1px solid var(--color-blue-700)}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36{background-color:var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36 .stash-chip__remove-button{margin-right:-1px;padding-right:.75rem}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36 .stash-chip__remove-button:hover{background-color:var(--color-blue-700)}._root_1avat_5._is-selected_1avat_24._has-filter-count_1avat_49:hover{background-color:var(--color-blue-700);color:var(--color-white)}._root_1avat_5._has-dropdown_1avat_54{padding-right:.375rem}._root_1avat_5._has-filter-count_1avat_49:hover{background-color:var(--color-blue-100);color:var(--color-ice-900)}._root_1avat_5 label{cursor:pointer}._filter-count_1avat_67{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5em;height:16px;padding:0 8px;margin-left:.375rem;font-size:10px;font-weight:700;background-color:var(--color-blue-500);color:var(--color-white)}._is-selected_1avat_24 ._filter-count_1avat_67{background-color:var(--color-blue-700)}._is-selected_1avat_24:hover ._filter-count_1avat_67{background-color:var(--color-white);color:var(--color-blue-700)}._is-selected_1avat_24._is-removable_1avat_36 ._filter-count_1avat_67{background-color:var(--color-blue-700);color:var(--color-white)}._caret_1avat_94{color:var(--color-ice-700);margin-left:.375rem;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s;transition:all .5s}._is-selected_1avat_24 ._caret_1avat_94{color:var(--color-white)}._caret-rotate_1avat_105{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}._search-input_1e71y_2 input:hover{border:1px solid var(--color-blue-500)}._search-input_1e71y_2 .stash-input-append{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:72px;overflow:visible}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13{color:var(--color-ice-700);height:2.25rem;min-width:2.25rem;width:2.25rem;background:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible{outline:none;-webkit-box-shadow:none;box-shadow:none}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{border-radius:.25rem}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--tw-ring-opacity: 1;--tw-ring-color: rgba(0, 114, 240, var(--tw-ring-opacity))}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--tw-ring-opacity: .15}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:disabled{color:var(--color-ice-500);cursor:default}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40{border-bottom-left-radius:0;border-top-left-radius:0;height:2.25rem;min-width:2.25rem;width:2.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:focus{-webkit-box-shadow:none;box-shadow:none}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:disabled{border-color:var(--color-ice-500)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:hover{background-color:var(--color-blue-600)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:active{background-color:var(--color-blue-700)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:focus-visible{outline:none;border:1px solid var(--color-blue-900);-webkit-box-shadow:inset 0 0 0 1px var(--color-blue-900),0 0 0 4px rgba(0,114,240,.15);box-shadow:inset 0 0 0 1px var(--color-blue-900),0 0 0 4px #0072f026}._icon_gr3q2_2{margin-top:-1px}._dialog_1fzac_2{background:rgba(0,0,0,.3);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:0;overflow:auto;-webkit-overflow-scrolling:touch;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;place-content:center;position:fixed;right:0;top:0;z-index:1001;width:100%;height:100vh}._body_1fzac_19{--tw-shadow: 0px 24px 24px 0px rgba(38, 38, 38, .05), 0px 24px 24px 8px rgba(38, 38, 38, .1), 0px 24px 48px 8px rgba(38, 38, 38, .15);--tw-shadow-colored: 0px 24px 24px 0px var(--tw-shadow-color), 0px 24px 24px 8px var(--tw-shadow-color), 0px 24px 48px 8px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 24px 24px 0px rgba(38,38,38,.05),0px 24px 24px 8px rgba(38,38,38,.1),0px 24px 48px 8px rgba(38,38,38,.15);box-shadow:0 0 #0000,0 0 #0000,0 24px 24px #2626260d,0 24px 24px 8px #2626261a,0 24px 48px 8px #26262626;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background:var(--color-white);color:var(--color-ice-700);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-height:100vh;max-width:360px;-webkit-transition:-webkit-transform .15s cubic-bezier(.25,.8,.5,1);transition:-webkit-transform .15s cubic-bezier(.25,.8,.5,1);transition:transform .15s cubic-bezier(.25,.8,.5,1);transition:transform .15s cubic-bezier(.25,.8,.5,1),-webkit-transform .15s cubic-bezier(.25,.8,.5,1);width:100%}._body_1fzac_19._grey_1fzac_32{background:var(--color-ice-200);border-radius:.25rem}@media (min-width: 640px){._body_1fzac_19{border-radius:.25rem}}._content_1fzac_42{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:1.5rem var(--grid-gutter)}._footer_1fzac_47{background:var(--color-ice-200);border-top:1px solid var(--color-ice-500);display:inline;display:initial;padding:1.5rem var(--grid-gutter)}@media (min-width: 640px){._footer_1fzac_47{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}}.fade-enter-from ._body_1fzac_19,.fade-leave-active ._body_1fzac_19{-webkit-transform:translate3d(0,.75rem,0);transform:translate3d(0,.75rem,0)}._input_gn7he_2 input{border-bottom-right-radius:0;border-top-right-radius:0}._select_gn7he_7 .stash-select__content{border-bottom-left-radius:0;border-top-left-radius:0}._select_gn7he_7.stash-select--active .stash-select__content{min-width:0}._has-error_gn7he_16 input,._has-error_gn7he_16 input:hover:not(:focus),._has-error_gn7he_16 .stash-select__content,._has-error_gn7he_16 .stash-select__content:hover:not(:focus){border-color:var(--color-red-500)}._root_16z1p_2{background-color:var(--color-purple-500);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100vw}._wrapper_16z1p_11{max-width:100%;width:56rem}._content_16z1p_16{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._illustration_16z1p_22{width:300px;height:193px}@media screen and (max-width: 1023.98px){._content_16z1p_16{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0}._illustration_16z1p_22{margin-bottom:30px}}@media screen and (min-width: 1024px){._content__text_16z1p_40{max-width:50vw}}._illustration_16z1p_22 svg{margin-top:-53px}._menuitem_1kga5_3:not(:has(> a,> button)),._menuitem_1kga5_3>:where(a,button){width:100%;cursor:pointer;border-radius:.25rem;padding-top:10px;padding-bottom:10px;padding-left:.375rem;padding-right:.375rem;text-align:left;--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-duration:.165s;transition-duration:.165s;-webkit-transition-timing-function:cubic-bezier(.25,.8,.5,1);transition-timing-function:cubic-bezier(.25,.8,.5,1)}._menuitem_1kga5_3:not(:has(> a,> button)):hover,._menuitem_1kga5_3>:where(a,button):hover{--tw-bg-opacity: 1;background-color:#e8e9ee;background-color:rgba(232,233,238,var(--tw-bg-opacity));--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none}._menuitem_1kga5_3:not(:has(> a,> button)):disabled,._menuitem_1kga5_3>:where(a,button):disabled{cursor:default;--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity))}._menuitem_1kga5_3>:where(a,button){display:block;border:0}.modals-enter-active[data-v-bb296f1b],.modals-leave-active[data-v-bb296f1b]{--swing-timing-function: cubic-bezier(.25, .8, .5, 1);-webkit-transition:opacity 165ms cubic-bezier(.25,.8,.5,1);transition:opacity 165ms cubic-bezier(.25,.8,.5,1);-webkit-transition:opacity 165ms var(--swing-timing-function);transition:opacity 165ms var(--swing-timing-function)}.modals-enter-from[data-v-bb296f1b],.modals-leave-to[data-v-bb296f1b]{opacity:0}.modals-enter-active[data-v-bb296f1b] .stash-modal__dialog--position-center,.modals-leave-active[data-v-bb296f1b] .stash-modal__dialog--position-center{-webkit-transition:-webkit-transform 165ms var(--swing-timing-function);transition:-webkit-transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function),-webkit-transform 165ms var(--swing-timing-function)}.modals-enter-from[data-v-bb296f1b] .stash-modal__dialog--position-center,.modals-leave-to[data-v-bb296f1b] .stash-modal__dialog--position-center{-webkit-transform:translateY(20px);transform:translateY(20px)}.modals-enter-active[data-v-bb296f1b] .stash-modal__dialog--is-drawer,.modals-leave-active[data-v-bb296f1b] .stash-modal__dialog--is-drawer{-webkit-transition:-webkit-transform 165ms var(--swing-timing-function);transition:-webkit-transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function),-webkit-transform 165ms var(--swing-timing-function)}.modals-enter-from[data-v-bb296f1b] .stash-modal__dialog--position-left,.modals-leave-to[data-v-bb296f1b] .stash-modal__dialog--position-left{-webkit-transform:translateX(-50px);transform:translate(-50px)}.modals-enter-from[data-v-bb296f1b] .stash-modal__dialog--position-right,.modals-leave-to[data-v-bb296f1b] .stash-modal__dialog--position-right{-webkit-transform:translateX(50px);transform:translate(50px)}._media_ktx8r_3{max-height:58px;max-width:58px}._root_1fnu6_2{max-width:87.5rem;padding-left:var(--grid-gutter);padding-right:var(--grid-gutter);position:relative;margin-left:auto;margin-right:auto;width:100%}._stash-page-content--has-sidebar_1fnu6_10{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--grid-gutter)}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__main_1fnu6_16{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__sidebar_1fnu6_21{-webkit-box-flex:0;-ms-flex:0;flex:0;min-width:0}@media (min-width: 961px){._stash-page-content--has-sidebar_1fnu6_10{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__main_1fnu6_16{-webkit-box-flex:3;-ms-flex:3;flex:3}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__sidebar_1fnu6_21{-webkit-box-flex:1;-ms-flex:1;flex:1}}._root_1gg6c_2{border-bottom:0;display:grid;grid-gap:var(--grid-gutter);gap:var(--grid-gutter);margin:0 auto;max-width:87.5rem;padding:1.5rem var(--grid-gutter) 3rem;width:100%}@media (min-width: 961px){._root_1gg6c_2._grid_1gg6c_13{grid-template-columns:repeat(2,1fr)}}._actions_1gg6c_18{-ms-flex-item-align:end;align-self:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;row-gap:var(--grid-gutter)}@media (min-width: 640px){._actions_1gg6c_18{-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:0}}@media (min-width: 961px){._actions_1gg6c_18{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}._media-test_1gg6c_41{max-width:58px;max-height:58px}._root_nu1bt_2{background-color:#fff;border:1px solid transparent;cursor:pointer;display:inline-block}._root_nu1bt_2:hover,._root_nu1bt_2:active,._root_nu1bt_2:focus{border:1px solid var(--color-blue-500);-webkit-text-decoration:none;text-decoration:none}.stash-select-status--filled .stash-select__content{border:none;padding:0}.stash-select-status--filled .stash-select--active .stash-select__content:focus-within .stash-select__border-selector{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:calc(100% - 2px)}.stash-select-status--filled .stash-select-status--selected,.stash-select-status--filled :has(.stash-select-status--selected) .icon--caret-down{color:#fff}.stash-select-status--filled-dark .stash-select-status--selected,.stash-select-status--filled-dark :has(.stash-select-status--selected) .icon--caret-down{color:var(--color-ice-900)}._select_1gtqy_27 .stash-select--disabled>.stash-select__content{background-color:transparent;border-color:transparent}._select_1gtqy_27 :deep(._stash-select__chips_1gtqy_32){margin:0}._select_1gtqy_27 .stash-select__options{margin:0;padding:0}._select_1gtqy_27 ul{position:relative}._text-variant_buk08_2:before{content:" "}._has-children_buk08_6>*{visibility:hidden}._step_1h5eb_2:before{content:"●";position:absolute;color:#fff;left:-28px;opacity:0;-webkit-transition:opacity .5s cubic-bezier(.85,0,.15,1);transition:opacity .5s cubic-bezier(.85,0,.15,1)}._title_1h5eb_11{font-weight:500;font-size:1rem;margin-top:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._nested-step--active_1h5eb_18:before{opacity:1}._line_1h5eb_22{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1),-ms-flex-positive .5s cubic-bezier(.87,0,.13,1)}._line--expanded_1h5eb_27{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}._stash-step--singular_1h5eb_31 ._line_1h5eb_22{position:absolute;left:0px;right:0px;top:.75rem;height:1px;border-top-width:0px}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:before{position:absolute;left:0px;right:50%;margin-right:4rem;display:block;height:1px;content:var(--tw-content);--tw-bg-opacity: 1;background-color:#c5c9d4;background-color:rgba(197,201,212,var(--tw-bg-opacity))}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:after{position:absolute;left:50%;right:0px;margin-left:4rem;display:block;height:1px;content:var(--tw-content);--tw-bg-opacity: 1;background-color:#c5c9d4;background-color:rgba(197,201,212,var(--tw-bg-opacity))}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:after,._stash-step--singular_1h5eb_31 ._line_1h5eb_22:before{content:""}._step_1h5eb_2:not(._stash-step--singular_1h5eb_31):last-child ._line_1h5eb_22{display:none}._circle_1h5eb_62{width:1.5rem;height:1.5rem;line-height:1.5rem;border-radius:9999px;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center;font-weight:500;-webkit-transition:background-color .5s,color .5s;transition:background-color .5s,color .5s}._circle--todo_1h5eb_73{background-color:#ffffff80;color:#4d4a69;border:1px solid #747293}._circle--active_1h5eb_79{background-color:var(--color-blue-500);color:#fff;border:1px solid transparent}._circle--loading_1h5eb_85{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-ice-700);cursor:pointer}._circle--completed_1h5eb_92{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-green-500);cursor:pointer}._circle--error_1h5eb_99{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-red-500);cursor:pointer}._nested_1h5eb_18{padding:1.125rem 0}._nested_1h5eb_18 li+li{margin-top:.75rem}._nested_1h5eb_18 ._title_1h5eb_11{font-weight:400;font-size:.9rem}.stash-stepper--vertical .stash-step:last-child .stash-step--nested-steps{display:none}.stash-stepper__arrow{position:absolute;top:0px;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.5rem;width:1.5rem;min-width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:#c5c9d4;border-color:rgba(197,201,212,var(--tw-border-opacity));text-align:center}.stash-stepper__arrow:disabled{--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity));opacity:.5}.stash-stepper__arrow--prev{left:0px}.stash-stepper__arrow--next{right:0px}._control_8a1ic_2{-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out}._active_8a1ic_5 ._control_8a1ic_2{left:.875rem}._root_rmarx_2{border:0}._layout--scroll_rmarx_6{background-color:var(--color-white);border:none;border-bottom:1px solid var(--color-ice-200)}._layout--scroll_rmarx_6._has-actions_rmarx_12:last-of-type{text-align:center}._layout--stack_rmarx_16{background-color:var(--color-ice-100);border-radius:.25rem}._layout--stack_rmarx_16._has-actions_rmarx_12:last-of-type{background-color:transparent;position:absolute;right:0;top:0}._layout--stack_rmarx_16._is-control_rmarx_28{background-color:transparent}@media (min-width: 961px){._layout--stack_rmarx_16{background-color:var(--color-white);border-bottom:1px solid var(--color-ice-200);border-radius:0;border-radius:initial}._layout--stack_rmarx_16._has-actions_rmarx_12:last-of-type{background-color:var(--color-white);position:static;position:initial;right:auto;right:initial;text-align:center;top:auto;top:initial}._layout--stack_rmarx_16._is-control_rmarx_28{background-color:var(--color-white)}._root--density-comfortable_rmarx_52:last-of-type:not(._has-actions_rmarx_12){padding-right:24px}._root--density-comfortable_rmarx_52:first-of-type:not(.stash-table-header-row__selection-cell):not(.stash-table-row__selection-cell):not(.stash-table-row__toggle-expansion-cell){padding-left:24px}}._root_ngiw1_2{border:0}._is-expandable_ngiw1_9>td{border-bottom-color:var(--color-ice-200);-webkit-transition:border-bottom-color .5s;transition:border-bottom-color .5s}._root--hidden-divider_ngiw1_14._is-expanded_ngiw1_14>td{-webkit-transition:border-bottom-color 0s;transition:border-bottom-color 0s;border-bottom-color:transparent}._layout--scroll_ngiw1_22{border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0}._layout--scroll_ngiw1_22:last-of-type{border:0}._layout--scroll_ngiw1_22:last-of-type td{border-bottom:none}._layout--stack_ngiw1_36{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:var(--color-white);grid-column-gap:var(--grid-gutter);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);display:grid;grid-template-columns:repeat(12,1fr);position:relative;grid-row-gap:var(--grid-gutter);row-gap:var(--grid-gutter)}._layout--stack_ngiw1_36:not(._is-expanded_ngiw1_14){border-radius:.25rem;-webkit-transition:border-radius .5s;transition:border-radius .5s}._layout--stack_ngiw1_36._is-expanded_ngiw1_14{border-top-left-radius:.25rem;border-top-right-radius:.25rem}._row-selection-checkbox_ngiw1_56 label{padding:0;min-height:1.5rem;vertical-align:middle}._layout--stack_ngiw1_36 ._row-control-cell_ngiw1_62{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0}._row-control-cell_ngiw1_62+:not(._row-control-cell_ngiw1_62){grid-column-start:1}._row-expansion-content_ngiw1_73{-webkit-box-shadow:inset 0 -1px 0 0 var(--color-ice-200);box-shadow:inset 0 -1px 0 0 var(--color-ice-200)}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73,._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{display:block}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:1px solid var(--color-ice-200);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;margin-bottom:1.5rem}._layout--stack_ngiw1_36._root--hidden-divider_ngiw1_14+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:none}@media (min-width: 961px){._layout--stack_ngiw1_36{-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;background-color:transparent;background-color:initial;border:0;border-bottom:1px solid var(--color-ice-200);border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-column-gap:normal;-moz-column-gap:normal;column-gap:normal;-webkit-column-gap:initial;-moz-column-gap:initial;column-gap:initial;display:table-row;grid-template-columns:initial;row-gap:initial}._layout--stack_ngiw1_36:last-of-type{border-bottom:0}._layout--stack_ngiw1_36 ._row-control-cell_ngiw1_62{display:table-cell}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73{display:table-row}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:0;border-top:initial;border-bottom-left-radius:0;border-bottom-right-radius:0;display:table-cell;margin-bottom:0;margin-bottom:initial}._row-control-cell_ngiw1_62+:not(._row-control-cell_ngiw1_62){grid-column-start:unset}}._root_14363_2{border-left:none;border-top:none;position:sticky;top:0;z-index:1}._root_14363_2:last-of-type{border-right:0}._has-actions_14363_14:last-of-type ._content-wrapper_14363_14{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}._caret-up_14363_18{top:-5px}._caret-down_14363_22{top:2px}.stash-table-header-cell--sorted ._caret_14363_18{top:-2px}@media (min-width: 961px){._root--density-comfortable_14363_31:last-of-type{padding-right:24px}._root--density-comfortable_14363_31:first-of-type:not(.stash-table-header-row__selection-cell):not(.stash-table-row__selection-cell){padding-left:24px}}._row-selection-checkbox_1eq6o_2 label{padding:0;min-height:1.5rem;vertical-align:middle}._row-control-cell_1eq6o_8{border-right:0}._root_1bv4v_2{position:relative;width:100%}._textarea_1bv4v_7{background:var(--color-white);border:1px solid;border-color:var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;min-height:100px;outline:none;padding:.375rem;width:100%}._textarea_1bv4v_7:hover{border-color:var(--color-ice-500)}._textarea_1bv4v_7:focus,._textarea_1bv4v_7:active{border-color:var(--color-blue-500)}._textarea_1bv4v_7._stash-textarea--error_1bv4v_28{border-color:var(--color-red-500);color:var(--color-red-500)}._textarea_1bv4v_7::-webkit-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::-moz-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7:-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7[disabled],._textarea_1bv4v_7[readonly]{background-color:var(--color-ice-200);border-color:var(--color-ice-500);color:var(--color-ice-700);pointer-events:none}._textarea_1bv4v_7[disabled]:active,._textarea_1bv4v_7[readonly]:active,._textarea_1bv4v_7[disabled]:focus,._textarea_1bv4v_7[readonly]:focus{-webkit-box-shadow:none;box-shadow:none}._textarea_1bv4v_7[disabled]::-webkit-input-placeholder,._textarea_1bv4v_7[readonly]::-webkit-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::-moz-placeholder,._textarea_1bv4v_7[readonly]::-moz-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]:-ms-input-placeholder,._textarea_1bv4v_7[readonly]:-ms-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::-ms-input-placeholder,._textarea_1bv4v_7[readonly]::-ms-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::placeholder,._textarea_1bv4v_7[readonly]::placeholder{text-transform:none}.stash-timeline[data-v-0bc8e788]{grid-template-columns:auto -webkit-min-content auto;grid-template-columns:auto min-content auto}.stash-modal__header[data-v-5dce6bf1]{grid-template-columns:48px 1fr 48px}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(1){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(2){margin-bottom:.75rem;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media (min-width: 961px){.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(2){margin-bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button+.stash-button{margin-left:var(--grid-gutter)}}.stash-modal__featured-content[data-v-5dce6bf1]>*{border-radius:inherit}._file-dropbox_19hp2_2{background:var(--color-ice-200);background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23C5C9D4FF' stroke-width='1' stroke-dasharray='5 %2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");background-repeat:no-repeat;border:1px solid var(--color-ice-500);border-color:transparent}._is-dragging_19hp2_10{background-image:none;border-color:var(--color-ice-500)}._is-dragging_19hp2_10>*{pointer-events:none}._is-disabled_19hp2_19{cursor:no-drop}._upload-icon_19hp2_24{height:98px;width:84px}._remove-button_19hp2_29._button_19hp2_29{background:transparent;border:none;color:var(--color-red-500)}._remove-button_19hp2_29._button_19hp2_29:hover{background:transparent;border:none}._icon_1x7lf_2{display:inline-block;fill:currentcolor;vertical-align:middle}._standard_1x7lf_8{height:24px;min-height:24px;min-width:24px;width:24px}._dense_1x7lf_15{height:20px;min-height:20px;min-width:20px;width:20px}._small_1x7lf_22{height:14px;min-height:14px;min-width:14px;width:14px}._large_1x7lf_29{height:32px;min-height:32px;min-width:32px;width:32px}._menu-tab_frbn6_2>a,._menu-tab_frbn6_2>a:hover,._menu-tab_frbn6_2>a:focus{color:inherit}._root_p3yhd_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;border-width:1px .375rem 1px 1px;border-radius:.25rem;padding:1.125rem .75rem;cursor:pointer}._root_p3yhd_2>*+*{margin-left:.75rem}._root_p3yhd_2 div{margin-bottom:0;color:var(--color-ice-900);font-size:1rem}._status--success_p3yhd_22{background-color:var(--color-green-100);border-color:var(--color-green-500)}._status--success_p3yhd_22 svg{color:var(--color-green-500)}._status--error_p3yhd_31{background-color:var(--color-red-100);border-color:var(--color-red-500)}._status--error_p3yhd_31 svg{color:var(--color-red-500)}._status--info_p3yhd_40{background-color:var(--color-blue-100);border-color:var(--color-blue-500)}._status--info_p3yhd_40 svg{color:var(--color-blue-500)}._status--warning_p3yhd_49{background-color:var(--color-orange-100);border-color:var(--color-orange-500)}._status--warning_p3yhd_49 svg{color:var(--color-orange-500)}._root_1m7jr_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;min-width:300px;max-width:calc(320px - .75rem);right:1.5rem;top:1.5rem;z-index:1002;row-gap:.375rem}.toasts-enter-active,.toasts-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease}.toasts-enter-from,.toasts-leave-to{opacity:0;-webkit-transform:translateX(30px);transform:translate(30px)}:root{--vc-clr-primary: #000;--vc-clr-secondary: rgba(9,15,32,.49804);--vc-clr-white: #ffffff;--vc-icn-width: 1.2em;--vc-nav-width: 30px;--vc-nav-height: 30px;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-background: transparent;--vc-pgn-width: 12px;--vc-pgn-height: 4px;--vc-pgn-margin: 4px;--vc-pgn-border-radius: 0;--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-active-color: var(--vc-clr-primary)}.carousel{position:relative;text-align:center;box-sizing:border-box;touch-action:pan-y;overscroll-behavior:none}.carousel.is-dragging{touch-action:none}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0!important;position:relative}.carousel__viewport{overflow:hidden}.carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.carousel__icon{width:1.2em;width:var(--vc-icn-width);height:1.2em;height:var(--vc-icn-width);fill:currentColor}.carousel__prev,.carousel__next{box-sizing:content-box;background:transparent;background:var(--vc-nav-background);border-radius:0;border-radius:var(--vc-nav-border-radius);width:30px;width:var(--vc-nav-width);height:30px;height:var(--vc-nav-height);text-align:center;font-size:30px;font-size:var(--vc-nav-height);padding:0;color:#000;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer;margin:0 10px;top:50%;transform:translateY(-50%)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{right:auto;left:0}@media (hover: hover){.carousel__prev:hover,.carousel__next:hover{color:#090f207f;color:var(--vc-nav-color-hover)}}.carousel__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 0;padding:0}.carousel__pagination-button{display:block;border:0;margin:0;cursor:pointer;padding:4px;padding:var(--vc-pgn-margin);background:transparent}.carousel__pagination-button:after{display:block;content:"";width:12px;width:var(--vc-pgn-width);height:4px;height:var(--vc-pgn-height);border-radius:0;border-radius:var(--vc-pgn-border-radius);background-color:#090f207f;background-color:var(--vc-pgn-background-color)}.carousel__pagination-button--active:after{background-color:#000;background-color:var(--vc-pgn-active-color)}@media (hover: hover){.carousel__pagination-button:hover:after{background-color:#000;background-color:var(--vc-pgn-active-color)}}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}._root_a92j2_2 :deep(._carousel__icon_a92j2_2){background-color:var(--color-white);border-radius:.25rem;color:var(--color-blue-500);height:2.25rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2.25rem}._root_a92j2_2 :deep(._carousel__icon_a92j2_2:hover){background-color:var(--color-ice-100);color:var(--color-blue-700)}._root_a92j2_2 :deep(._carousel__next_a92j2_18){padding-right:2.25rem}._root_a92j2_2 :deep(._carousel__next--disabled_a92j2_22){display:none}._root_a92j2_2 :deep(._carousel__prev_a92j2_26){padding-left:2.25rem}._root_a92j2_2 :deep(._carousel__prev--disabled_a92j2_30){display:none}._pagination-dot_a92j2_34{height:4px;margin-right:2px;width:4px}._pagination-tile_a92j2_40{height:3rem;opacity:.4;-o-object-fit:cover;object-fit:cover;width:3rem}._pagination-tile_a92j2_40._is-current-tile_a92j2_47{opacity:1}@media (min-width: 961px){._select-bar_hsxyw_2{border-bottom:1px solid var(--color-ice-200);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle}}._checkbox_hsxyw_10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}._actions_hsxyw_14>*{margin-top:1.5rem;width:100%}@media (min-width: 961px){._actions_hsxyw_14>*{margin-left:.75rem;margin-top:0;width:auto}}._empty-state_12gjn_2{max-width:100%}._main-header_1wlsh_2{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background-color:var(--color-white);border-radius:.25rem;margin-bottom:1.5rem;padding:var(--grid-gutter)}@media (min-width: 961px){._main-header_1wlsh_2{border-bottom:1px solid var(--color-ice-200);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}}._expanded-content-wrapper_1wlsh_18{position:relative;width:100%}@media (min-width: 961px){._expanded-content-wrapper_1wlsh_18{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}}._expanded-content-header_1wlsh_29{background-color:var(--color-white);border-bottom:1px solid var(--color-ice-200);color:var(--color-ice-900);display:none;font-weight:500;padding:0 .75rem;-webkit-transition:padding .15s cubic-bezier(.25,.8,.5,1);transition:padding .15s cubic-bezier(.25,.8,.5,1);z-index:1}@media (min-width: 961px){._expanded-content-header_1wlsh_29{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}._expanded-content-header_1wlsh_29.is-sticky{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}._expanded-content-header_1wlsh_29.is-sticky{border-radius:0;z-index:201}._expanded-content-header-grid_1wlsh_52{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;grid-column-gap:0}._expanded-content-header-grid_1wlsh_52>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid var(--color-ice-200);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.75rem}._expanded-content-header-grid_1wlsh_52>div:last-of-type{border-right:0}._expansion-toggle-button_1wlsh_70:focus{-webkit-box-shadow:none;box-shadow:none}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters ._main-header_1wlsh_2{border-radius:0}}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters ._expanded-content-list-items-wrapper_1wlsh_81>*{border-bottom:1px solid var(--color-ice-200);border-radius:0}}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters:last-of-type.is-collapsed ._main-header_1wlsh_2,._list-group_1wlsh_74.disable-external-gutters:last-of-type ._expanded-content-list-items-wrapper_1wlsh_81>*:last-child{border-bottom:none;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}}._caret-up_1147a_2{top:-5px}._caret-down_1147a_6{top:2px}.is-active-sort ._caret_1147a_2{top:-2px}._list-items_c8ut0_2{background-color:var(--color-ice-200);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;min-width:100%;position:relative}@media (min-width: 961px){._list-items_c8ut0_2{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}}._legacy-box_c8ut0_16{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background:var(--color-white);border-radius:.25rem;padding:1.5rem var(--grid-gutter)}._header_c8ut0_25{background-color:var(--color-white);color:var(--color-ice-900);font-weight:500;margin-bottom:.75rem;overflow:hidden;z-index:1}._header_c8ut0_25.is-sticky{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}._header_c8ut0_25.is-sticky{border-radius:0;overflow:visible;z-index:201}._header_c8ut0_25.is-sticky:before,._header_c8ut0_25.is-sticky:after{background-color:var(--color-white);content:"";height:100%;overflow-x:hidden;position:absolute;right:100%;top:0;width:.75rem}@media (min-width: 961px){._header_c8ut0_25.is-sticky:before,._header_c8ut0_25.is-sticky:after{content:none}}._header_c8ut0_25.is-sticky:after{left:100%;right:auto}._header_c8ut0_25 .input--checkbox label{min-height:1.5rem}@media (min-width: 961px){._header_c8ut0_25{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}}._header-grid-container_c8ut0_75{display:none;-webkit-transition:padding .15s cubic-bezier(.25,.8,.5,1);transition:padding .15s cubic-bezier(.25,.8,.5,1)}@media (min-width: 961px){._header-grid-container_c8ut0_75{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}._header-grid_c8ut0_75{-webkit-column-gap:0!important;-moz-column-gap:0!important;column-gap:0!important;grid-column-gap:0!important}._header-grid_c8ut0_75>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid var(--color-ice-200);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.75rem}._header-grid_c8ut0_75>div:first-of-type{margin-left:-.75rem;padding-left:1.5rem}._header-grid_c8ut0_75>div:last-of-type{border-right:0;margin-right:-.75rem}._search-input_c8ut0_109 input{padding-right:4.5rem!important}._search-input_c8ut0_109 .stash-input-append{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:72px}._search-input_c8ut0_109 .stash-input-append ._clear-button_c8ut0_120{color:var(--color-ice-700);height:36px;margin:0;min-width:36px;padding:0;width:36px}._search-input_c8ut0_109 .stash-input-append ._clear-button_c8ut0_120:disabled{color:var(--color-ice-500);cursor:default}._search-input_c8ut0_109 .stash-input-append ._search-button_c8ut0_134{border-bottom-left-radius:0;border-color:var(--color-blue-500);border-left:none;border-top-left-radius:0;min-width:36px;padding:0 .375rem;width:36px}._search-input_c8ut0_109 .stash-input-append ._search-button_c8ut0_134:disabled{border-color:var(--color-ice-500)}@media (min-width: 640px){._total-sort_c8ut0_151{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}._filter-toggle-btn_c8ut0_158{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}._filter-toggle-btn-with-hint-text_c8ut0_162{margin-bottom:20px}@-webkit-keyframes _separator_c8ut0_1{0%{opacity:0}to{opacity:1}}@keyframes _separator_c8ut0_1{0%{opacity:0}to{opacity:1}}._filters-expand_c8ut0_177.stash-expand--expanded ._filters-wrapper_c8ut0_178:before{-webkit-animation:_separator_c8ut0_1 .3s cubic-bezier(.4,0,.6,1) .5s 1 forwards;animation:_separator_c8ut0_1 .3s cubic-bezier(.4,0,.6,1) .5s 1 forwards;background:var(--color-ice-200);content:"";height:1px;left:calc(var(--grid-gutter) * -1);opacity:0;position:absolute;right:calc(var(--grid-gutter) * -1);top:1.5rem}@media (min-width: 961px){._filters-half-width_c8ut0_191 .field-wrapper{grid-column:span 6 / span 6}}._dropdown_c8ut0_199 .tw-text-blue-500{font-size:.75rem}._sort-option_c8ut0_203{height:2.25rem}._select-all_c8ut0_207{width:1.5rem}._label_1mshv_2{padding:8px 30px;border:1px solid var(--color-ice-500);font-weight:600;color:var(--color-ice-700);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;text-align:center}._root_1mshv_14:first-of-type ._label_1mshv_2{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}._root_1mshv_14:last-of-type ._label_1mshv_2{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}._root_1mshv_14:not(:first-of-type) ._label_1mshv_2{margin-left:-1px}._root_1mshv_14:not(:last-of-type) ._label_1mshv_2{border-right-color:transparent}._input_1mshv_32:disabled~._label_1mshv_2{background-color:var(--color-ice-100);color:var(--color-ice-500);cursor:auto}._input_1mshv_32:not(:checked):not(:disabled)~._label_1mshv_2:hover{border-color:var(--color-blue-500);color:var(--color-blue-500);z-index:1;position:relative}._input_1mshv_32:checked:not(:disabled)~._label_1mshv_2{border-color:var(--color-blue-500);color:var(--color-blue-500);background-color:var(--color-blue-100);z-index:1;position:relative}._label_vdpts_2{display:inline-block;padding:.25rem .75rem;border:1px solid var(--color-ice-500);font-weight:400;line-height:1.375rem;color:var(--color-ice-900);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;white-space:nowrap}._input_vdpts_16:disabled~._label_vdpts_2{background-color:var(--color-ice-100);color:var(--color-ice-500);cursor:auto}._input_vdpts_16:checked:not(:disabled)~._label_vdpts_2{border-color:var(--color-blue-500);color:#fff;background-color:var(--color-blue-500);font-weight:700}._input_vdpts_16:not(:checked):not(:disabled)~._label_vdpts_2:hover{border-color:var(--color-blue-500)}._label_kw8hn_2{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._input_kw8hn_9{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;min-width:20px;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer}._input_kw8hn_9:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._input_kw8hn_9:disabled{background-image:radial-gradient(var(--color-ice-100) 100%,var(--color-ice-100) 100%)}._input_kw8hn_9:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,var(--color-ice-100) 54%)}._input_kw8hn_9:hover:not(:disabled){border-color:var(--color-blue-500)}._input_kw8hn_9:disabled~._label_kw8hn_2{cursor:auto}._input_kw8hn_9:hover:not(:disabled)~._label_kw8hn_2{color:var(--color-ice-900)}._input_kw8hn_9:not(:disabled)~._label_kw8hn_2:hover{color:var(--color-ice-900)}._root_583pa_2{border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._root--disabled_583pa_11{cursor:auto}._tile-header_583pa_15,._tile-body_583pa_16{-webkit-transition:all .2s;transition:all .2s}._tile-header_583pa_15{border-radius:.25rem .25rem 0 0;padding:.75rem 0}._root_583pa_2:hover:not(._root--disabled_583pa_11) ._tile-header_583pa_15{background-color:var(--color-blue-100)!important;border-color:var(--color-blue-500)!important;color:var(--color-ice-900)!important;-webkit-transition:all .2s;transition:all .2s}._label_583pa_32{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._input_583pa_39{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:2px;margin-left:.75rem}._input_583pa_39:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._input_583pa_39:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,var(--color-ice-100) 54%)}._tile-body_583pa_16{border-radius:0 0 .25rem .25rem;border-width:0 1px 1px 1px;background-color:#fff;padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._root_583pa_2:hover:not(._root--disabled_583pa_11) ._tile-body_583pa_16{border-color:var(--color-blue-500)!important;-webkit-transition:all .2s;transition:all .2s}._root_1bamn_2 label{padding:8px 30px;border:1px solid var(--color-ice-500);font-weight:600;color:var(--color-ice-700);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;text-align:center}._root_1bamn_2>div:first-child label{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}._root_1bamn_2>div:last-child label{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}._root_1bamn_2>div:not(:first-child) label{margin-left:-1px}._root_1bamn_2>div:not(:last-child) label{border-right-color:transparent}._root_1bamn_2 input:disabled~label{background-color:var(--color-ice-200);color:var(--color-ice-500);cursor:auto}._root_1bamn_2 input:not(:checked):not(:disabled)~label:hover{border-color:var(--color-blue-500);color:var(--color-blue-500);z-index:1;position:relative}._root_1bamn_2 input:checked:not(:disabled)~label{border-color:var(--color-blue-500);color:var(--color-blue-500);background-color:var(--color-blue-100);z-index:1;position:relative}._root_kagur_2{gap:1.5rem}._root_kagur_2 label{padding:.375rem .75rem;border:1px solid var(--color-ice-500);font-weight:400;color:var(--color-ice-900);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;white-space:nowrap}._root_kagur_2 input:disabled~label{background-color:var(--color-ice-200);color:var(--color-ice-500);cursor:auto}._root_kagur_2 input:checked:not(:disabled)~label{border-color:var(--color-blue-500);color:var(--color-white);background-color:var(--color-blue-500);font-weight:700}._root_kagur_2 input:not(:checked):not(:disabled)~label:hover{border-color:var(--color-blue-500)}._root_11y1n_2{gap:1.5rem}._root_11y1n_2 label{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._root_11y1n_2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:5px}._root_11y1n_2 input:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._root_11y1n_2 input:disabled{background:#eef2f4}._root_11y1n_2 input:disabled~label{cursor:auto}._root_11y1n_2 input:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,transparent 54%)}._root_11y1n_2 input:hover:not(:disabled){border-color:var(--color-blue-500)}._root_11y1n_2 input:hover:not(:disabled)~label{color:var(--color-ice-900)}._root_11y1n_2 input:not(:disabled)~label:hover{color:var(--color-ice-900)}._root_1sppn_2{gap:1.5rem}._root_1sppn_2 label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._root_1sppn_2 input:disabled~label{cursor:auto}._root_1sppn_2 input:hover:not(:disabled)~label{color:var(--color-ice-900)}._root_1sppn_2 input:not(:disabled)~label:hover{color:var(--color-ice-900)}._root_1sppn_2 label._tile-container_1sppn_23{border-radius:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._tile-header_1sppn_30,._tile-body_1sppn_31{-webkit-transition:all .2s;transition:all .2s}._tile-header_1sppn_30{border-radius:.25rem .25rem 0 0;padding:.75rem 0}._root_1sppn_2 label._tile-container_1sppn_23:hover ._tile-header_1sppn_30{background-color:var(--color-blue-100)!important;border-color:var(--color-blue-500)!important;color:var(--color-ice-900)!important;-webkit-transition:all .2s;transition:all .2s}._tile-body_1sppn_31{border-radius:0 0 .25rem .25rem;background-color:var(--color-white);padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._root_1sppn_2 label._tile-container_1sppn_23:hover ._tile-body_1sppn_31{border-color:var(--color-blue-500)!important;-webkit-transition:all .2s;transition:all .2s}._root_1sppn_2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:2px}._root_1sppn_2 input~div{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._root_1sppn_2 input:disabled{background:#eef2f4}._root_1sppn_2 input:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._root_1sppn_2 label._tile-container_1sppn_23 input{margin-left:.75rem}._root_1sppn_2 input:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,transparent 54%)}@media screen and (max-width: 640px){._root_1sppn_2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.stash-field-hint,.stash-field-error{display:block;width:100%}.stash-label{margin-bottom:6px}/*!
|
|
2
2
|
* Quill Editor v2.0.2
|
|
3
3
|
* https://quilljs.com
|
|
4
4
|
* Copyright (c) 2017-2024, Slab
|
package/dist/useModals.d.ts
CHANGED
package/dist/useModals.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ref as
|
|
3
|
-
const n =
|
|
1
|
+
import a from "lodash-es/merge";
|
|
2
|
+
import { ref as l, computed as p, reactive as v, readonly as u, markRaw as m } from "vue";
|
|
3
|
+
const n = l([]);
|
|
4
4
|
function D() {
|
|
5
|
-
function
|
|
6
|
-
!e.name && e.component.name && (e.name = e.component.name), e.component =
|
|
5
|
+
function r(e) {
|
|
6
|
+
!e.name && e.component.name && (e.name = e.component.name), e.component = m(e.component);
|
|
7
7
|
const t = {
|
|
8
8
|
disableDefaultListeners: !1
|
|
9
9
|
};
|
|
10
|
-
e.options =
|
|
10
|
+
e.options = a({}, t, e.options), n.value.push(e);
|
|
11
11
|
}
|
|
12
|
-
function
|
|
12
|
+
function i({ index: e, name: t } = {}) {
|
|
13
13
|
if (e === void 0 && !t) {
|
|
14
|
-
n.value.
|
|
14
|
+
n.value.shift();
|
|
15
15
|
return;
|
|
16
16
|
}
|
|
17
17
|
if (e !== void 0) {
|
|
@@ -19,36 +19,41 @@ function D() {
|
|
|
19
19
|
return;
|
|
20
20
|
}
|
|
21
21
|
if (t) {
|
|
22
|
-
const o = n.value.findIndex((
|
|
22
|
+
const o = n.value.findIndex((f) => f.name === t);
|
|
23
23
|
if (o === -1)
|
|
24
24
|
return;
|
|
25
25
|
n.value.splice(o, 1);
|
|
26
26
|
return;
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
function
|
|
29
|
+
function c() {
|
|
30
30
|
n.value = [];
|
|
31
31
|
}
|
|
32
|
-
|
|
32
|
+
const s = p(() => n.value.length ? n.value[0] : null);
|
|
33
|
+
return v({
|
|
33
34
|
/**
|
|
34
35
|
* The list of modals that are currently open.
|
|
35
36
|
*/
|
|
36
|
-
active:
|
|
37
|
+
active: u(n),
|
|
38
|
+
/**
|
|
39
|
+
* The first modal in the active list (index: 0).
|
|
40
|
+
*/
|
|
41
|
+
current: u(s),
|
|
37
42
|
/**
|
|
38
43
|
* Opens the given modal.
|
|
39
44
|
*/
|
|
40
|
-
open:
|
|
45
|
+
open: r,
|
|
41
46
|
/**
|
|
42
47
|
* Closes a modal.
|
|
43
48
|
* If no arguments are passed, then the top-most modal is closed.
|
|
44
49
|
* If an index is passed, then the modal at that index is closed.
|
|
45
50
|
* If a name is passed, then the modal with that name is closed.
|
|
46
51
|
*/
|
|
47
|
-
close:
|
|
52
|
+
close: i,
|
|
48
53
|
/**
|
|
49
54
|
* Closes all active/open modals.
|
|
50
55
|
*/
|
|
51
|
-
closeAll:
|
|
56
|
+
closeAll: c
|
|
52
57
|
});
|
|
53
58
|
}
|
|
54
59
|
export {
|
package/dist/useModals.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModals.js","sources":["../src/composables/useModals/useModals.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport { Component, markRaw, reactive, readonly, ref } from 'vue';\n\n// Utility type that maps each property of T to unknown, making it compatible with Record<string, unknown>\n// this ensures that the attributes property of the Modal interface can be used with custom types defined downstream\n// while still being compatible with the Record<string, unknown> type\ntype ToRecord<T> = {\n [P in keyof T]: T[P];\n};\n\n// #region modal-interface\nexport interface Modal<TAttributes = Record<string, unknown>> {\n /**\n * Import the modal that you want to use in your component,\n * then pass that to the composable\n */\n component: Component;\n\n /**\n * Optional identifier used to close a modal. The default value is `component.name` (if defined).\n */\n name?: string;\n\n /**\n * Props and listeners to passed through.\n *\n * Listeners need to be formatted as `onEventName`\n */\n attributes?: ToRecord<TAttributes>;\n\n /**\n * Dyanmic slots that you want rendered in the format of\n * { default: 'my slot content' }\n *\n * The Modals component which renders this list passes the value for slots through\n * a html sanitizer to avoid XSS attacks\n */\n slots?: Record<string, string>;\n\n /**\n * Custom options to use for the given modal.\n *\n * If options are not passed in, then useModals will set the following values as defaults\n *\n * {\n * disableDefaultListeners: false\n * }\n */\n options?: {\n disableDefaultListeners?: boolean;\n };\n}\n// #endregion modal-interface\n\ninterface CloseArgs {\n index?: number;\n name?: string;\n}\n\nconst active = ref<Modal[]>([]);\n\ninterface UseModals {\n active: Readonly<Modal[]>;\n open: <T>(modal: Modal<T>) => void;\n close: (args?: CloseArgs) => void;\n closeAll: () => void;\n}\n\nexport default function useModals(): UseModals {\n // T is the custom interface of the attributes that are passed to the modal\n function open<T>(modal: Modal<T>) {\n if (!modal.name && modal.component.name) {\n modal.name = modal.component.name;\n }\n\n //Prevent vue from making the entire component passed in reactive to avoid unnecessary performance overhead\n modal.component = markRaw(modal.component);\n\n const optionsDefaults: Modal['options'] = {\n disableDefaultListeners: false,\n };\n\n modal.options = merge({}, optionsDefaults, modal.options);\n\n active.value.push(modal);\n }\n\n function close({ index, name }: CloseArgs = {}) {\n if (index === undefined && !name) {\n active.value.
|
|
1
|
+
{"version":3,"file":"useModals.js","sources":["../src/composables/useModals/useModals.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport { Component, computed, markRaw, reactive, readonly, ref } from 'vue';\n\n// Utility type that maps each property of T to unknown, making it compatible with Record<string, unknown>\n// this ensures that the attributes property of the Modal interface can be used with custom types defined downstream\n// while still being compatible with the Record<string, unknown> type\ntype ToRecord<T> = {\n [P in keyof T]: T[P];\n};\n\n// #region modal-interface\nexport interface Modal<TAttributes = Record<string, unknown>> {\n /**\n * Import the modal that you want to use in your component,\n * then pass that to the composable\n */\n component: Component;\n\n /**\n * Optional identifier used to close a modal. The default value is `component.name` (if defined).\n */\n name?: string;\n\n /**\n * Props and listeners to passed through.\n *\n * Listeners need to be formatted as `onEventName`\n */\n attributes?: ToRecord<TAttributes>;\n\n /**\n * Dyanmic slots that you want rendered in the format of\n * { default: 'my slot content' }\n *\n * The Modals component which renders this list passes the value for slots through\n * a html sanitizer to avoid XSS attacks\n */\n slots?: Record<string, string>;\n\n /**\n * Custom options to use for the given modal.\n *\n * If options are not passed in, then useModals will set the following values as defaults\n *\n * {\n * disableDefaultListeners: false\n * }\n */\n options?: {\n disableDefaultListeners?: boolean;\n };\n}\n// #endregion modal-interface\n\ninterface CloseArgs {\n index?: number;\n name?: string;\n}\n\nconst active = ref<Modal[]>([]);\n\ninterface UseModals {\n active: Readonly<Modal[]>;\n current: Readonly<Modal | null>;\n open: <T>(modal: Modal<T>) => void;\n close: (args?: CloseArgs) => void;\n closeAll: () => void;\n}\n\nexport default function useModals(): UseModals {\n // T is the custom interface of the attributes that are passed to the modal\n function open<T>(modal: Modal<T>) {\n if (!modal.name && modal.component.name) {\n modal.name = modal.component.name;\n }\n\n //Prevent vue from making the entire component passed in reactive to avoid unnecessary performance overhead\n modal.component = markRaw(modal.component);\n\n const optionsDefaults: Modal['options'] = {\n disableDefaultListeners: false,\n };\n\n modal.options = merge({}, optionsDefaults, modal.options);\n\n active.value.push(modal);\n }\n\n function close({ index, name }: CloseArgs = {}) {\n if (index === undefined && !name) {\n active.value.shift();\n return;\n }\n\n if (index !== undefined) {\n active.value.splice(index, 1);\n return;\n }\n\n if (name) {\n const index = active.value.findIndex((modal) => modal.name === name);\n\n if (index === -1) return;\n\n active.value.splice(index, 1);\n return;\n }\n }\n\n function closeAll() {\n active.value = [];\n }\n\n const currentModal = computed(() => (active.value.length ? active.value[0] : null));\n\n // @ts-ignore - Stupid TS version issues. Todo: remove comment, fix ts issues.\n return reactive({\n /**\n * The list of modals that are currently open.\n */\n active: readonly(active),\n\n /**\n * The first modal in the active list (index: 0).\n */\n current: readonly(currentModal),\n\n /**\n * Opens the given modal.\n */\n open,\n\n /**\n * Closes a modal.\n * If no arguments are passed, then the top-most modal is closed.\n * If an index is passed, then the modal at that index is closed.\n * If a name is passed, then the modal with that name is closed.\n */\n close,\n\n /**\n * Closes all active/open modals.\n */\n closeAll,\n });\n}\n"],"names":["active","ref","useModals","open","modal","markRaw","optionsDefaults","merge","close","index","name","closeAll","currentModal","computed","reactive","readonly"],"mappings":";;AA2DA,MAAMA,IAASC,EAAa,CAAA,CAAE;AAU9B,SAAwBC,IAAuB;AAE7C,WAASC,EAAQC,GAAiB;AAChC,IAAI,CAACA,EAAM,QAAQA,EAAM,UAAU,SAC3BA,EAAA,OAAOA,EAAM,UAAU,OAIzBA,EAAA,YAAYC,EAAQD,EAAM,SAAS;AAEzC,UAAME,IAAoC;AAAA,MACxC,yBAAyB;AAAA,IAAA;AAG3B,IAAAF,EAAM,UAAUG,EAAM,CAAA,GAAID,GAAiBF,EAAM,OAAO,GAEjDJ,EAAA,MAAM,KAAKI,CAAK;AAAA,EACzB;AAEA,WAASI,EAAM,EAAE,OAAAC,GAAO,MAAAC,EAAK,IAAe,CAAA,GAAI;AAC1C,QAAAD,MAAU,UAAa,CAACC,GAAM;AAChC,MAAAV,EAAO,MAAM;AACb;AAAA;AAGF,QAAIS,MAAU,QAAW;AAChB,MAAAT,EAAA,MAAM,OAAOS,GAAO,CAAC;AAC5B;AAAA;AAGF,QAAIC,GAAM;AACFD,YAAAA,IAAQT,EAAO,MAAM,UAAU,CAACI,MAAUA,EAAM,SAASM,CAAI;AAEnE,UAAID,MAAU;AAAI;AAEX,MAAAT,EAAA,MAAM,OAAOS,GAAO,CAAC;AAC5B;AAAA;AAAA,EAEJ;AAEA,WAASE,IAAW;AAClB,IAAAX,EAAO,QAAQ;EACjB;AAEM,QAAAY,IAAeC,EAAS,MAAOb,EAAO,MAAM,SAASA,EAAO,MAAM,CAAC,IAAI,IAAK;AAGlF,SAAOc,EAAS;AAAA;AAAA;AAAA;AAAA,IAId,QAAQC,EAASf,CAAM;AAAA;AAAA;AAAA;AAAA,IAKvB,SAASe,EAASH,CAAY;AAAA;AAAA;AAAA;AAAA,IAK9B,MAAAT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,OAAAK;AAAA;AAAA;AAAA;AAAA,IAKA,UAAAG;AAAA,EAAA,CACD;AACH;"}
|