@leaflink/stash 48.17.0 → 48.19.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/AppSidebar.js +30 -30
- package/dist/AppSidebar.js.map +1 -1
- package/dist/Dialog.js +25 -25
- package/dist/Dialog.js.map +1 -1
- package/dist/Modal.js +2 -2
- package/dist/Modal.js.map +1 -1
- package/dist/components.css +1 -1
- package/package.json +1 -1
- package/styles/base.css +5 -0
package/dist/AppSidebar.js
CHANGED
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as B, useSlots as C, computed as h, ref as O, watchEffect as V, openBlock as s, createElementBlock as a, normalizeClass as w, createVNode as o, Transition as b, withCtx as g, withDirectives as x, withModifiers as $, vShow as y, createElementVNode as d, unref as c, renderSlot as i, createCommentVNode as u } from "vue";
|
|
2
2
|
import z from "./useMediaQuery.js";
|
|
3
3
|
import A from "./Backdrop.js";
|
|
4
4
|
import N from "./Divider.js";
|
|
5
5
|
import { _ as j } from "./_plugin-vue_export-helper-dad06003.js";
|
|
6
6
|
const D = {
|
|
7
|
-
class: "stash-app-sidebar__aside tw-fixed tw-flex tw-h-screen tw-flex-col tw-bg-purple-500",
|
|
8
|
-
"data-test": "stash-app-sidebar__aside"
|
|
9
|
-
}, M = {
|
|
10
7
|
key: 0,
|
|
11
8
|
class: "tw-px-3 tw-pt-6"
|
|
12
|
-
},
|
|
9
|
+
}, M = {
|
|
13
10
|
key: 1,
|
|
14
11
|
class: "tw-px-3 tw-pt-6"
|
|
15
|
-
},
|
|
12
|
+
}, P = {
|
|
16
13
|
key: 2,
|
|
17
14
|
class: "tw-pt-6"
|
|
18
|
-
},
|
|
15
|
+
}, I = {
|
|
19
16
|
role: "menubar",
|
|
20
17
|
"aria-orientation": "vertical"
|
|
21
|
-
},
|
|
18
|
+
}, L = /* @__PURE__ */ B({
|
|
22
19
|
__name: "AppSidebar",
|
|
23
20
|
props: {
|
|
24
21
|
isOpen: { type: Boolean, default: !1 }
|
|
25
22
|
},
|
|
26
23
|
emits: ["dismiss", "update:is-open"],
|
|
27
|
-
setup(
|
|
28
|
-
const v =
|
|
29
|
-
function
|
|
24
|
+
setup(k, { emit: S }) {
|
|
25
|
+
const v = k, n = C(), m = S, l = z("screen and (min-width: 1321px)"), e = h(() => v.isOpen && !l.value), r = O({ height: "", overflow: "" }), f = h(() => v.isOpen || l.value);
|
|
26
|
+
function E() {
|
|
30
27
|
m("dismiss"), m("update:is-open", !1);
|
|
31
28
|
}
|
|
32
29
|
function p() {
|
|
33
30
|
return document.scrollingElement || document.body;
|
|
34
31
|
}
|
|
35
|
-
return
|
|
36
|
-
|
|
32
|
+
return V(() => {
|
|
33
|
+
l.value || (e.value && Object.assign(r.value, {
|
|
37
34
|
overflow: p().style.overflow,
|
|
38
35
|
height: p().style.height
|
|
39
36
|
}), Object.assign(p().style, {
|
|
40
|
-
overflow: e.value ? "hidden" :
|
|
37
|
+
overflow: e.value ? "hidden" : r.value.overflow,
|
|
41
38
|
// Prevents page from scrolling when AppSidebar is open
|
|
42
|
-
height: e.value ? "100%" :
|
|
39
|
+
height: e.value ? "100%" : r.value.height
|
|
43
40
|
// Ensures the backdrop covers the entire page when AppSidebar is open
|
|
44
41
|
}));
|
|
45
42
|
}), (t, _) => (s(), a("div", {
|
|
46
43
|
id: "stash-app-sidebar",
|
|
47
|
-
class:
|
|
44
|
+
class: w(["stash-app-sidebar tw-relative", {
|
|
48
45
|
"stash-app-sidebar--is-open": f.value,
|
|
49
46
|
"tw-z-modal": e.value,
|
|
50
47
|
"tw-z-[301]": !e.value
|
|
51
48
|
}]),
|
|
52
49
|
"data-test": "stash-app-sidebar"
|
|
53
50
|
}, [
|
|
54
|
-
o(
|
|
55
|
-
default:
|
|
56
|
-
|
|
51
|
+
o(b, { name: "backdrop" }, {
|
|
52
|
+
default: g(() => [
|
|
53
|
+
x(o(A, {
|
|
57
54
|
class: "stash-app-sidebar__backdrop",
|
|
58
|
-
onClick: $(
|
|
55
|
+
onClick: $(E, ["stop"])
|
|
59
56
|
}, null, 512), [
|
|
60
57
|
[y, e.value]
|
|
61
58
|
])
|
|
62
59
|
]),
|
|
63
60
|
_: 1
|
|
64
61
|
}),
|
|
65
|
-
o(
|
|
66
|
-
default:
|
|
67
|
-
|
|
62
|
+
o(b, { name: "aside" }, {
|
|
63
|
+
default: g(() => [
|
|
64
|
+
x(d("aside", {
|
|
65
|
+
class: w(["stash-app-sidebar__aside tw-fixed tw-flex tw-h-screen tw-flex-col tw-bg-purple-500", { "tw-shadow-3xl": e.value }]),
|
|
66
|
+
"data-test": "stash-app-sidebar__aside"
|
|
67
|
+
}, [
|
|
68
68
|
o(N, { class: "stash-app-sidebar__divider" }),
|
|
69
|
-
c(n)["app-context"] ? (s(), a("div",
|
|
69
|
+
c(n)["app-context"] ? (s(), a("div", D, [
|
|
70
70
|
i(t.$slots, "app-context", {}, void 0, !0)
|
|
71
71
|
])) : u("", !0),
|
|
72
|
-
c(n)["company-context"] ? (s(), a("div",
|
|
72
|
+
c(n)["company-context"] ? (s(), a("div", M, [
|
|
73
73
|
i(t.$slots, "company-context", {}, void 0, !0)
|
|
74
74
|
])) : u("", !0),
|
|
75
|
-
c(n).navigation ? (s(), a("nav",
|
|
76
|
-
d("ul",
|
|
75
|
+
c(n).navigation ? (s(), a("nav", P, [
|
|
76
|
+
d("ul", I, [
|
|
77
77
|
i(t.$slots, "navigation", {}, void 0, !0)
|
|
78
78
|
])
|
|
79
79
|
])) : u("", !0),
|
|
80
80
|
_[0] || (_[0] = d("div", { class: "tw-flex-1" }, null, -1)),
|
|
81
81
|
i(t.$slots, "footer", {}, void 0, !0)
|
|
82
|
-
],
|
|
82
|
+
], 2), [
|
|
83
83
|
[y, f.value]
|
|
84
84
|
])
|
|
85
85
|
]),
|
|
@@ -88,8 +88,8 @@ const D = {
|
|
|
88
88
|
], 2));
|
|
89
89
|
}
|
|
90
90
|
});
|
|
91
|
-
const
|
|
91
|
+
const H = /* @__PURE__ */ j(L, [["__scopeId", "data-v-8ae19347"]]);
|
|
92
92
|
export {
|
|
93
|
-
|
|
93
|
+
H as default
|
|
94
94
|
};
|
|
95
95
|
//# sourceMappingURL=AppSidebar.js.map
|
package/dist/AppSidebar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppSidebar.js","sources":["../src/components/AppSidebar/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, ref, useSlots, watchEffect } from 'vue';\n\n import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n import Backdrop from '../Backdrop/Backdrop.vue';\n import Divider from '../Divider/Divider.vue';\n\n export interface AppSidebarProps {\n /**\n * Controls wether the sidebar is opened or not\n */\n isOpen?: boolean;\n }\n\n const props = withDefaults(defineProps<AppSidebarProps>(), {\n isOpen: false,\n });\n\n const slots = useSlots();\n\n const emit = defineEmits<{\n /**\n * @deprecated Use the `update:is-open` event instead\n */\n (e: 'dismiss'): void;\n (e: 'update:is-open', isOpen: boolean): void;\n }>();\n\n const isExtraLargeScreen = useMediaQuery('screen and (min-width: 1321px)');\n const isBackdropVisible = computed(() => props.isOpen && !isExtraLargeScreen.value);\n const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n const isSidebarOpen = computed(() => props.isOpen || isExtraLargeScreen.value);\n\n function onBackdropClick() {\n emit('dismiss');\n emit('update:is-open', false);\n }\n\n function getPageScrollingElement() {\n return (document.scrollingElement || document.body) as HTMLElement;\n }\n\n watchEffect(() => {\n if (isExtraLargeScreen.value) {\n return;\n }\n\n if (isBackdropVisible.value) {\n Object.assign(initialPageScrollingElementStyle.value, {\n overflow: getPageScrollingElement().style.overflow,\n height: getPageScrollingElement().style.height,\n });\n }\n\n Object.assign(getPageScrollingElement().style, {\n overflow: isBackdropVisible.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when AppSidebar is open\n height: isBackdropVisible.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when AppSidebar is open\n });\n });\n</script>\n\n<template>\n <div\n id=\"stash-app-sidebar\"\n class=\"stash-app-sidebar tw-relative\"\n :class=\"{\n 'stash-app-sidebar--is-open': isSidebarOpen,\n 'tw-z-modal': isBackdropVisible,\n 'tw-z-[301]': !isBackdropVisible,\n }\"\n data-test=\"stash-app-sidebar\"\n >\n <Transition name=\"backdrop\">\n <Backdrop v-show=\"isBackdropVisible\" class=\"stash-app-sidebar__backdrop\" @click.stop=\"onBackdropClick\" />\n </Transition>\n <Transition name=\"aside\">\n <aside\n v-show=\"isSidebarOpen\"\n class=\"stash-app-sidebar__aside tw-fixed tw-flex tw-h-screen tw-flex-col tw-bg-purple-500\"\n data-test=\"stash-app-sidebar__aside\"\n >\n <Divider class=\"stash-app-sidebar__divider\" />\n <div v-if=\"slots['app-context']\" class=\"tw-px-3 tw-pt-6\">\n <!-- @slot App Context component slot, ideally for rendering the context switcher -->\n <slot name=\"app-context\"></slot>\n </div>\n <div v-if=\"slots['company-context']\" class=\"tw-px-3 tw-pt-6\">\n <!-- @slot Company Context component slot, ideally for rendering the company picker -->\n <slot name=\"company-context\"></slot>\n </div>\n <nav v-if=\"slots['navigation']\" class=\"tw-pt-6\">\n <ul role=\"menubar\" aria-orientation=\"vertical\">\n <!-- @slot Navigation component slot, for rendering navigation items -->\n <slot name=\"navigation\"></slot>\n </ul>\n </nav>\n <div class=\"tw-flex-1\"></div>\n <!-- @slot Footer component slot, for rendering version/environment notes -->\n <slot name=\"footer\"></slot>\n </aside>\n </Transition>\n </div>\n</template>\n\n<style scoped>\n .stash-app-sidebar__aside {\n padding-top: calc(theme('height.topbar') - 1px); /* -1px to compensate for the border height */\n width: theme('width.sidebar');\n }\n\n .stash-app-sidebar__divider::before,\n .stash-app-sidebar__divider::after {\n border-bottom: 1px solid rgb(255 255 255 / 12%);\n }\n\n .backdrop-enter-active,\n .backdrop-leave-active {\n transition: opacity 200ms ease-in-out;\n }\n\n .backdrop-enter-from,\n .backdrop-leave-to {\n opacity: 0;\n }\n\n .aside-enter-active,\n .aside-leave-active {\n transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;\n }\n\n .aside-enter-from,\n .aside-leave-to {\n opacity: 0;\n transform: translateX(-20%);\n }\n</style>\n"],"names":["props","__props","slots","useSlots","emit","__emit","isExtraLargeScreen","useMediaQuery","isBackdropVisible","computed","initialPageScrollingElementStyle","ref","isSidebarOpen","onBackdropClick","getPageScrollingElement","watchEffect"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppSidebar.js","sources":["../src/components/AppSidebar/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, ref, useSlots, watchEffect } from 'vue';\n\n import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n import Backdrop from '../Backdrop/Backdrop.vue';\n import Divider from '../Divider/Divider.vue';\n\n export interface AppSidebarProps {\n /**\n * Controls wether the sidebar is opened or not\n */\n isOpen?: boolean;\n }\n\n const props = withDefaults(defineProps<AppSidebarProps>(), {\n isOpen: false,\n });\n\n const slots = useSlots();\n\n const emit = defineEmits<{\n /**\n * @deprecated Use the `update:is-open` event instead\n */\n (e: 'dismiss'): void;\n (e: 'update:is-open', isOpen: boolean): void;\n }>();\n\n const isExtraLargeScreen = useMediaQuery('screen and (min-width: 1321px)');\n const isBackdropVisible = computed(() => props.isOpen && !isExtraLargeScreen.value);\n const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n const isSidebarOpen = computed(() => props.isOpen || isExtraLargeScreen.value);\n\n function onBackdropClick() {\n emit('dismiss');\n emit('update:is-open', false);\n }\n\n function getPageScrollingElement() {\n return (document.scrollingElement || document.body) as HTMLElement;\n }\n\n watchEffect(() => {\n if (isExtraLargeScreen.value) {\n return;\n }\n\n if (isBackdropVisible.value) {\n Object.assign(initialPageScrollingElementStyle.value, {\n overflow: getPageScrollingElement().style.overflow,\n height: getPageScrollingElement().style.height,\n });\n }\n\n Object.assign(getPageScrollingElement().style, {\n overflow: isBackdropVisible.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when AppSidebar is open\n height: isBackdropVisible.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when AppSidebar is open\n });\n });\n</script>\n\n<template>\n <div\n id=\"stash-app-sidebar\"\n class=\"stash-app-sidebar tw-relative\"\n :class=\"{\n 'stash-app-sidebar--is-open': isSidebarOpen,\n 'tw-z-modal': isBackdropVisible,\n 'tw-z-[301]': !isBackdropVisible,\n }\"\n data-test=\"stash-app-sidebar\"\n >\n <Transition name=\"backdrop\">\n <Backdrop v-show=\"isBackdropVisible\" class=\"stash-app-sidebar__backdrop\" @click.stop=\"onBackdropClick\" />\n </Transition>\n <Transition name=\"aside\">\n <aside\n v-show=\"isSidebarOpen\"\n class=\"stash-app-sidebar__aside tw-fixed tw-flex tw-h-screen tw-flex-col tw-bg-purple-500\"\n :class=\"{ 'tw-shadow-3xl': isBackdropVisible }\"\n data-test=\"stash-app-sidebar__aside\"\n >\n <Divider class=\"stash-app-sidebar__divider\" />\n <div v-if=\"slots['app-context']\" class=\"tw-px-3 tw-pt-6\">\n <!-- @slot App Context component slot, ideally for rendering the context switcher -->\n <slot name=\"app-context\"></slot>\n </div>\n <div v-if=\"slots['company-context']\" class=\"tw-px-3 tw-pt-6\">\n <!-- @slot Company Context component slot, ideally for rendering the company picker -->\n <slot name=\"company-context\"></slot>\n </div>\n <nav v-if=\"slots['navigation']\" class=\"tw-pt-6\">\n <ul role=\"menubar\" aria-orientation=\"vertical\">\n <!-- @slot Navigation component slot, for rendering navigation items -->\n <slot name=\"navigation\"></slot>\n </ul>\n </nav>\n <div class=\"tw-flex-1\"></div>\n <!-- @slot Footer component slot, for rendering version/environment notes -->\n <slot name=\"footer\"></slot>\n </aside>\n </Transition>\n </div>\n</template>\n\n<style scoped>\n .stash-app-sidebar__aside {\n padding-top: calc(theme('height.topbar') - 1px); /* -1px to compensate for the border height */\n width: theme('width.sidebar');\n }\n\n .stash-app-sidebar__divider::before,\n .stash-app-sidebar__divider::after {\n border-bottom: 1px solid rgb(255 255 255 / 12%);\n }\n\n .backdrop-enter-active,\n .backdrop-leave-active {\n transition: opacity 200ms ease-in-out;\n }\n\n .backdrop-enter-from,\n .backdrop-leave-to {\n opacity: 0;\n }\n\n .aside-enter-active,\n .aside-leave-active {\n transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;\n }\n\n .aside-enter-from,\n .aside-leave-to {\n opacity: 0;\n transform: translateX(-20%);\n }\n</style>\n"],"names":["props","__props","slots","useSlots","emit","__emit","isExtraLargeScreen","useMediaQuery","isBackdropVisible","computed","initialPageScrollingElementStyle","ref","isSidebarOpen","onBackdropClick","getPageScrollingElement","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcE,UAAMA,IAAQC,GAIRC,IAAQC,KAERC,IAAOC,GAQPC,IAAqBC,EAAc,gCAAgC,GACnEC,IAAoBC,EAAS,MAAMT,EAAM,UAAU,CAACM,EAAmB,KAAK,GAC5EI,IAAmCC,EAAI,EAAE,QAAQ,IAAI,UAAU,IAAI,GACnEC,IAAgBH,EAAS,MAAMT,EAAM,UAAUM,EAAmB,KAAK;AAE7E,aAASO,IAAkB;AACzB,MAAAT,EAAK,SAAS,GACdA,EAAK,kBAAkB,EAAK;AAAA,IAC9B;AAEA,aAASU,IAA0B;AACzB,aAAA,SAAS,oBAAoB,SAAS;AAAA,IAChD;AAEA,WAAAC,EAAY,MAAM;AAChB,MAAIT,EAAmB,UAInBE,EAAkB,SACb,OAAA,OAAOE,EAAiC,OAAO;AAAA,QACpD,UAAUI,IAA0B,MAAM;AAAA,QAC1C,QAAQA,IAA0B,MAAM;AAAA,MAAA,CACzC,GAGI,OAAA,OAAOA,EAAwB,EAAE,OAAO;AAAA,QAC7C,UAAUN,EAAkB,QAAQ,WAAWE,EAAiC,MAAM;AAAA;AAAA,QACtF,QAAQF,EAAkB,QAAQ,SAASE,EAAiC,MAAM;AAAA;AAAA,MAAA,CACnF;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Dialog.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent as H, useSlots as K, useAttrs as L, useCssModule as q, ref as S, computed as s, watchEffect as P, nextTick as Y, openBlock as l, createBlock as f, Transition as j, withCtx as m, createElementBlock as p, mergeProps as F, unref as e, withKeys as G, createElementVNode as a, normalizeClass as o, createCommentVNode as r, toDisplayString as _, renderSlot as J, createTextVNode as B, createVNode as O } from "vue";
|
|
2
2
|
import y from "lodash-es/capitalize";
|
|
3
3
|
import Q from "lodash-es/uniqueId";
|
|
4
|
-
import { S as I, b as g, a as
|
|
4
|
+
import { S as I, b as g, a as z } from "./statusLevels-a8b041f4.js";
|
|
5
5
|
import { t as c } from "./locale.js";
|
|
6
|
-
import
|
|
6
|
+
import D from "./Button.js";
|
|
7
7
|
import R from "./Icon.js";
|
|
8
8
|
import { _ as U } from "./_plugin-vue_export-helper-dad06003.js";
|
|
9
9
|
import "lodash-es/get";
|
|
@@ -29,14 +29,14 @@ const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {
|
|
|
29
29
|
status: { default: void 0 }
|
|
30
30
|
},
|
|
31
31
|
emits: ["update:open", "cancel"],
|
|
32
|
-
setup(
|
|
33
|
-
const t =
|
|
32
|
+
setup(M, { emit: E }) {
|
|
33
|
+
const t = M, b = E, h = K(), d = L(), n = q(), v = Q("dialog-header-"), i = S(!1), w = S(), N = s(() => t.confirmText || (t.alert ? c("ll.okay") : c("ll.confirm"))), x = s(() => !!h.default || t.description), V = s(
|
|
34
34
|
() => t.status ? I[y(t.status)] : I.Info
|
|
35
|
-
),
|
|
35
|
+
), $ = s(
|
|
36
36
|
() => t.status ? g[y(t.status)] : g.Info
|
|
37
|
-
),
|
|
38
|
-
() => t.status ?
|
|
39
|
-
),
|
|
37
|
+
), k = s(
|
|
38
|
+
() => t.status ? z[y(t.status)] : z.Info
|
|
39
|
+
), Z = s(() => t.dangerZone || t.status === g.Error);
|
|
40
40
|
function C() {
|
|
41
41
|
b("update:open", !1), b("cancel");
|
|
42
42
|
}
|
|
@@ -47,17 +47,17 @@ const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {
|
|
|
47
47
|
}
|
|
48
48
|
return P(() => {
|
|
49
49
|
t.open && Y(function() {
|
|
50
|
-
|
|
50
|
+
w.value.focus();
|
|
51
51
|
});
|
|
52
52
|
}), (u, T) => (l(), f(j, { name: "fade" }, {
|
|
53
53
|
default: m(() => [
|
|
54
54
|
t.open ? (l(), p("dialog", F({
|
|
55
55
|
key: 0,
|
|
56
56
|
ref_key: "root",
|
|
57
|
-
ref:
|
|
57
|
+
ref: w,
|
|
58
58
|
open: t.open,
|
|
59
59
|
tabindex: "0",
|
|
60
|
-
"aria-labelledby": e(
|
|
60
|
+
"aria-labelledby": e(v),
|
|
61
61
|
"aria-modal": "true",
|
|
62
62
|
class: ["stash-dialog", e(n).dialog],
|
|
63
63
|
"data-test": e(d)["data-test"] || "ll-dialog"
|
|
@@ -67,7 +67,7 @@ const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {
|
|
|
67
67
|
a("div", {
|
|
68
68
|
class: o(["stash-dialog__body", [
|
|
69
69
|
e(n).body,
|
|
70
|
-
`tw-border-${
|
|
70
|
+
`tw-border-${k.value}`,
|
|
71
71
|
{
|
|
72
72
|
"tw-border-t-6": t.status
|
|
73
73
|
}
|
|
@@ -79,21 +79,21 @@ const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {
|
|
|
79
79
|
"data-test": "stash-dialog|body-content"
|
|
80
80
|
}, [
|
|
81
81
|
a("div", {
|
|
82
|
-
class: o(["tw-flex tw-items-center",
|
|
82
|
+
class: o(["tw-flex tw-items-center", x.value && "tw-mb-1.5"])
|
|
83
83
|
}, [
|
|
84
84
|
t.status ? (l(), f(R, {
|
|
85
85
|
key: 0,
|
|
86
86
|
"data-test": "dialog-status-icon",
|
|
87
|
-
name:
|
|
88
|
-
title:
|
|
89
|
-
class: o(`tw-text-${
|
|
87
|
+
name: V.value,
|
|
88
|
+
title: $.value,
|
|
89
|
+
class: o(`tw-text-${k.value}`)
|
|
90
90
|
}, null, 8, ["name", "title", "class"])) : r("", !0),
|
|
91
91
|
a("h3", {
|
|
92
|
-
id: e(
|
|
92
|
+
id: e(v),
|
|
93
93
|
class: o({ "tw-ml-1.5 tw-mt-px": t.status })
|
|
94
94
|
}, _(t.header), 11, X)
|
|
95
95
|
], 2),
|
|
96
|
-
|
|
96
|
+
x.value ? (l(), p("p", tt, [
|
|
97
97
|
e(h).default ? J(u.$slots, "default", { key: 0 }) : (l(), p("span", {
|
|
98
98
|
key: 1,
|
|
99
99
|
innerHTML: t.description
|
|
@@ -108,7 +108,7 @@ const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {
|
|
|
108
108
|
a("div", {
|
|
109
109
|
class: o({ "button-grid": !t.alert })
|
|
110
110
|
}, [
|
|
111
|
-
t.alert ? r("", !0) : (l(), f(
|
|
111
|
+
t.alert ? r("", !0) : (l(), f(D, {
|
|
112
112
|
key: 0,
|
|
113
113
|
"data-test": "button|cancel",
|
|
114
114
|
secondary: "",
|
|
@@ -119,17 +119,17 @@ const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {
|
|
|
119
119
|
]),
|
|
120
120
|
_: 1
|
|
121
121
|
})),
|
|
122
|
-
O(
|
|
122
|
+
O(D, {
|
|
123
123
|
"data-test": "button|confirm",
|
|
124
124
|
disabled: t.disabled || i.value,
|
|
125
|
-
color:
|
|
125
|
+
color: Z.value ? "red" : "blue",
|
|
126
126
|
class: o({
|
|
127
127
|
"tw-w-full": t.alert
|
|
128
128
|
}),
|
|
129
129
|
onClick: A
|
|
130
130
|
}, {
|
|
131
131
|
default: m(() => [
|
|
132
|
-
B(_(
|
|
132
|
+
B(_(N.value), 1)
|
|
133
133
|
]),
|
|
134
134
|
_: 1
|
|
135
135
|
}, 8, ["disabled", "color", "class"])
|
|
@@ -142,7 +142,7 @@ const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {
|
|
|
142
142
|
_: 3
|
|
143
143
|
}));
|
|
144
144
|
}
|
|
145
|
-
}), st = "
|
|
145
|
+
}), st = "_dialog_1fzac_2", lt = "_body_1fzac_19", nt = "_grey_1fzac_32", rt = "_content_1fzac_42", ct = "_footer_1fzac_47", dt = {
|
|
146
146
|
dialog: st,
|
|
147
147
|
body: lt,
|
|
148
148
|
grey: nt,
|
|
@@ -150,8 +150,8 @@ const W = ["open", "aria-labelledby", "data-test"], X = ["id"], tt = {
|
|
|
150
150
|
footer: ct
|
|
151
151
|
}, it = {
|
|
152
152
|
$style: dt
|
|
153
|
-
},
|
|
153
|
+
}, kt = /* @__PURE__ */ U(at, [["__cssModules", it]]);
|
|
154
154
|
export {
|
|
155
|
-
|
|
155
|
+
kt as default
|
|
156
156
|
};
|
|
157
157
|
//# sourceMappingURL=Dialog.js.map
|
package/dist/Dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sources":["../src/components/Dialog/Dialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import capitalize from 'lodash-es/capitalize';\n import uniqueId from 'lodash-es/uniqueId';\n import { computed, nextTick, ref, useAttrs, useCssModule, useSlots, watchEffect } from 'vue';\n\n import {\n StatusColor,\n StatusColors,\n StatusIcon,\n StatusIcons,\n StatusSeverities,\n StatusSeverity,\n } from '../../../types/statusLevels';\n import { t } from '../../locale';\n import Button from '../Button/Button.vue';\n import Icon from '../Icon/Icon.vue';\n\n export interface DialogProps {\n /**\n * Shows or hides the dialog.\n * Usage: v-model:open=\"isOpen\"\n */\n open?: boolean;\n\n /**\n * Whether the confirmation button is enabled or not.\n */\n disabled?: boolean;\n\n /**\n * Is this a dangerous action? Will turn the confirmation button red.\n */\n dangerZone?: boolean;\n\n /**\n * Header text.\n */\n header?: string;\n\n /**\n * Description text.\n */\n description?: string;\n\n /**\n * Cancel button text.\n */\n cancelText?: string;\n\n /**\n * Confirm button text.\n */\n confirmText?: string;\n\n /**\n * Treats it like an Alert Dialog, with only the confirmation button showing.\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/alert}\n */\n alert?: boolean;\n\n /**\n * Adds a top accent border and icon next to the header.\n * This behaves similarly to the Alert component in respect to the levels, icons, and colors\n * passing `error` will treat the dialog the same as `dangerZone`\n */\n status?: StatusSeverity;\n }\n\n const props = withDefaults(defineProps<DialogProps>(), {\n open: false,\n disabled: false,\n dangerZone: false,\n header: t('ll.areYouSure'),\n description: '',\n cancelText: t('ll.cancel'),\n confirmText: '',\n alert: false,\n status: undefined,\n });\n\n defineOptions({\n name: 'll-dialog',\n inheritAttrs: false,\n });\n\n const emits = defineEmits<{\n (e: 'update:open', value: boolean): void;\n (e: 'cancel'): void;\n }>();\n\n const slots = useSlots();\n const attrs = useAttrs();\n const classes = useCssModule();\n const headerId = uniqueId('dialog-header-');\n\n const isConfirming = ref(false);\n const root = ref();\n\n // Set the default confirm button text to \"Confirm\".\n // If the `alert` prop is true, the default text is \"Okay\".\n // If the `confirmText` prop is provided, `confirmText` is used whether the alert prop is true.\n const modifiedConfirmText = computed(() => props.confirmText || (props.alert ? t('ll.okay') : t('ll.confirm')));\n\n const hasDescription = computed(() => !!slots.default || props.description);\n\n const statusIcon = computed<StatusIcon>(() =>\n props.status ? StatusIcons[capitalize(props.status)] : StatusIcons.Info,\n );\n const statusTitle = computed<StatusSeverity>(() =>\n props.status ? StatusSeverities[capitalize(props.status)] : StatusSeverities.Info,\n );\n const statusColor = computed<StatusColor>(() =>\n props.status ? StatusColors[capitalize(props.status)] : StatusColors.Info,\n );\n\n const computedDangerZone = computed(() => props.dangerZone || props.status === StatusSeverities.Error);\n\n function cancel() {\n emits('update:open', false);\n emits('cancel');\n }\n\n async function handleConfirm(event: Event) {\n isConfirming.value = true;\n\n // useAttrs returns a Record<string, unknown> type, which causes\n // TS errors when trying to call a passed listener\n const onConfirm = attrs.onConfirm as (event: Event) => void;\n\n // Call the parent confirm listener and await it. Using Async/Await lets\n // us await even non-promises. Pass the event so modifiers can work.\n await onConfirm(event);\n isConfirming.value = false;\n }\n\n watchEffect(() => {\n if (props.open) {\n // Move focus to confirm button\n nextTick(function () {\n root.value.focus();\n });\n }\n });\n</script>\n\n<template>\n <transition name=\"fade\">\n <dialog\n v-if=\"props.open\"\n ref=\"root\"\n :open=\"props.open\"\n tabindex=\"0\"\n :aria-labelledby=\"headerId\"\n aria-modal=\"true\"\n class=\"stash-dialog\"\n :class=\"classes.dialog\"\n :data-test=\"attrs['data-test'] || 'll-dialog'\"\n v-bind=\"attrs\"\n @keydown.esc=\"cancel\"\n >\n <div\n class=\"stash-dialog__body\"\n :class=\"[\n classes.body,\n `tw-border-${statusColor}`,\n {\n 'tw-border-t-6': props.status,\n },\n ]\"\n data-test=\"stash-dialog|body\"\n >\n <div class=\"stash-dialog__body__content\" :class=\"classes.content\" data-test=\"stash-dialog|body-content\">\n <div class=\"tw-flex tw-items-center\" :class=\"hasDescription && 'tw-mb-1.5'\">\n <Icon\n v-if=\"props.status\"\n data-test=\"dialog-status-icon\"\n :name=\"statusIcon\"\n :title=\"statusTitle\"\n :class=\"`tw-text-${statusColor}`\"\n />\n <h3 :id=\"headerId\" :class=\"{ 'tw-ml-1.5 tw-mt-px': props.status }\">{{ props.header }}</h3>\n </div>\n\n <p v-if=\"hasDescription\" class=\"tw-mb-0\">\n <slot v-if=\"slots.default\"></slot>\n <!-- eslint-disable-next-line vue/no-v-html -->\n <span v-else v-html=\"props.description\"></span>\n </p>\n </div>\n\n <footer class=\"stash-dialog__footer\" :class=\"classes.footer\" data-test=\"stash-dialog|footer\">\n <div class=\"tw-text-right\">\n <div :class=\"{ 'button-grid': !props.alert }\">\n <Button v-if=\"!props.alert\" data-test=\"button|cancel\" secondary @click=\"cancel\">\n {{ props.cancelText }}\n </Button>\n\n <Button\n data-test=\"button|confirm\"\n :disabled=\"props.disabled || isConfirming\"\n :color=\"computedDangerZone ? 'red' : 'blue'\"\n :class=\"{\n 'tw-w-full': props.alert,\n }\"\n @click=\"handleConfirm\"\n >\n {{ modifiedConfirmText }}\n </Button>\n </div>\n </div>\n </footer>\n </div>\n </dialog>\n </transition>\n</template>\n\n<style module>\n .dialog {\n background: rgb(0 0 0 / 30%);\n bottom: 0;\n display: flex;\n flex-direction: column;\n left: 0;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n place-content: center;\n position: fixed;\n right: 0;\n top: 0;\n z-index: theme('zIndex.dialog');\n width: 100%;\n height: 100vh;\n }\n\n .body {\n @apply tw-shadow;\n\n background: var(--color-white);\n color: var(--color-ice-700);\n display: flex;\n flex-direction: column;\n margin: 0 auto;\n max-height: 100vh;\n max-width: 360px;\n transition: transform theme('transitionDuration.150') theme('transitionTimingFunction.swing');\n width: 100%;\n\n &.grey {\n background: var(--color-ice-200);\n border-radius: theme('borderRadius.DEFAULT');\n }\n\n @media screen('md') {\n border-radius: theme('borderRadius.DEFAULT');\n }\n }\n\n .content {\n flex-grow: 1;\n padding: theme('spacing.6') var(--grid-gutter);\n }\n\n .footer {\n background: var(--color-ice-200);\n border-top: theme('borderWidth.DEFAULT') solid var(--color-ice-500);\n display: initial; /* TEMP. Will need to fix marketplace `footer` style */\n padding: theme('spacing.6') var(--grid-gutter);\n\n @media screen('md') {\n border-bottom-left-radius: theme('borderRadius.DEFAULT');\n border-bottom-right-radius: theme('borderRadius.DEFAULT');\n }\n }\n\n :global(.fade-enter-from),\n :global(.fade-leave-active) {\n .body {\n transform: translate3d(0, theme('spacing.3'), 0);\n }\n }\n</style>\n"],"names":["props","__props","emits","__emit","slots","useSlots","attrs","useAttrs","classes","useCssModule","headerId","uniqueId","isConfirming","ref","root","modifiedConfirmText","computed","t","hasDescription","statusIcon","StatusIcons","capitalize","statusTitle","StatusSeverities","statusColor","StatusColors","computedDangerZone","cancel","handleConfirm","event","onConfirm","watchEffect","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEE,UAAMA,IAAQC,GAiBRC,IAAQC,GAKRC,IAAQC,KACRC,IAAQC,KACRC,IAAUC,KACVC,IAAWC,EAAS,gBAAgB,GAEpCC,IAAeC,EAAI,EAAK,GACxBC,IAAOD,KAKPE,IAAsBC,EAAS,MAAMhB,EAAM,gBAAgBA,EAAM,QAAQiB,EAAE,SAAS,IAAIA,EAAE,YAAY,EAAE,GAExGC,IAAiBF,EAAS,MAAM,CAAC,CAACZ,EAAM,WAAWJ,EAAM,WAAW,GAEpEmB,IAAaH;AAAA,MAAqB,MACtChB,EAAM,SAASoB,EAAYC,EAAWrB,EAAM,MAAM,CAAC,IAAIoB,EAAY;AAAA,IAAA,GAE/DE,IAAcN;AAAA,MAAyB,MAC3ChB,EAAM,SAASuB,EAAiBF,EAAWrB,EAAM,MAAM,CAAC,IAAIuB,EAAiB;AAAA,IAAA,GAEzEC,IAAcR;AAAA,MAAsB,MACxChB,EAAM,SAASyB,EAAaJ,EAAWrB,EAAM,MAAM,CAAC,IAAIyB,EAAa;AAAA,IAAA,GAGjEC,IAAqBV,EAAS,MAAMhB,EAAM,cAAcA,EAAM,WAAWuB,EAAiB,KAAK;AAErG,aAASI,IAAS;AAChB,MAAAzB,EAAM,eAAe,EAAK,GAC1BA,EAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe0B,EAAcC,GAAc;AACzC,MAAAjB,EAAa,QAAQ;AAIrB,YAAMkB,IAAYxB,EAAM;AAIxB,YAAMwB,EAAUD,CAAK,GACrBjB,EAAa,QAAQ;AAAA,IACvB;AAEA,WAAAmB,EAAY,MAAM;AAChB,MAAI/B,EAAM,QAERgC,EAAS,WAAY;AACnB,QAAAlB,EAAK,MAAM;MAAM,CAClB;AAAA,IACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../src/components/Dialog/Dialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import capitalize from 'lodash-es/capitalize';\n import uniqueId from 'lodash-es/uniqueId';\n import { computed, nextTick, ref, useAttrs, useCssModule, useSlots, watchEffect } from 'vue';\n\n import {\n StatusColor,\n StatusColors,\n StatusIcon,\n StatusIcons,\n StatusSeverities,\n StatusSeverity,\n } from '../../../types/statusLevels';\n import { t } from '../../locale';\n import Button from '../Button/Button.vue';\n import Icon from '../Icon/Icon.vue';\n\n export interface DialogProps {\n /**\n * Shows or hides the dialog.\n * Usage: v-model:open=\"isOpen\"\n */\n open?: boolean;\n\n /**\n * Whether the confirmation button is enabled or not.\n */\n disabled?: boolean;\n\n /**\n * Is this a dangerous action? Will turn the confirmation button red.\n */\n dangerZone?: boolean;\n\n /**\n * Header text.\n */\n header?: string;\n\n /**\n * Description text.\n */\n description?: string;\n\n /**\n * Cancel button text.\n */\n cancelText?: string;\n\n /**\n * Confirm button text.\n */\n confirmText?: string;\n\n /**\n * Treats it like an Alert Dialog, with only the confirmation button showing.\n *\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/alert}\n */\n alert?: boolean;\n\n /**\n * Adds a top accent border and icon next to the header.\n * This behaves similarly to the Alert component in respect to the levels, icons, and colors\n * passing `error` will treat the dialog the same as `dangerZone`\n */\n status?: StatusSeverity;\n }\n\n const props = withDefaults(defineProps<DialogProps>(), {\n open: false,\n disabled: false,\n dangerZone: false,\n header: t('ll.areYouSure'),\n description: '',\n cancelText: t('ll.cancel'),\n confirmText: '',\n alert: false,\n status: undefined,\n });\n\n defineOptions({\n name: 'll-dialog',\n inheritAttrs: false,\n });\n\n const emits = defineEmits<{\n (e: 'update:open', value: boolean): void;\n (e: 'cancel'): void;\n }>();\n\n const slots = useSlots();\n const attrs = useAttrs();\n const classes = useCssModule();\n const headerId = uniqueId('dialog-header-');\n\n const isConfirming = ref(false);\n const root = ref();\n\n // Set the default confirm button text to \"Confirm\".\n // If the `alert` prop is true, the default text is \"Okay\".\n // If the `confirmText` prop is provided, `confirmText` is used whether the alert prop is true.\n const modifiedConfirmText = computed(() => props.confirmText || (props.alert ? t('ll.okay') : t('ll.confirm')));\n\n const hasDescription = computed(() => !!slots.default || props.description);\n\n const statusIcon = computed<StatusIcon>(() =>\n props.status ? StatusIcons[capitalize(props.status)] : StatusIcons.Info,\n );\n const statusTitle = computed<StatusSeverity>(() =>\n props.status ? StatusSeverities[capitalize(props.status)] : StatusSeverities.Info,\n );\n const statusColor = computed<StatusColor>(() =>\n props.status ? StatusColors[capitalize(props.status)] : StatusColors.Info,\n );\n\n const computedDangerZone = computed(() => props.dangerZone || props.status === StatusSeverities.Error);\n\n function cancel() {\n emits('update:open', false);\n emits('cancel');\n }\n\n async function handleConfirm(event: Event) {\n isConfirming.value = true;\n\n // useAttrs returns a Record<string, unknown> type, which causes\n // TS errors when trying to call a passed listener\n const onConfirm = attrs.onConfirm as (event: Event) => void;\n\n // Call the parent confirm listener and await it. Using Async/Await lets\n // us await even non-promises. Pass the event so modifiers can work.\n await onConfirm(event);\n isConfirming.value = false;\n }\n\n watchEffect(() => {\n if (props.open) {\n // Move focus to confirm button\n nextTick(function () {\n root.value.focus();\n });\n }\n });\n</script>\n\n<template>\n <transition name=\"fade\">\n <dialog\n v-if=\"props.open\"\n ref=\"root\"\n :open=\"props.open\"\n tabindex=\"0\"\n :aria-labelledby=\"headerId\"\n aria-modal=\"true\"\n class=\"stash-dialog\"\n :class=\"classes.dialog\"\n :data-test=\"attrs['data-test'] || 'll-dialog'\"\n v-bind=\"attrs\"\n @keydown.esc=\"cancel\"\n >\n <div\n class=\"stash-dialog__body\"\n :class=\"[\n classes.body,\n `tw-border-${statusColor}`,\n {\n 'tw-border-t-6': props.status,\n },\n ]\"\n data-test=\"stash-dialog|body\"\n >\n <div class=\"stash-dialog__body__content\" :class=\"classes.content\" data-test=\"stash-dialog|body-content\">\n <div class=\"tw-flex tw-items-center\" :class=\"hasDescription && 'tw-mb-1.5'\">\n <Icon\n v-if=\"props.status\"\n data-test=\"dialog-status-icon\"\n :name=\"statusIcon\"\n :title=\"statusTitle\"\n :class=\"`tw-text-${statusColor}`\"\n />\n <h3 :id=\"headerId\" :class=\"{ 'tw-ml-1.5 tw-mt-px': props.status }\">{{ props.header }}</h3>\n </div>\n\n <p v-if=\"hasDescription\" class=\"tw-mb-0\">\n <slot v-if=\"slots.default\"></slot>\n <!-- eslint-disable-next-line vue/no-v-html -->\n <span v-else v-html=\"props.description\"></span>\n </p>\n </div>\n\n <footer class=\"stash-dialog__footer\" :class=\"classes.footer\" data-test=\"stash-dialog|footer\">\n <div class=\"tw-text-right\">\n <div :class=\"{ 'button-grid': !props.alert }\">\n <Button v-if=\"!props.alert\" data-test=\"button|cancel\" secondary @click=\"cancel\">\n {{ props.cancelText }}\n </Button>\n\n <Button\n data-test=\"button|confirm\"\n :disabled=\"props.disabled || isConfirming\"\n :color=\"computedDangerZone ? 'red' : 'blue'\"\n :class=\"{\n 'tw-w-full': props.alert,\n }\"\n @click=\"handleConfirm\"\n >\n {{ modifiedConfirmText }}\n </Button>\n </div>\n </div>\n </footer>\n </div>\n </dialog>\n </transition>\n</template>\n\n<style module>\n .dialog {\n background: rgb(0 0 0 / 30%);\n bottom: 0;\n display: flex;\n flex-direction: column;\n left: 0;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n place-content: center;\n position: fixed;\n right: 0;\n top: 0;\n z-index: theme('zIndex.dialog');\n width: 100%;\n height: 100vh;\n }\n\n .body {\n @apply tw-shadow-3xl;\n\n background: var(--color-white);\n color: var(--color-ice-700);\n display: flex;\n flex-direction: column;\n margin: 0 auto;\n max-height: 100vh;\n max-width: 360px;\n transition: transform theme('transitionDuration.150') theme('transitionTimingFunction.swing');\n width: 100%;\n\n &.grey {\n background: var(--color-ice-200);\n border-radius: theme('borderRadius.DEFAULT');\n }\n\n @media screen('md') {\n border-radius: theme('borderRadius.DEFAULT');\n }\n }\n\n .content {\n flex-grow: 1;\n padding: theme('spacing.6') var(--grid-gutter);\n }\n\n .footer {\n background: var(--color-ice-200);\n border-top: theme('borderWidth.DEFAULT') solid var(--color-ice-500);\n display: initial; /* TEMP. Will need to fix marketplace `footer` style */\n padding: theme('spacing.6') var(--grid-gutter);\n\n @media screen('md') {\n border-bottom-left-radius: theme('borderRadius.DEFAULT');\n border-bottom-right-radius: theme('borderRadius.DEFAULT');\n }\n }\n\n :global(.fade-enter-from),\n :global(.fade-leave-active) {\n .body {\n transform: translate3d(0, theme('spacing.3'), 0);\n }\n }\n</style>\n"],"names":["props","__props","emits","__emit","slots","useSlots","attrs","useAttrs","classes","useCssModule","headerId","uniqueId","isConfirming","ref","root","modifiedConfirmText","computed","t","hasDescription","statusIcon","StatusIcons","capitalize","statusTitle","StatusSeverities","statusColor","StatusColors","computedDangerZone","cancel","handleConfirm","event","onConfirm","watchEffect","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEE,UAAMA,IAAQC,GAiBRC,IAAQC,GAKRC,IAAQC,KACRC,IAAQC,KACRC,IAAUC,KACVC,IAAWC,EAAS,gBAAgB,GAEpCC,IAAeC,EAAI,EAAK,GACxBC,IAAOD,KAKPE,IAAsBC,EAAS,MAAMhB,EAAM,gBAAgBA,EAAM,QAAQiB,EAAE,SAAS,IAAIA,EAAE,YAAY,EAAE,GAExGC,IAAiBF,EAAS,MAAM,CAAC,CAACZ,EAAM,WAAWJ,EAAM,WAAW,GAEpEmB,IAAaH;AAAA,MAAqB,MACtChB,EAAM,SAASoB,EAAYC,EAAWrB,EAAM,MAAM,CAAC,IAAIoB,EAAY;AAAA,IAAA,GAE/DE,IAAcN;AAAA,MAAyB,MAC3ChB,EAAM,SAASuB,EAAiBF,EAAWrB,EAAM,MAAM,CAAC,IAAIuB,EAAiB;AAAA,IAAA,GAEzEC,IAAcR;AAAA,MAAsB,MACxChB,EAAM,SAASyB,EAAaJ,EAAWrB,EAAM,MAAM,CAAC,IAAIyB,EAAa;AAAA,IAAA,GAGjEC,IAAqBV,EAAS,MAAMhB,EAAM,cAAcA,EAAM,WAAWuB,EAAiB,KAAK;AAErG,aAASI,IAAS;AAChB,MAAAzB,EAAM,eAAe,EAAK,GAC1BA,EAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe0B,EAAcC,GAAc;AACzC,MAAAjB,EAAa,QAAQ;AAIrB,YAAMkB,IAAYxB,EAAM;AAIxB,YAAMwB,EAAUD,CAAK,GACrBjB,EAAa,QAAQ;AAAA,IACvB;AAEA,WAAAmB,EAAY,MAAM;AAChB,MAAI/B,EAAM,QAERgC,EAAS,WAAY;AACnB,QAAAlB,EAAK,MAAM;MAAM,CAClB;AAAA,IACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Modal.js
CHANGED
|
@@ -93,7 +93,7 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
93
93
|
"aria-modal": "true",
|
|
94
94
|
role: "dialog",
|
|
95
95
|
"aria-labelledby": f(C),
|
|
96
|
-
class: n(["stash-modal__dialog tw-relative tw-flex tw-h-screen tw-w-full tw-flex-col lg:tw-shadow", [
|
|
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}`,
|
|
99
99
|
{
|
|
@@ -196,7 +196,7 @@ const Q = ["aria-labelledby"], X = { class: "tw-flex tw-place-items-center" }, Y
|
|
|
196
196
|
], 34)) : r("", !0);
|
|
197
197
|
}
|
|
198
198
|
});
|
|
199
|
-
const fe = /* @__PURE__ */ W(ee, [["__scopeId", "data-v-
|
|
199
|
+
const fe = /* @__PURE__ */ W(ee, [["__scopeId", "data-v-650a9960"]]);
|
|
200
200
|
export {
|
|
201
201
|
J as ModalPosition,
|
|
202
202
|
G as ModalSize,
|
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\"\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 '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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/components.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
._button_1d2of_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_1d2of_2:focus{-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.14);box-shadow:0 0 0 3px #007bff24;outline:none}._button_1d2of_2:hover{-webkit-text-decoration:none;text-decoration:none}}._button_1d2of_2[disabled]{cursor:default;pointer-events:none}._button--solid_1d2of_36{background-color:var(--button-color);border-color:transparent;color:var(--text-color)}@media (min-width: 961px){._button--solid_1d2of_36:hover{background-color:var(--button-hover-color)}}._button--solid_1d2of_36:active{background-color:var(--button-hover-color)}._button--solid_1d2of_36[disabled]{--button-color: var(--color-ice-500) !important}._button--ghost_1d2of_58{background-color:#0000;border-color:var(--button-color);color:var(--text-color)}@media (min-width: 961px){._button--ghost_1d2of_58:hover{background-color:var(--button-hover-color)}}._button--ghost_1d2of_58:active{background-color:var(--button-hover-color)}._button--ghost_1d2of_58[disabled]{--button-color: var(--color-ice-500) !important;--text-color: var(--color-ice-500) !important}._button--primary_1d2of_81{--button-color: var(--color-blue-500);--button-hover-color: var(--color-blue-hover);--text-color: var(--color-white)}._button--secondary_1d2of_88{--button-color: var(--color-ice-500);--button-hover-color: var(--color-ice-700-hover);--text-color: var(--color-ice-700)}._button--tertiary_1d2of_95{--button-color: var(--color-white);--button-hover-color: var(--color-white-hover);--text-color: var(--color-white)}._button--icon_1d2of_102,._button--iconLabel_1d2of_103{border:0;border-radius:.25rem;height:3rem;min-width:3rem;-webkit-text-decoration:none;text-decoration:none}._button--icon_1d2of_102{padding:.75rem;width:3rem}._button--iconLabel_1d2of_103{padding:0;width:auto;width:initial}@media (min-width: 961px){._button--icon_1d2of_102:hover,._button--iconLabel_1d2of_103:hover{-webkit-text-decoration:none;text-decoration:none}}._button--icon_1d2of_102 svg,._button--iconLabel_1d2of_103 svg{display:block;margin-left:auto;margin-right:auto}._button--icon_1d2of_102[disabled] svg,._button--iconLabel_1d2of_103[disabled],._button--iconLabel_1d2of_103[disabled] svg{color:var(--color-ice-500)}._button--inline_1d2of_143{border:0;color:var(--color-blue-500);font-weight:500;line-height:1.5;min-width:0;padding:0}._button--inline_1d2of_143:hover{-webkit-text-decoration:underline;text-decoration:underline}._button--inline_1d2of_143[disabled]{color:var(--color-ice-500)}._button--blue_1d2of_161._button--primary_1d2of_81,._button--blue_1d2of_161._button--secondary_1d2of_88{--button-color: var(--color-blue-500)}._button--blue_1d2of_161._button--primary_1d2of_81{--button-hover-color: var(--color-blue-hover)}._button--blue_1d2of_161._button--secondary_1d2of_88{--text-color: var(--color-blue-500);--button-hover-color: var(--button-secondary-blue-hover)}._button--red_1d2of_175._button--primary_1d2of_81,._button--red_1d2of_175._button--secondary_1d2of_88{--button-color: var(--color-red-500)}._button--red_1d2of_175._button--primary_1d2of_81{--button-hover-color: var(--color-red-hover)}._button--red_1d2of_175._button--secondary_1d2of_88{--text-color: var(--color-red-500);--button-hover-color: var(--button-secondary-red-hover)}.button-grid>._button_1d2of_2,.header-button-grid>._button_1d2of_2{width:50%}.button-grid>._button_1d2of_2+._button_1d2of_2{margin-left:1.5rem}@media (min-width: 640px){.button-grid>._button_1d2of_2{width:auto}}.header-button-grid>._button_1d2of_2+._button_1d2of_2{margin-left:1.5rem}@media (min-width: 961px){.header-button-grid>._button_1d2of_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-f666b942]{padding-top:calc(3.5rem - 1px);width:17.5rem}.stash-app-sidebar__divider[data-v-f666b942]:before,.stash-app-sidebar__divider[data-v-f666b942]:after{border-bottom:1px solid rgba(255,255,255,.12)}.backdrop-enter-active[data-v-f666b942],.backdrop-leave-active[data-v-f666b942]{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.backdrop-enter-from[data-v-f666b942],.backdrop-leave-to[data-v-f666b942]{opacity:0}.aside-enter-active[data-v-f666b942],.aside-leave-active[data-v-f666b942]{-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-f666b942],.aside-leave-to[data-v-f666b942]{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))}._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_17klt_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_17klt_19{--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);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_17klt_19._grey_17klt_32{background:var(--color-ice-200);border-radius:.25rem}@media (min-width: 640px){._body_17klt_19{border-radius:.25rem}}._content_17klt_42{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:1.5rem var(--grid-gutter)}._footer_17klt_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_17klt_47{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}}.fade-enter-from ._body_17klt_19,.fade-leave-active ._body_17klt_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-4784534c]{grid-template-columns:48px 1fr 48px}.stash-modal__footer__actions[data-v-4784534c]>.stash-button:nth-of-type(1){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.stash-modal__footer__actions[data-v-4784534c]>.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-4784534c]>.stash-button:nth-of-type(1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.stash-modal__footer__actions[data-v-4784534c]>.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-4784534c]>.stash-button+.stash-button{margin-left:var(--grid-gutter)}}.stash-modal__featured-content[data-v-4784534c]>*{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__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__prev:hover,.carousel__next:hover{color:#090f207f;color:var(--vc-nav-color-hover)}.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}.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__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 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:hover:after,.carousel__pagination-button--active: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}.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)}@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_1d2of_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_1d2of_2:focus{-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.14);box-shadow:0 0 0 3px #007bff24;outline:none}._button_1d2of_2:hover{-webkit-text-decoration:none;text-decoration:none}}._button_1d2of_2[disabled]{cursor:default;pointer-events:none}._button--solid_1d2of_36{background-color:var(--button-color);border-color:transparent;color:var(--text-color)}@media (min-width: 961px){._button--solid_1d2of_36:hover{background-color:var(--button-hover-color)}}._button--solid_1d2of_36:active{background-color:var(--button-hover-color)}._button--solid_1d2of_36[disabled]{--button-color: var(--color-ice-500) !important}._button--ghost_1d2of_58{background-color:#0000;border-color:var(--button-color);color:var(--text-color)}@media (min-width: 961px){._button--ghost_1d2of_58:hover{background-color:var(--button-hover-color)}}._button--ghost_1d2of_58:active{background-color:var(--button-hover-color)}._button--ghost_1d2of_58[disabled]{--button-color: var(--color-ice-500) !important;--text-color: var(--color-ice-500) !important}._button--primary_1d2of_81{--button-color: var(--color-blue-500);--button-hover-color: var(--color-blue-hover);--text-color: var(--color-white)}._button--secondary_1d2of_88{--button-color: var(--color-ice-500);--button-hover-color: var(--color-ice-700-hover);--text-color: var(--color-ice-700)}._button--tertiary_1d2of_95{--button-color: var(--color-white);--button-hover-color: var(--color-white-hover);--text-color: var(--color-white)}._button--icon_1d2of_102,._button--iconLabel_1d2of_103{border:0;border-radius:.25rem;height:3rem;min-width:3rem;-webkit-text-decoration:none;text-decoration:none}._button--icon_1d2of_102{padding:.75rem;width:3rem}._button--iconLabel_1d2of_103{padding:0;width:auto;width:initial}@media (min-width: 961px){._button--icon_1d2of_102:hover,._button--iconLabel_1d2of_103:hover{-webkit-text-decoration:none;text-decoration:none}}._button--icon_1d2of_102 svg,._button--iconLabel_1d2of_103 svg{display:block;margin-left:auto;margin-right:auto}._button--icon_1d2of_102[disabled] svg,._button--iconLabel_1d2of_103[disabled],._button--iconLabel_1d2of_103[disabled] svg{color:var(--color-ice-500)}._button--inline_1d2of_143{border:0;color:var(--color-blue-500);font-weight:500;line-height:1.5;min-width:0;padding:0}._button--inline_1d2of_143:hover{-webkit-text-decoration:underline;text-decoration:underline}._button--inline_1d2of_143[disabled]{color:var(--color-ice-500)}._button--blue_1d2of_161._button--primary_1d2of_81,._button--blue_1d2of_161._button--secondary_1d2of_88{--button-color: var(--color-blue-500)}._button--blue_1d2of_161._button--primary_1d2of_81{--button-hover-color: var(--color-blue-hover)}._button--blue_1d2of_161._button--secondary_1d2of_88{--text-color: var(--color-blue-500);--button-hover-color: var(--button-secondary-blue-hover)}._button--red_1d2of_175._button--primary_1d2of_81,._button--red_1d2of_175._button--secondary_1d2of_88{--button-color: var(--color-red-500)}._button--red_1d2of_175._button--primary_1d2of_81{--button-hover-color: var(--color-red-hover)}._button--red_1d2of_175._button--secondary_1d2of_88{--text-color: var(--color-red-500);--button-hover-color: var(--button-secondary-red-hover)}.button-grid>._button_1d2of_2,.header-button-grid>._button_1d2of_2{width:50%}.button-grid>._button_1d2of_2+._button_1d2of_2{margin-left:1.5rem}@media (min-width: 640px){.button-grid>._button_1d2of_2{width:auto}}.header-button-grid>._button_1d2of_2+._button_1d2of_2{margin-left:1.5rem}@media (min-width: 961px){.header-button-grid>._button_1d2of_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))}._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__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__prev:hover,.carousel__next:hover{color:#090f207f;color:var(--vc-nav-color-hover)}.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}.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__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 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:hover:after,.carousel__pagination-button--active: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}.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)}@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/package.json
CHANGED
package/styles/base.css
CHANGED
|
@@ -923,3 +923,8 @@
|
|
|
923
923
|
.move-move {
|
|
924
924
|
transition: transform theme('transitionDuration.150') theme('transitionTimingFunction.swing');
|
|
925
925
|
}
|
|
926
|
+
|
|
927
|
+
#launcher {
|
|
928
|
+
filter: drop-shadow(4px 18px 18px rgb(38 38 38 / 5%)) drop-shadow(4px 18px 18px rgb(38 38 38 / 10%))
|
|
929
|
+
drop-shadow(4px 18px 30px rgb(38 38 38 / 15%));
|
|
930
|
+
}
|