@leaflink/stash 49.1.0 → 49.2.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/DataViewToolbar.js +47 -45
- package/dist/DataViewToolbar.js.map +1 -1
- package/dist/DataViewToolbar.vue.d.ts +12 -4
- package/dist/PageNavigation.js +8 -8
- package/dist/Tab.js +96 -7
- package/dist/Tab.js.map +1 -1
- package/dist/Tabs.js +2 -2
- package/dist/{Tabs.vue_used_vue_type_style_index_0_lang.module-3aa36673.js → Tabs.vue_used_vue_type_style_index_0_lang.module-d7530989.js} +13 -13
- package/dist/{Tabs.vue_used_vue_type_style_index_0_lang.module-3aa36673.js.map → Tabs.vue_used_vue_type_style_index_0_lang.module-d7530989.js.map} +1 -1
- package/dist/components.css +1 -1
- package/package.json +1 -1
- package/dist/Tab.vue_vue_type_script_setup_true_lang-9aa53203.js +0 -93
- package/dist/Tab.vue_vue_type_script_setup_true_lang-9aa53203.js.map +0 -1
package/dist/DataViewToolbar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as $, inject as j, ref as z, computed as x, onBeforeMount as U, openBlock as a, createElementBlock as
|
|
1
|
+
import { defineComponent as $, inject as j, ref as z, computed as x, onBeforeMount as U, openBlock as a, createElementBlock as r, normalizeClass as W, unref as e, createElementVNode as k, createBlock as F, createCommentVNode as s, renderSlot as J, toDisplayString as K, Fragment as L, createVNode as n, withCtx as y } from "vue";
|
|
2
2
|
import { t as S } from "./locale.js";
|
|
3
3
|
import _ from "./Button.js";
|
|
4
4
|
import O from "./Checkbox.js";
|
|
@@ -25,84 +25,86 @@ const q = { class: "tw-flex tw-place-items-center" }, G = { class: "tw-flex tw-i
|
|
|
25
25
|
props: {
|
|
26
26
|
allRowsSelected: { type: Boolean, default: !1 },
|
|
27
27
|
hidePageStats: { type: Boolean, default: !1 },
|
|
28
|
-
radius: { default:
|
|
29
|
-
someRowsSelected: { type: Boolean, default: !1 }
|
|
28
|
+
radius: { default: void 0 },
|
|
29
|
+
someRowsSelected: { type: Boolean, default: !1 },
|
|
30
|
+
hasTabsAbove: { type: Boolean, default: !1 }
|
|
30
31
|
},
|
|
31
32
|
emits: ["select"],
|
|
32
33
|
setup(E, { emit: P }) {
|
|
33
|
-
const
|
|
34
|
+
const t = E, V = P, {
|
|
34
35
|
isWithinModule: i,
|
|
35
|
-
variant:
|
|
36
|
-
density:
|
|
36
|
+
variant: m,
|
|
37
|
+
density: p,
|
|
37
38
|
currentPage: l,
|
|
38
|
-
hasToolbar:
|
|
39
|
+
hasToolbar: w,
|
|
39
40
|
isPaginationEnabled: N,
|
|
40
41
|
isSelectable: R,
|
|
41
|
-
pageCount:
|
|
42
|
-
pageSize:
|
|
43
|
-
totalDataCount:
|
|
44
|
-
goPrevPage:
|
|
45
|
-
goNextPage:
|
|
46
|
-
isEmpty:
|
|
47
|
-
isLoading:
|
|
48
|
-
} = j(B.key, B.defaults),
|
|
49
|
-
const
|
|
50
|
-
return S("ll.pageStats", { from:
|
|
42
|
+
pageCount: f,
|
|
43
|
+
pageSize: v,
|
|
44
|
+
totalDataCount: b,
|
|
45
|
+
goPrevPage: T,
|
|
46
|
+
goNextPage: A,
|
|
47
|
+
isEmpty: D,
|
|
48
|
+
isLoading: I
|
|
49
|
+
} = j(B.key, B.defaults), h = z(0), d = x(() => t.radius ? t.radius : i.value ? "none" : m.value === "table" ? t.hasTabsAbove ? "rounded-top-right" : "rounded-top" : "rounded"), M = x(() => {
|
|
50
|
+
const u = v.value * (l.value - 1) + 1, o = Math.min(v.value * l.value, b.value), c = b.value;
|
|
51
|
+
return S("ll.pageStats", { from: u, to: o, total: c });
|
|
51
52
|
});
|
|
52
|
-
function
|
|
53
|
-
V("select"),
|
|
53
|
+
function g() {
|
|
54
|
+
V("select"), h.value++;
|
|
54
55
|
}
|
|
55
56
|
return U(() => {
|
|
56
|
-
|
|
57
|
-
}), (
|
|
58
|
-
class: W(["stash-data-view-toolbar tw-flex tw-min-h-15 tw-items-center tw-justify-between tw-bg-white tw-py-1.5", {
|
|
57
|
+
w && (w.value = !0);
|
|
58
|
+
}), (u, o) => (a(), r("div", {
|
|
59
|
+
class: W(["stash-data-view-toolbar tw-flex tw-min-h-15 tw-items-center tw-justify-between tw-bg-white tw-py-1.5 tw-shadow", {
|
|
59
60
|
"tw-border-t tw-border-ice-200": e(i),
|
|
60
|
-
"tw-rounded":
|
|
61
|
-
"tw-rounded
|
|
62
|
-
"tw-
|
|
63
|
-
"tw-
|
|
64
|
-
"
|
|
61
|
+
"tw-rounded-tr": d.value === "rounded-top-right",
|
|
62
|
+
"tw-rounded": d.value === "rounded",
|
|
63
|
+
"tw-rounded-t": d.value === "rounded-top",
|
|
64
|
+
"tw-mb-3": e(m) !== "table" && !e(i),
|
|
65
|
+
"tw-px-0": e(p) === "compact",
|
|
66
|
+
"lg:tw-px-3": e(p) === "comfortable"
|
|
65
67
|
}]),
|
|
66
68
|
"data-test": "stash-data-view-toolbar"
|
|
67
69
|
}, [
|
|
68
70
|
k("div", q, [
|
|
69
|
-
e(R) && !e(
|
|
70
|
-
key:
|
|
71
|
-
checked:
|
|
72
|
-
indeterminate:
|
|
71
|
+
e(R) && !e(D) ? (a(), F(O, {
|
|
72
|
+
key: h.value,
|
|
73
|
+
checked: t.allRowsSelected,
|
|
74
|
+
indeterminate: t.someRowsSelected && !t.allRowsSelected,
|
|
73
75
|
title: e(S)("ll.selectAll"),
|
|
74
|
-
disabled: e(
|
|
75
|
-
"onUpdate:indeterminate":
|
|
76
|
-
"onUpdate:checked":
|
|
76
|
+
disabled: e(I),
|
|
77
|
+
"onUpdate:indeterminate": g,
|
|
78
|
+
"onUpdate:checked": g
|
|
77
79
|
}, null, 8, ["checked", "indeterminate", "title", "disabled"])) : s("", !0),
|
|
78
80
|
k("div", G, [
|
|
79
|
-
J(
|
|
81
|
+
J(u.$slots, "default")
|
|
80
82
|
])
|
|
81
83
|
]),
|
|
82
|
-
e(N) ? (a(),
|
|
83
|
-
|
|
84
|
-
e(
|
|
85
|
-
|
|
84
|
+
e(N) ? (a(), r("div", H, [
|
|
85
|
+
t.hidePageStats ? s("", !0) : (a(), r("span", Q, K(M.value), 1)),
|
|
86
|
+
e(f) > 1 ? (a(), r(L, { key: 1 }, [
|
|
87
|
+
n(_, {
|
|
86
88
|
icon: "",
|
|
87
89
|
class: "tw-h-9 tw-w-9 tw-p-1.5",
|
|
88
90
|
"data-test": "button|prev-page",
|
|
89
91
|
disabled: e(l) === 1,
|
|
90
|
-
onClick:
|
|
92
|
+
onClick: o[0] || (o[0] = (c) => e(T)({ shouldEmit: !0 }))
|
|
91
93
|
}, {
|
|
92
94
|
default: y(() => [
|
|
93
|
-
|
|
95
|
+
n(C, { name: "chevron-left" })
|
|
94
96
|
]),
|
|
95
97
|
_: 1
|
|
96
98
|
}, 8, ["disabled"]),
|
|
97
|
-
|
|
99
|
+
n(_, {
|
|
98
100
|
icon: "",
|
|
99
101
|
class: "tw-h-9 tw-w-9 tw-p-1.5",
|
|
100
102
|
"data-test": "button|next-page",
|
|
101
|
-
disabled: e(l) === e(
|
|
102
|
-
onClick:
|
|
103
|
+
disabled: e(l) === e(f),
|
|
104
|
+
onClick: o[1] || (o[1] = (c) => e(A)({ shouldEmit: !0 }))
|
|
103
105
|
}, {
|
|
104
106
|
default: y(() => [
|
|
105
|
-
|
|
107
|
+
n(C, { name: "chevron-right" })
|
|
106
108
|
]),
|
|
107
109
|
_: 1
|
|
108
110
|
}, 8, ["disabled"])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataViewToolbar.js","sources":["../src/components/DataViewToolbar/DataViewToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, inject, onBeforeMount, ref } from 'vue';\n\n import { t } from '../../locale';\n import Button from '../Button/Button.vue';\n import Checkbox from '../Checkbox/Checkbox.vue';\n import { DATA_VIEW_INJECTION } from '../DataView/DataView.vue';\n import Icon from '../Icon/Icon.vue';\n import { ToolbarRadiuses } from './DataViewToolbar.types';\n\n export interface DataViewToolbarProps {\n /**\n * When DataView has `variant=\"table\"` and Table has `is-selectable` enabled, it provides a way to flag\n * a checkbox whenever all rows are selected, just like the standalone version on TableHeaderRow.\n */\n allRowsSelected?: boolean;\n\n /**\n * Hides the page statistics (ex: \"1 - 12 of 20\") in the toolbar\n */\n hidePageStats?: boolean;\n\n /**\n * Controls the corners of DataViewToolbar with the \"border-radius\" CSS property. The default value is \"rounded\".\n */\n radius?: ToolbarRadiuses;\n\n /**\n * When DataView has variant=\"table\" and Table has `is-selectable` enabled, it provides a way to flag\n * a checkbox whenever one or more, but not all rows are selected, just like the standalone\n * version on TableHeaderRow.\n */\n someRowsSelected?: boolean;\n }\n\n const props = withDefaults(defineProps<DataViewToolbarProps>(), {\n allRowsSelected: false,\n hidePageStats: false,\n radius:
|
|
1
|
+
{"version":3,"file":"DataViewToolbar.js","sources":["../src/components/DataViewToolbar/DataViewToolbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, inject, onBeforeMount, ref } from 'vue';\n\n import { t } from '../../locale';\n import Button from '../Button/Button.vue';\n import Checkbox from '../Checkbox/Checkbox.vue';\n import { DATA_VIEW_INJECTION } from '../DataView/DataView.vue';\n import Icon from '../Icon/Icon.vue';\n import { ToolbarRadiuses } from './DataViewToolbar.types';\n\n export interface DataViewToolbarProps {\n /**\n * When DataView has `variant=\"table\"` and Table has `is-selectable` enabled, it provides a way to flag\n * a checkbox whenever all rows are selected, just like the standalone version on TableHeaderRow.\n */\n allRowsSelected?: boolean;\n\n /**\n * Hides the page statistics (ex: \"1 - 12 of 20\") in the toolbar\n */\n hidePageStats?: boolean;\n\n /**\n * Controls the corners of DataViewToolbar with the \"border-radius\" CSS property. The default value is \"rounded\".\n */\n radius?: ToolbarRadiuses;\n\n /**\n * When DataView has variant=\"table\" and Table has `is-selectable` enabled, it provides a way to flag\n * a checkbox whenever one or more, but not all rows are selected, just like the standalone\n * version on TableHeaderRow.\n */\n someRowsSelected?: boolean;\n\n /**\n * When DataView has tabs above it, we need to remove the top left rounded corner\n */\n hasTabsAbove?: boolean;\n }\n\n const props = withDefaults(defineProps<DataViewToolbarProps>(), {\n allRowsSelected: false,\n hidePageStats: false,\n radius: undefined,\n someRowsSelected: false,\n hasTabsAbove: false,\n });\n\n const emit = defineEmits<{\n (e: 'select'): void;\n }>();\n\n const {\n isWithinModule,\n variant: dataViewVariant,\n density,\n currentPage,\n hasToolbar,\n isPaginationEnabled,\n isSelectable,\n pageCount,\n pageSize,\n totalDataCount,\n goPrevPage,\n goNextPage,\n isEmpty,\n isLoading,\n } = inject(DATA_VIEW_INJECTION.key, DATA_VIEW_INJECTION.defaults);\n\n const checkboxKey = ref(0);\n\n const computedRadius = computed<ToolbarRadiuses>(() => {\n if (props.radius) {\n return props.radius;\n }\n\n if (isWithinModule.value) {\n return 'none';\n }\n\n if (dataViewVariant.value === 'table') {\n if (props.hasTabsAbove) {\n return 'rounded-top-right';\n }\n\n return 'rounded-top';\n }\n\n return 'rounded';\n });\n\n // #region pagination\n const pageStats = computed(() => {\n const from = pageSize.value * (currentPage.value - 1) + 1;\n const to = Math.min(pageSize.value * currentPage.value, totalDataCount.value);\n const total = totalDataCount.value;\n\n return t('ll.pageStats', { from, to, total });\n });\n // #endregion pagination\n\n function onSelect() {\n emit('select');\n\n /**\n * In Vue (as of this writing), if a user checks a native checkbox but the v-model is `false` and does not change from `false`, then the checkbox will display as checked even though the v-model is still `false`.\n * Forcing a re-render with a `key` change allows the checkbox to stay unchecked if its v-model is still `false` and its v-model not been changed.\n * To verify that this is necessary, test the \"select all\" checkbox in the SelectionWithSomeDisabled story in Table.story.ts with and without the `key` attribute.\n */\n checkboxKey.value++;\n }\n\n onBeforeMount(() => {\n if (hasToolbar) {\n hasToolbar.value = true;\n }\n });\n</script>\n\n<template>\n <div\n class=\"stash-data-view-toolbar tw-flex tw-min-h-15 tw-items-center tw-justify-between tw-bg-white tw-py-1.5 tw-shadow\"\n :class=\"{\n 'tw-border-t tw-border-ice-200': isWithinModule,\n 'tw-rounded-tr': computedRadius === 'rounded-top-right',\n 'tw-rounded': computedRadius === 'rounded',\n 'tw-rounded-t': computedRadius === 'rounded-top',\n 'tw-mb-3': dataViewVariant !== 'table' && !isWithinModule,\n 'tw-px-0': density === 'compact',\n 'lg:tw-px-3': density === 'comfortable',\n }\"\n data-test=\"stash-data-view-toolbar\"\n >\n <div class=\"tw-flex tw-place-items-center\">\n <Checkbox\n v-if=\"isSelectable && !isEmpty\"\n :key=\"checkboxKey\"\n :checked=\"props.allRowsSelected\"\n :indeterminate=\"props.someRowsSelected && !props.allRowsSelected\"\n :title=\"t('ll.selectAll')\"\n :disabled=\"isLoading\"\n @update:indeterminate=\"onSelect\"\n @update:checked=\"onSelect\"\n />\n <div class=\"tw-flex tw-items-center tw-gap-x-2 lg:tw-gap-x-6\">\n <!-- @slot default -->\n <slot></slot>\n </div>\n </div>\n\n <!-- Pagination -->\n <div v-if=\"isPaginationEnabled\" class=\"tw-flex tw-items-center\">\n <span v-if=\"!props.hidePageStats\" class=\"tw-mr-1.5 tw-text-xs\">\n {{ pageStats }}\n </span>\n <template v-if=\"pageCount > 1\">\n <Button\n icon\n class=\"tw-h-9 tw-w-9 tw-p-1.5\"\n data-test=\"button|prev-page\"\n :disabled=\"currentPage === 1\"\n @click=\"goPrevPage({ shouldEmit: true })\"\n >\n <Icon name=\"chevron-left\" />\n </Button>\n <Button\n icon\n class=\"tw-h-9 tw-w-9 tw-p-1.5\"\n data-test=\"button|next-page\"\n :disabled=\"currentPage === pageCount\"\n @click=\"goNextPage({ shouldEmit: true })\"\n >\n <Icon name=\"chevron-right\" />\n </Button>\n </template>\n </div>\n </div>\n</template>\n"],"names":["props","__props","emit","__emit","isWithinModule","dataViewVariant","density","currentPage","hasToolbar","isPaginationEnabled","isSelectable","pageCount","pageSize","totalDataCount","goPrevPage","goNextPage","isEmpty","isLoading","inject","DATA_VIEW_INJECTION","checkboxKey","ref","computedRadius","computed","pageStats","from","to","total","t","onSelect","onBeforeMount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCE,UAAMA,IAAQC,GAQRC,IAAOC,GAIP;AAAA,MACJ,gBAAAC;AAAA,MACA,SAASC;AAAA,MACT,SAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,IACE,IAAAC,EAAOC,EAAoB,KAAKA,EAAoB,QAAQ,GAE1DC,IAAcC,EAAI,CAAC,GAEnBC,IAAiBC,EAA0B,MAC3CvB,EAAM,SACDA,EAAM,SAGXI,EAAe,QACV,SAGLC,EAAgB,UAAU,UACxBL,EAAM,eACD,sBAGF,gBAGF,SACR,GAGKwB,IAAYD,EAAS,MAAM;AAC/B,YAAME,IAAOb,EAAS,SAASL,EAAY,QAAQ,KAAK,GAClDmB,IAAK,KAAK,IAAId,EAAS,QAAQL,EAAY,OAAOM,EAAe,KAAK,GACtEc,IAAQd,EAAe;AAE7B,aAAOe,EAAE,gBAAgB,EAAE,MAAAH,GAAM,IAAAC,GAAI,OAAAC,GAAO;AAAA,IAAA,CAC7C;AAGD,aAASE,IAAW;AAClB,MAAA3B,EAAK,QAAQ,GAODkB,EAAA;AAAA,IACd;AAEA,WAAAU,EAAc,MAAM;AAClB,MAAItB,MACFA,EAAW,QAAQ;AAAA,IACrB,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -52,27 +52,34 @@ export declare interface DataViewToolbarProps {
|
|
|
52
52
|
* version on TableHeaderRow.
|
|
53
53
|
*/
|
|
54
54
|
someRowsSelected?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* When DataView has tabs above it, we need to remove the top left rounded corner
|
|
57
|
+
*/
|
|
58
|
+
hasTabsAbove?: boolean;
|
|
55
59
|
}
|
|
56
60
|
|
|
57
61
|
declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DataViewToolbarProps>, {
|
|
58
62
|
allRowsSelected: boolean;
|
|
59
63
|
hidePageStats: boolean;
|
|
60
|
-
radius:
|
|
64
|
+
radius: undefined;
|
|
61
65
|
someRowsSelected: boolean;
|
|
66
|
+
hasTabsAbove: boolean;
|
|
62
67
|
}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
63
68
|
select: () => void;
|
|
64
69
|
}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DataViewToolbarProps>, {
|
|
65
70
|
allRowsSelected: boolean;
|
|
66
71
|
hidePageStats: boolean;
|
|
67
|
-
radius:
|
|
72
|
+
radius: undefined;
|
|
68
73
|
someRowsSelected: boolean;
|
|
74
|
+
hasTabsAbove: boolean;
|
|
69
75
|
}>>> & Readonly<{
|
|
70
76
|
onSelect?: (() => any) | undefined;
|
|
71
77
|
}>, {
|
|
72
|
-
radius: "none" | "rounded" | "rounded-top";
|
|
78
|
+
radius: "none" | "rounded" | "rounded-top" | "rounded-top-right";
|
|
73
79
|
allRowsSelected: boolean;
|
|
74
80
|
hidePageStats: boolean;
|
|
75
81
|
someRowsSelected: boolean;
|
|
82
|
+
hasTabsAbove: boolean;
|
|
76
83
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
|
|
77
84
|
default?(_: {}): any;
|
|
78
85
|
}>;
|
|
@@ -81,7 +88,8 @@ export default _default;
|
|
|
81
88
|
declare enum ToolbarRadius {
|
|
82
89
|
None = "none",
|
|
83
90
|
Rounded = "rounded",
|
|
84
|
-
RoundedTop = "rounded-top"
|
|
91
|
+
RoundedTop = "rounded-top",
|
|
92
|
+
RoundedTopRight = "rounded-top-right"
|
|
85
93
|
}
|
|
86
94
|
|
|
87
95
|
declare type ToolbarRadiuses = `${ToolbarRadius}`;
|
package/dist/PageNavigation.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as g, ref as m, watch as x, onMounted as I, openBlock as i, createElementBlock as c, createVNode as _, withCtx as f, Fragment as T, renderList as V, createBlock as k, unref as N, createTextVNode as B, toDisplayString as C } from "vue";
|
|
2
2
|
import U from "@leaflink/snitch";
|
|
3
3
|
import s from "lodash-es/kebabCase";
|
|
4
4
|
import { useRoute as y, useRouter as P } from "vue-router";
|
|
5
|
-
import
|
|
5
|
+
import D from "./Tab.js";
|
|
6
6
|
import E from "./Tabs.js";
|
|
7
7
|
import "./Badge.js";
|
|
8
8
|
import "./_plugin-vue_export-helper-dad06003.js";
|
|
9
|
-
import "./Tabs.vue_used_vue_type_style_index_0_lang.module-
|
|
9
|
+
import "./Tabs.vue_used_vue_type_style_index_0_lang.module-d7530989.js";
|
|
10
10
|
import "lodash-es/debounce";
|
|
11
11
|
import "lodash-es/uniqueId";
|
|
12
12
|
import "./constants.js";
|
|
@@ -25,7 +25,7 @@ import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
|
|
|
25
25
|
const F = {
|
|
26
26
|
class: "stash-page-navigation container",
|
|
27
27
|
"data-test": "stash-page-navigation"
|
|
28
|
-
}, oe = /* @__PURE__ */
|
|
28
|
+
}, oe = /* @__PURE__ */ g({
|
|
29
29
|
name: "ll-page-navigation",
|
|
30
30
|
__name: "PageNavigation",
|
|
31
31
|
props: {
|
|
@@ -37,7 +37,7 @@ const F = {
|
|
|
37
37
|
setup(v, { emit: h }) {
|
|
38
38
|
const r = v, p = h;
|
|
39
39
|
r.activeIndex && U.info("The `activeIndex` prop is deprecated. Use `v-model` instead.");
|
|
40
|
-
const o = y(), u = P(), d =
|
|
40
|
+
const o = y(), u = P(), d = m("");
|
|
41
41
|
function n(t) {
|
|
42
42
|
t !== d.value && (d.value = t, p("update:modelValue", t));
|
|
43
43
|
}
|
|
@@ -49,7 +49,7 @@ const F = {
|
|
|
49
49
|
const a = r.items.findIndex((l) => s(l.label) === t);
|
|
50
50
|
p("change", a), n(t);
|
|
51
51
|
}
|
|
52
|
-
),
|
|
52
|
+
), I(() => {
|
|
53
53
|
if (!r.items.length)
|
|
54
54
|
return;
|
|
55
55
|
if (r.activeIndex !== void 0) {
|
|
@@ -76,12 +76,12 @@ const F = {
|
|
|
76
76
|
});
|
|
77
77
|
t && n((t == null ? void 0 : t.value) || s(t.label));
|
|
78
78
|
}), (t, e) => (i(), c("nav", F, [
|
|
79
|
-
|
|
79
|
+
_(E, {
|
|
80
80
|
"active-tab": d.value,
|
|
81
81
|
"onUpdate:activeTab": n
|
|
82
82
|
}, {
|
|
83
83
|
default: f(() => [
|
|
84
|
-
(i(!0), c(
|
|
84
|
+
(i(!0), c(T, null, V(r.items, (a, l) => (i(), k(D, {
|
|
85
85
|
key: a.label,
|
|
86
86
|
value: (a == null ? void 0 : a.value) || N(s)(a.label),
|
|
87
87
|
to: a.to,
|
package/dist/Tab.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import "
|
|
3
|
-
import "
|
|
4
|
-
import "./
|
|
5
|
-
import "./_plugin-vue_export-helper-dad06003.js";
|
|
6
|
-
import "./Tabs.vue_used_vue_type_style_index_0_lang.module-3aa36673.js";
|
|
1
|
+
import { defineComponent as x, useCssModule as T, inject as y, computed as s, onMounted as k, nextTick as g, toRefs as c, openBlock as u, createElementBlock as C, normalizeClass as P, unref as o, withKeys as $, createBlock as B, resolveDynamicComponent as E, mergeProps as N, withCtx as b, createElementVNode as A, createVNode as I, renderSlot as j } from "vue";
|
|
2
|
+
import M from "@leaflink/snitch";
|
|
3
|
+
import D from "./Badge.js";
|
|
4
|
+
import { T as L } from "./Tabs.vue_used_vue_type_style_index_0_lang.module-d7530989.js";
|
|
5
|
+
import { _ as V } from "./_plugin-vue_export-helper-dad06003.js";
|
|
7
6
|
import "lodash-es/debounce";
|
|
8
7
|
import "lodash-es/uniqueId";
|
|
9
8
|
import "./constants.js";
|
|
@@ -19,7 +18,97 @@ import "lodash-es/isPlainObject";
|
|
|
19
18
|
import "./Icon.js";
|
|
20
19
|
import "./index-9e1095ef.js";
|
|
21
20
|
import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
|
|
21
|
+
const K = ["id", "aria-selected", "aria-controls", "aria-disabled"], O = { class: "tw-mt-0.5" }, S = /* @__PURE__ */ x({
|
|
22
|
+
__name: "Tab",
|
|
23
|
+
props: {
|
|
24
|
+
value: {},
|
|
25
|
+
to: {},
|
|
26
|
+
href: {},
|
|
27
|
+
badge: {},
|
|
28
|
+
disabled: { type: Boolean },
|
|
29
|
+
anchorProps: {},
|
|
30
|
+
routerLinkProps: {}
|
|
31
|
+
},
|
|
32
|
+
setup(p) {
|
|
33
|
+
const e = p, m = T(), l = y(L.key);
|
|
34
|
+
if (!l)
|
|
35
|
+
throw Error("The Tab component must be a child of the Tabs component.");
|
|
36
|
+
const { setActiveTab: v, activeTab: w, variant: r } = l, t = s(() => e.value === w.value), f = s(() => e.to ? "router-link" : e.href ? "a" : "button");
|
|
37
|
+
function d(i) {
|
|
38
|
+
e.disabled || v(i);
|
|
39
|
+
}
|
|
40
|
+
const n = s(() => `tabpanel-${e.value}`);
|
|
41
|
+
k(async () => {
|
|
42
|
+
await g(), process.env.NODE_ENV !== "test" && t.value && !document.getElementById(n.value) && M.warn(
|
|
43
|
+
`The <Tab> with value "${e.value}" is active, but its corresponding tab panel cannot be found. Please ensure that the corresponding tab panel has an "id" attribute with value "${n.value}" and a "role" attribute with value "tabpanel".`
|
|
44
|
+
);
|
|
45
|
+
});
|
|
46
|
+
const h = s(() => e.to && e.routerLinkProps ? c(e.routerLinkProps) : e.href && e.anchorProps ? c(e.anchorProps) : {});
|
|
47
|
+
return (i, a) => (u(), C("li", {
|
|
48
|
+
id: `tab-${e.value}`,
|
|
49
|
+
role: "tab",
|
|
50
|
+
"aria-selected": t.value,
|
|
51
|
+
"aria-controls": n.value,
|
|
52
|
+
"aria-disabled": e.disabled,
|
|
53
|
+
class: P(["stash-tab", [
|
|
54
|
+
{
|
|
55
|
+
"stash-tab--active is-active": t.value,
|
|
56
|
+
"stash-tab--disabled": e.disabled,
|
|
57
|
+
"stash-tab--variant-line": o(r) === "line",
|
|
58
|
+
"stash-tab--variant-enclosed": o(r) === "enclosed"
|
|
59
|
+
}
|
|
60
|
+
]]),
|
|
61
|
+
onClick: a[0] || (a[0] = (_) => d(e.value)),
|
|
62
|
+
onKeypress: a[1] || (a[1] = $((_) => d(e.value), ["enter"]))
|
|
63
|
+
}, [
|
|
64
|
+
(u(), B(E(f.value), N(h.value, {
|
|
65
|
+
to: e.to,
|
|
66
|
+
href: e.href,
|
|
67
|
+
class: ["tw-relative tw-flex tw-cursor-pointer tw-items-center tw-justify-center tw-whitespace-nowrap tw-border-solid tw-py-1.5 tw-text-sm tw-font-medium hover:tw-no-underline", [
|
|
68
|
+
{
|
|
69
|
+
"tw-border-b-2": o(r) === "line",
|
|
70
|
+
"tw-border-t-4 tw-px-6": o(r) === "enclosed",
|
|
71
|
+
"tw-rounded-t tw-border-b tw-border-b-ice-200 tw-bg-white": t.value && o(r) === "enclosed",
|
|
72
|
+
[o(m)["custom-shadow"]]: t.value && o(r) === "enclosed",
|
|
73
|
+
"focus:tw-no-underline": e.href,
|
|
74
|
+
"tw-pointer-events-none tw-text-ice-500": e.disabled,
|
|
75
|
+
"tw-text-ice-700": !e.disabled && !t.value
|
|
76
|
+
},
|
|
77
|
+
[
|
|
78
|
+
t.value ? "tw-border-blue-500 tw-text-blue-500" : "tw-border-transparent hover:tw-text-blue-500 focus:tw-text-blue-500"
|
|
79
|
+
]
|
|
80
|
+
]],
|
|
81
|
+
tabindex: e.disabled ? -1 : 0
|
|
82
|
+
}), {
|
|
83
|
+
default: b(() => [
|
|
84
|
+
A("div", O, [
|
|
85
|
+
I(D, {
|
|
86
|
+
content: e.badge,
|
|
87
|
+
position: "inline",
|
|
88
|
+
color: "red",
|
|
89
|
+
"is-disabled": e.disabled
|
|
90
|
+
}, {
|
|
91
|
+
default: b(() => [
|
|
92
|
+
j(i.$slots, "default", {
|
|
93
|
+
isActive: t.value,
|
|
94
|
+
isDisabled: e.disabled,
|
|
95
|
+
variant: o(r)
|
|
96
|
+
})
|
|
97
|
+
]),
|
|
98
|
+
_: 3
|
|
99
|
+
}, 8, ["content", "is-disabled"])
|
|
100
|
+
])
|
|
101
|
+
]),
|
|
102
|
+
_: 3
|
|
103
|
+
}, 16, ["to", "href", "class", "tabindex"]))
|
|
104
|
+
], 42, K));
|
|
105
|
+
}
|
|
106
|
+
}), z = {
|
|
107
|
+
"custom-shadow": "_custom-shadow_j326c_3"
|
|
108
|
+
}, J = {
|
|
109
|
+
$style: z
|
|
110
|
+
}, de = /* @__PURE__ */ V(S, [["__cssModules", J]]);
|
|
22
111
|
export {
|
|
23
|
-
|
|
112
|
+
de as default
|
|
24
113
|
};
|
|
25
114
|
//# sourceMappingURL=Tab.js.map
|
package/dist/Tab.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tab.js","sources":["../src/components/Tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import logger from '@leaflink/snitch';\n import { computed, inject, nextTick, onMounted, toRefs, useCssModule } from 'vue';\n import { type RouteLocationRaw, type RouterLinkProps } from 'vue-router';\n\n import Badge from '../Badge/Badge.vue';\n import { TABS_INJECTION } from '../Tabs/Tabs.vue';\n\n /**\n * Allowed attributes for the `<a>` element when the `href` prop is used.\n */\n type AnchorAttrs =\n | HTMLAnchorElement['download']\n | HTMLAnchorElement['hreflang']\n | HTMLAnchorElement['ping']\n | HTMLAnchorElement['referrerPolicy']\n | HTMLAnchorElement['rel']\n | HTMLAnchorElement['target']\n | HTMLAnchorElement['type'];\n\n export interface TabProps {\n /**\n * The tab identifier\n */\n value: string;\n\n /**\n * Router link `to` prop\n */\n to?: RouteLocationRaw;\n\n /**\n * Anchor tag href. Used for navigating to non-vue pages, such as Django pages in marketplace.\n */\n href?: string;\n\n /**\n * The badge's content\n */\n badge?: string | number;\n\n /**\n * Will render a plain text item if true.\n */\n disabled?: boolean;\n\n /**\n * Props for the `<a>` element when the `href` prop is used\n */\n anchorProps?: Record<AnchorAttrs, string>;\n\n /**\n * Props for the `<RouterLink>` element when the `to` prop is used\n */\n routerLinkProps?: Omit<RouterLinkProps, 'to'>;\n }\n\n const props = defineProps<TabProps>();\n\n const classes = useCssModule();\n\n const tabsInjection = inject(TABS_INJECTION.key);\n\n if (!tabsInjection) {\n throw Error('The Tab component must be a child of the Tabs component.');\n }\n\n const { setActiveTab, activeTab, variant } = tabsInjection;\n\n const isTabActive = computed(() => {\n return props.value === activeTab.value;\n });\n\n const is = computed(() => {\n if (props.to) {\n return 'router-link';\n }\n\n if (props.href) {\n return 'a';\n }\n\n return 'button';\n });\n\n /**\n * Note: this click handler gets ignored when the `href` prop is used; `preventDefault()` is intentionally omitted in order to enable the `href` prop to work correctly. The `href` prop is used for navigation to non-vue pages, such as Django pages in marketplace.\n */\n function onClick(tabValue: string) {\n if (props.disabled) {\n return;\n }\n\n setActiveTab(tabValue);\n }\n\n const panelId = computed(() => `tabpanel-${props.value}`);\n\n onMounted(async () => {\n await nextTick();\n\n if (process.env.NODE_ENV !== 'test' && isTabActive.value && !document.getElementById(panelId.value)) {\n // The following warning ensures optimal accessibility is maintained when using the Tabs component. See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role#example\n logger.warn(\n `The <Tab> with value \"${props.value}\" is active, but its corresponding tab panel cannot be found. Please ensure that the corresponding tab panel has an \"id\" attribute with value \"${panelId.value}\" and a \"role\" attribute with value \"tabpanel\".`,\n );\n }\n });\n\n const dynamicComponentAttrs = computed(() => {\n if (props.to && props.routerLinkProps) {\n return toRefs(props.routerLinkProps);\n }\n\n if (props.href && props.anchorProps) {\n return toRefs(props.anchorProps);\n }\n\n return {};\n });\n</script>\n\n<template>\n <li\n :id=\"`tab-${props.value}`\"\n role=\"tab\"\n :aria-selected=\"isTabActive\"\n :aria-controls=\"panelId\"\n :aria-disabled=\"props.disabled\"\n class=\"stash-tab\"\n :class=\"[\n {\n 'stash-tab--active is-active': isTabActive,\n 'stash-tab--disabled': props.disabled,\n 'stash-tab--variant-line': variant === 'line',\n 'stash-tab--variant-enclosed': variant === 'enclosed',\n },\n ]\"\n @click=\"onClick(props.value)\"\n @keypress.enter=\"onClick(props.value)\"\n >\n <component\n v-bind=\"dynamicComponentAttrs\"\n :is=\"is\"\n :to=\"props.to\"\n :href=\"props.href\"\n class=\"tw-relative tw-flex tw-cursor-pointer tw-items-center tw-justify-center tw-whitespace-nowrap tw-border-solid tw-py-1.5 tw-text-sm tw-font-medium hover:tw-no-underline\"\n :class=\"[\n {\n 'tw-border-b-2': variant === 'line',\n 'tw-border-t-4 tw-px-6': variant === 'enclosed',\n 'tw-rounded-t tw-border-b tw-border-b-ice-200 tw-bg-white': isTabActive && variant === 'enclosed',\n [classes['custom-shadow']]: isTabActive && variant === 'enclosed',\n 'focus:tw-no-underline': props.href,\n 'tw-pointer-events-none tw-text-ice-500': props.disabled,\n 'tw-text-ice-700': !props.disabled && !isTabActive,\n },\n [\n isTabActive\n ? 'tw-border-blue-500 tw-text-blue-500'\n : 'tw-border-transparent hover:tw-text-blue-500 focus:tw-text-blue-500',\n ],\n ]\"\n :tabindex=\"props.disabled ? -1 : 0\"\n >\n <!-- The margin-top on the <div> below is necessary to fix the vertical alignment of text in the default slot since our Sofia font has extra space under the baseline -->\n <div class=\"tw-mt-0.5\">\n <Badge :content=\"props.badge\" position=\"inline\" color=\"red\" :is-disabled=\"props.disabled\">\n <slot :is-active=\"isTabActive\" :is-disabled=\"props.disabled\" :variant=\"variant\"></slot>\n </Badge>\n </div>\n </component>\n </li>\n</template>\n\n<style module>\n /* this removes the bottom shadow from the active tab */\n .custom-shadow {\n box-shadow: 0 -4px 4px rgba(0 0 0 / 10%);\n }\n</style>\n"],"names":["props","__props","classes","useCssModule","tabsInjection","inject","TABS_INJECTION","setActiveTab","activeTab","variant","isTabActive","computed","is","onClick","tabValue","panelId","onMounted","nextTick","logger","dynamicComponentAttrs","toRefs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDE,UAAMA,IAAQC,GAERC,IAAUC,KAEVC,IAAgBC,EAAOC,EAAe,GAAG;AAE/C,QAAI,CAACF;AACH,YAAM,MAAM,0DAA0D;AAGxE,UAAM,EAAE,cAAAG,GAAc,WAAAC,GAAW,SAAAC,EAAA,IAAYL,GAEvCM,IAAcC,EAAS,MACpBX,EAAM,UAAUQ,EAAU,KAClC,GAEKI,IAAKD,EAAS,MACdX,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,QACR;AAKD,aAASa,EAAQC,GAAkB;AACjC,MAAId,EAAM,YAIVO,EAAaO,CAAQ;AAAA,IACvB;AAEA,UAAMC,IAAUJ,EAAS,MAAM,YAAYX,EAAM,OAAO;AAExD,IAAAgB,EAAU,YAAY;AACpB,YAAMC,EAAS,GAEX,QAAQ,IAAI,aAAa,UAAUP,EAAY,SAAS,CAAC,SAAS,eAAeK,EAAQ,KAAK,KAEzFG,EAAA;AAAA,QACL,yBAAyBlB,EAAM,uJAAuJe,EAAQ;AAAA,MAAA;AAAA,IAElM,CACD;AAEK,UAAAI,IAAwBR,EAAS,MACjCX,EAAM,MAAMA,EAAM,kBACboB,EAAOpB,EAAM,eAAe,IAGjCA,EAAM,QAAQA,EAAM,cACfoB,EAAOpB,EAAM,WAAW,IAG1B,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/Tabs.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as o, s as t } from "./Tabs.vue_used_vue_type_style_index_0_lang.module-
|
|
2
|
-
import { T as C, a as E } from "./Tabs.vue_used_vue_type_style_index_0_lang.module-
|
|
1
|
+
import { _ as o, s as t } from "./Tabs.vue_used_vue_type_style_index_0_lang.module-d7530989.js";
|
|
2
|
+
import { T as C, a as E } from "./Tabs.vue_used_vue_type_style_index_0_lang.module-d7530989.js";
|
|
3
3
|
import { _ as r } from "./_plugin-vue_export-helper-dad06003.js";
|
|
4
4
|
import "vue";
|
|
5
5
|
import "lodash-es/debounce";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as U, useCssModule as V, ref as
|
|
1
|
+
import { defineComponent as U, useCssModule as V, ref as r, computed as b, provide as j, onMounted as J, onUpdated as R, onDeactivated as q, onBeforeUnmount as F, openBlock as k, createElementBlock as K, createElementVNode as f, normalizeStyle as W, normalizeClass as I, renderSlot as L, createBlock as Y, withCtx as A, unref as p, createTextVNode as G, toDisplayString as H, createVNode as P, createCommentVNode as Q } from "vue";
|
|
2
2
|
import X from "lodash-es/debounce";
|
|
3
3
|
import Z from "lodash-es/uniqueId";
|
|
4
4
|
import { DEBOUNCE as ee } from "./constants.js";
|
|
5
5
|
import { t as te } from "./locale.js";
|
|
6
6
|
import oe from "./Dropdown.js";
|
|
7
|
-
import
|
|
8
|
-
const
|
|
7
|
+
import ae from "./Icon.js";
|
|
8
|
+
const re = Object.freeze({
|
|
9
9
|
key: Symbol("TABS_INJECTION_KEY")
|
|
10
10
|
});
|
|
11
11
|
var N = /* @__PURE__ */ ((s) => (s.Line = "line", s.Enclosed = "enclosed", s))(N || {});
|
|
@@ -21,7 +21,7 @@ const se = {
|
|
|
21
21
|
},
|
|
22
22
|
emits: ["update:activeTab"],
|
|
23
23
|
setup(s, { emit: O }) {
|
|
24
|
-
const D = O, d = s, M = V(), l =
|
|
24
|
+
const D = O, d = s, M = V(), l = r(), c = r(), i = r(void 0), B = "IntersectionObserver" in window, a = r(/* @__PURE__ */ new Set()), m = r(0), h = r(), E = Z("more-dropdown-menu-"), u = r(!1), g = b({
|
|
25
25
|
get() {
|
|
26
26
|
return d.activeTab;
|
|
27
27
|
},
|
|
@@ -32,7 +32,7 @@ const se = {
|
|
|
32
32
|
function S(t) {
|
|
33
33
|
g.value = t;
|
|
34
34
|
}
|
|
35
|
-
j(
|
|
35
|
+
j(re.key, {
|
|
36
36
|
activeTab: b(() => g.value),
|
|
37
37
|
variant: b(() => d.variant),
|
|
38
38
|
setActiveTab: S
|
|
@@ -49,11 +49,11 @@ const se = {
|
|
|
49
49
|
if (i.value = new IntersectionObserver((e) => {
|
|
50
50
|
e.forEach((o) => {
|
|
51
51
|
const n = o.target.getAttribute("id");
|
|
52
|
-
o.intersectionRatio > 0.94 ?
|
|
52
|
+
o.intersectionRatio > 0.94 ? a.value.has(n) && a.value.delete(n) : n && !a.value.has(n) && a.value.add(n);
|
|
53
53
|
});
|
|
54
54
|
}, _), t.forEach((e) => {
|
|
55
55
|
var o;
|
|
56
|
-
(o = i.value) == null || o.observe(e),
|
|
56
|
+
(o = i.value) == null || o.observe(e), a.value.has(e.getAttribute("id")) ? e.classList.add("tw-invisible") : e.classList.remove("tw-invisible");
|
|
57
57
|
}), m.value = (T = (C = h.value) == null ? void 0 : C.$el) == null ? void 0 : T.getBoundingClientRect().width, !c.value)
|
|
58
58
|
return;
|
|
59
59
|
Array.from(c.value.children).forEach((e) => {
|
|
@@ -75,7 +75,7 @@ const se = {
|
|
|
75
75
|
"aria-disabled:hover:tw-cursor-default",
|
|
76
76
|
"aria-selected:tw-text-white",
|
|
77
77
|
"aria-selected:tw-bg-blue-500"
|
|
78
|
-
),
|
|
78
|
+
), a.value.has(e.getAttribute("id")) ? e.classList.remove("tw-hidden") : e.classList.add("tw-hidden"), e.removeEventListener("click", () => {
|
|
79
79
|
});
|
|
80
80
|
});
|
|
81
81
|
}
|
|
@@ -102,14 +102,14 @@ const se = {
|
|
|
102
102
|
style: W({
|
|
103
103
|
width: `calc(100% - ${m.value}px)`
|
|
104
104
|
}),
|
|
105
|
-
class: I(["stash-tabs-list tw-flex tw-items-end
|
|
105
|
+
class: I(["stash-tabs-list tw-flex tw-items-end", {
|
|
106
106
|
"stash-tabs-list--line": t.variant === "line",
|
|
107
107
|
"stash-tabs-list--enclosed": t.variant === "enclosed",
|
|
108
108
|
"tw-gap-6": t.variant === "line"
|
|
109
109
|
}])
|
|
110
110
|
}, [
|
|
111
111
|
L(t.$slots, "default"),
|
|
112
|
-
|
|
112
|
+
a.value.size ? (k(), Y(oe, {
|
|
113
113
|
key: 0,
|
|
114
114
|
ref_key: "moreDropdownEl",
|
|
115
115
|
ref: h,
|
|
@@ -125,7 +125,7 @@ const se = {
|
|
|
125
125
|
onClick: (w) => z(x)
|
|
126
126
|
}, [
|
|
127
127
|
G(H(p(te)("ll.more")) + " ", 1),
|
|
128
|
-
P(
|
|
128
|
+
P(ae, { name: "caret-down" })
|
|
129
129
|
], 10, ie)
|
|
130
130
|
]),
|
|
131
131
|
default: A(() => [
|
|
@@ -148,9 +148,9 @@ const se = {
|
|
|
148
148
|
"menu-tab": "_menu-tab_frbn6_2"
|
|
149
149
|
};
|
|
150
150
|
export {
|
|
151
|
-
|
|
151
|
+
re as T,
|
|
152
152
|
fe as _,
|
|
153
153
|
N as a,
|
|
154
154
|
pe as s
|
|
155
155
|
};
|
|
156
|
-
//# sourceMappingURL=Tabs.vue_used_vue_type_style_index_0_lang.module-
|
|
156
|
+
//# sourceMappingURL=Tabs.vue_used_vue_type_style_index_0_lang.module-d7530989.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.vue_used_vue_type_style_index_0_lang.module-3aa36673.js","sources":["../src/components/Tabs/keys.ts","../src/components/Tabs/models.ts","../src/components/Tabs/Tabs.vue"],"sourcesContent":["import { Injection } from '../../../types/utils';\nimport { TabsInjection } from './models';\n\nexport const TABS_INJECTION: Injection<TabsInjection> = Object.freeze({\n key: Symbol('TABS_INJECTION_KEY'),\n});\n","import { ComputedRef } from 'vue';\n\nexport enum TabVariant {\n Line = 'line',\n Enclosed = 'enclosed',\n}\n\nexport type TabVariants = `${TabVariant}`;\n\nexport interface TabsInjection {\n activeTab: ComputedRef<string>;\n variant: ComputedRef<TabVariants>;\n setActiveTab: (newTabValue: string) => void;\n}\n","<script lang=\"ts\">\n import { TabVariant, TabVariants } from './models';\n\n export * from './keys';\n export * from './models';\n\n export interface TabsProps {\n /**\n * The currently active tab value\n */\n activeTab: string;\n\n /**\n * Tabs variant\n */\n variant?: TabVariants;\n }\n</script>\n\n<script setup lang=\"ts\">\n import debounce from 'lodash-es/debounce';\n import uniqueId from 'lodash-es/uniqueId';\n import { computed, onBeforeUnmount, onDeactivated, onMounted, onUpdated, provide, Ref, ref, useCssModule } from 'vue';\n\n import { DEBOUNCE } from '../../constants';\n import { t } from '../../locale';\n import Dropdown from '../Dropdown/Dropdown.vue';\n import Icon from '../Icon/Icon.vue';\n import { TABS_INJECTION } from './keys';\n\n const emit = defineEmits<{\n (e: 'update:activeTab', newTabValue: TabsProps['activeTab']): void;\n }>();\n\n const props = withDefaults(defineProps<TabsProps>(), {\n variant: TabVariant.Line,\n });\n const classes = useCssModule();\n\n const tabListEl = ref();\n const moreDropdownMenuEl = ref();\n const observer: Ref<IntersectionObserver | undefined> = ref(undefined);\n const hasIntersectionObserver = 'IntersectionObserver' in window;\n const overflowIds = ref<Set<string>>(new Set());\n const moreDropdownWidth = ref(0);\n const moreDropdownEl = ref<InstanceType<typeof Dropdown>>();\n const moreMenuId = uniqueId('more-dropdown-menu-');\n const isMoreMenuOpen = ref(false);\n\n const currentActiveTab = computed({\n get() {\n return props.activeTab;\n },\n set(nv: TabsProps['activeTab']) {\n emit('update:activeTab', nv);\n },\n });\n\n function setActiveTab(newTabValue: TabsProps['activeTab']) {\n currentActiveTab.value = newTabValue;\n }\n\n provide(TABS_INJECTION.key, {\n activeTab: computed(() => currentActiveTab.value),\n variant: computed(() => props.variant),\n setActiveTab,\n });\n\n function initObserve() {\n if (!hasIntersectionObserver) {\n return;\n }\n\n if (!tabListEl.value) {\n return;\n }\n\n const tabs = Array.from(tabListEl.value?.children as HTMLLIElement[]);\n const options = {\n root: tabListEl.value,\n rootMargin: '0px',\n threshold: Array.from({ length: 100 }).map((v, i) => (i + 1) / 100),\n };\n\n observer.value = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n const dataId = entry.target.getAttribute('id') as string;\n /**\n * Check for partial intersection.\n * Zooming out can result in ratio of approx 0.984\n * Anything higher will result in nav items disappearing\n */\n if (entry.intersectionRatio > 0.94) {\n // show tab, hide in dropdown\n if (overflowIds.value.has(dataId)) {\n overflowIds.value.delete(dataId);\n }\n } else {\n // hide tab, show in dropdown\n if (dataId && !overflowIds.value.has(dataId)) {\n overflowIds.value.add(dataId);\n }\n }\n });\n }, options);\n\n tabs.forEach((element) => {\n observer.value?.observe(element);\n if (overflowIds.value.has(element.getAttribute('id') as string)) {\n element.classList.add('tw-invisible');\n } else {\n element.classList.remove('tw-invisible');\n }\n });\n\n moreDropdownWidth.value = moreDropdownEl.value?.$el?.getBoundingClientRect().width;\n\n if (!moreDropdownMenuEl.value) {\n return;\n }\n\n const dropdownList = Array.from(moreDropdownMenuEl.value.children as HTMLLIElement[]);\n dropdownList.forEach((element) => {\n const firstElementChild = element.firstElementChild as Element;\n firstElementChild.className = '';\n element.className = '';\n\n element.classList.add(\n classes['menu-tab'],\n 'tw-rounded',\n 'tw-text-sm',\n 'tw-p-1.5',\n 'tw-text-left',\n 'tw-cursor-pointer',\n 'tw-text-ice-700',\n 'hover:tw-text-white',\n 'hover:tw-bg-blue-500',\n 'aria-disabled:tw-text-ice-500',\n 'aria-disabled:tw-pointer-events-none',\n 'aria-disabled:hover:tw-text-ice-500',\n 'aria-disabled:hover:tw-bg-inherit',\n 'aria-disabled:hover:tw-cursor-default',\n 'aria-selected:tw-text-white',\n 'aria-selected:tw-bg-blue-500',\n );\n\n if (!overflowIds.value.has(element.getAttribute('id') as string)) {\n element.classList.add('tw-hidden');\n } else {\n element.classList.remove('tw-hidden');\n }\n\n element.removeEventListener('click', () => {});\n });\n }\n\n const debouncedInitObserve = debounce(initObserve, DEBOUNCE.FAST, { leading: true });\n\n function destroyObserver() {\n if (observer.value) {\n observer.value.disconnect();\n observer.value = undefined;\n }\n }\n\n onMounted(() => {\n initObserve();\n });\n\n onUpdated(() => {\n destroyObserver();\n debouncedInitObserve();\n });\n\n onDeactivated(() => {\n destroyObserver();\n });\n\n onBeforeUnmount(() => {\n destroyObserver();\n });\n\n function onMoreClick(toggleMoreDropdown) {\n toggleMoreDropdown();\n isMoreMenuOpen.value = !isMoreMenuOpen.value;\n }\n</script>\n\n<template>\n <div class=\"stash-tabs tw-relative\" role=\"tabList\" data-test=\"stash-tabs\">\n <ul\n ref=\"tabListEl\"\n :style=\"{\n width: `calc(100% - ${moreDropdownWidth}px)`,\n }\"\n class=\"stash-tabs-list tw-flex tw-items-end tw-overflow-hidden\"\n :class=\"{\n 'stash-tabs-list--line': variant === 'line',\n 'stash-tabs-list--enclosed': variant === 'enclosed',\n 'tw-gap-6': variant === 'line',\n }\"\n >\n <slot></slot>\n\n <Dropdown v-if=\"overflowIds.size\" ref=\"moreDropdownEl\" class=\"!tw-absolute tw-right-0 tw-top-0\">\n <template #toggle=\"{ toggle }\">\n <button\n aria-haspopup=\"menu\"\n :aria-controls=\"moreMenuId\"\n :aria-expanded=\"isMoreMenuOpen\"\n class=\"tw-flex tw-cursor-pointer tw-items-center tw-justify-center tw-border-solid tw-px-6 tw-py-1.5 tw-text-sm tw-font-medium tw-text-blue-500 hover:tw-text-blue-700\"\n :class=\"{ 'tw-border-t-4 tw-border-transparent': props.variant === 'enclosed' }\"\n type=\"button\"\n @click=\"onMoreClick(toggle)\"\n >\n {{ t('ll.more') }}\n <Icon name=\"caret-down\" />\n </button>\n </template>\n <template #default>\n <ul :id=\"moreMenuId\" ref=\"moreDropdownMenuEl\" class=\"tw-space-y-1.5 tw-px-1.5 tw-pb-1.5\" role=\"menu\">\n <slot></slot>\n </ul>\n </template>\n </Dropdown>\n </ul>\n </div>\n</template>\n\n<style module>\n .menu-tab > a {\n /* prevents the global link styles to overwrite the overflowed tab styles */\n &,\n &:hover,\n &:focus {\n color: inherit;\n }\n }\n</style>\n"],"names":["TABS_INJECTION","TabVariant","emit","__emit","props","__props","classes","useCssModule","tabListEl","ref","moreDropdownMenuEl","observer","hasIntersectionObserver","overflowIds","moreDropdownWidth","moreDropdownEl","moreMenuId","uniqueId","isMoreMenuOpen","currentActiveTab","computed","nv","setActiveTab","newTabValue","provide","initObserve","tabs","_a","options","v","i","entries","entry","dataId","element","_c","_b","firstElementChild","debouncedInitObserve","debounce","DEBOUNCE","destroyObserver","onMounted","onUpdated","onDeactivated","onBeforeUnmount","onMoreClick","toggleMoreDropdown"],"mappings":";;;;;;;AAGa,MAAAA,KAA2C,OAAO,OAAO;AAAA,EACpE,KAAK,OAAO,oBAAoB;AAClC,CAAC;ACHW,IAAAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,WAAW,YAFDA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;AC4BV,UAAMC,IAAOC,GAIPC,IAAQC,GAGRC,IAAUC,KAEVC,IAAYC,KACZC,IAAqBD,KACrBE,IAAkDF,EAAI,MAAS,GAC/DG,IAA0B,0BAA0B,QACpDC,IAAcJ,EAAqB,oBAAA,IAAK,CAAA,GACxCK,IAAoBL,EAAI,CAAC,GACzBM,IAAiBN,KACjBO,IAAaC,EAAS,qBAAqB,GAC3CC,IAAiBT,EAAI,EAAK,GAE1BU,IAAmBC,EAAS;AAAA,MAChC,MAAM;AACJ,eAAOhB,EAAM;AAAA,MACf;AAAA,MACA,IAAIiB,GAA4B;AAC9B,QAAAnB,EAAK,oBAAoBmB,CAAE;AAAA,MAC7B;AAAA,IAAA,CACD;AAED,aAASC,EAAaC,GAAqC;AACzD,MAAAJ,EAAiB,QAAQI;AAAA,IAC3B;AAEA,IAAAC,EAAQxB,GAAe,KAAK;AAAA,MAC1B,WAAWoB,EAAS,MAAMD,EAAiB,KAAK;AAAA,MAChD,SAASC,EAAS,MAAMhB,EAAM,OAAO;AAAA,MACrC,cAAAkB;AAAA,IAAA,CACD;AAED,aAASG,IAAc;;AAKjB,UAJA,CAACb,KAID,CAACJ,EAAU;AACb;AAGF,YAAMkB,IAAO,MAAM,MAAKC,IAAAnB,EAAU,UAAV,gBAAAmB,EAAiB,QAA2B,GAC9DC,IAAU;AAAA,QACd,MAAMpB,EAAU;AAAA,QAChB,YAAY;AAAA,QACZ,WAAW,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,EAAE,IAAI,CAACqB,GAAGC,OAAOA,IAAI,KAAK,GAAG;AAAA,MAAA;AAoChE,UAjCJnB,EAAS,QAAQ,IAAI,qBAAqB,CAACoB,MAAY;AAC7C,QAAAA,EAAA,QAAQ,CAACC,MAAU;AACzB,gBAAMC,IAASD,EAAM,OAAO,aAAa,IAAI;AAMzC,UAAAA,EAAM,oBAAoB,OAExBnB,EAAY,MAAM,IAAIoB,CAAM,KAClBpB,EAAA,MAAM,OAAOoB,CAAM,IAI7BA,KAAU,CAACpB,EAAY,MAAM,IAAIoB,CAAM,KAC7BpB,EAAA,MAAM,IAAIoB,CAAM;AAAA,QAEhC,CACD;AAAA,SACAL,CAAO,GAELF,EAAA,QAAQ,CAACQ,MAAY;;AACf,SAAAP,IAAAhB,EAAA,UAAA,QAAAgB,EAAO,QAAQO,IACpBrB,EAAY,MAAM,IAAIqB,EAAQ,aAAa,IAAI,CAAW,IACpDA,EAAA,UAAU,IAAI,cAAc,IAE5BA,EAAA,UAAU,OAAO,cAAc;AAAA,MACzC,CACD,GAEDpB,EAAkB,SAAQqB,KAAAC,IAAArB,EAAe,UAAf,gBAAAqB,EAAsB,QAAtB,gBAAAD,EAA2B,wBAAwB,OAEzE,CAACzB,EAAmB;AACtB;AAIW,MADQ,MAAM,KAAKA,EAAmB,MAAM,QAA2B,EACvE,QAAQ,CAACwB,MAAY;AAChC,cAAMG,IAAoBH,EAAQ;AAClC,QAAAG,EAAkB,YAAY,IAC9BH,EAAQ,YAAY,IAEpBA,EAAQ,UAAU;AAAA,UAChB5B,EAAQ,UAAU;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,GAGGO,EAAY,MAAM,IAAIqB,EAAQ,aAAa,IAAI,CAAW,IAGrDA,EAAA,UAAU,OAAO,WAAW,IAF5BA,EAAA,UAAU,IAAI,WAAW,GAK3BA,EAAA,oBAAoB,SAAS,MAAM;AAAA,QAAA,CAAE;AAAA,MAAA,CAC9C;AAAA,IACH;AAEM,UAAAI,IAAuBC,EAASd,GAAae,GAAS,MAAM,EAAE,SAAS,IAAM;AAEnF,aAASC,IAAkB;AACzB,MAAI9B,EAAS,UACXA,EAAS,MAAM,cACfA,EAAS,QAAQ;AAAA,IAErB;AAEA,IAAA+B,EAAU,MAAM;AACF,MAAAjB;IAAA,CACb,GAEDkB,EAAU,MAAM;AACE,MAAAF,KACKH;IAAA,CACtB,GAEDM,EAAc,MAAM;AACF,MAAAH;IAAA,CACjB,GAEDI,EAAgB,MAAM;AACJ,MAAAJ;IAAA,CACjB;AAED,aAASK,EAAYC,GAAoB;AACpB,MAAAA,KACJ7B,EAAA,QAAQ,CAACA,EAAe;AAAA,IACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"Tabs.vue_used_vue_type_style_index_0_lang.module-d7530989.js","sources":["../src/components/Tabs/keys.ts","../src/components/Tabs/models.ts","../src/components/Tabs/Tabs.vue"],"sourcesContent":["import { Injection } from '../../../types/utils';\nimport { TabsInjection } from './models';\n\nexport const TABS_INJECTION: Injection<TabsInjection> = Object.freeze({\n key: Symbol('TABS_INJECTION_KEY'),\n});\n","import { ComputedRef } from 'vue';\n\nexport enum TabVariant {\n Line = 'line',\n Enclosed = 'enclosed',\n}\n\nexport type TabVariants = `${TabVariant}`;\n\nexport interface TabsInjection {\n activeTab: ComputedRef<string>;\n variant: ComputedRef<TabVariants>;\n setActiveTab: (newTabValue: string) => void;\n}\n","<script lang=\"ts\">\n import { TabVariant, TabVariants } from './models';\n\n export * from './keys';\n export * from './models';\n\n export interface TabsProps {\n /**\n * The currently active tab value\n */\n activeTab: string;\n\n /**\n * Tabs variant\n */\n variant?: TabVariants;\n }\n</script>\n\n<script setup lang=\"ts\">\n import debounce from 'lodash-es/debounce';\n import uniqueId from 'lodash-es/uniqueId';\n import { computed, onBeforeUnmount, onDeactivated, onMounted, onUpdated, provide, Ref, ref, useCssModule } from 'vue';\n\n import { DEBOUNCE } from '../../constants';\n import { t } from '../../locale';\n import Dropdown from '../Dropdown/Dropdown.vue';\n import Icon from '../Icon/Icon.vue';\n import { TABS_INJECTION } from './keys';\n\n const emit = defineEmits<{\n (e: 'update:activeTab', newTabValue: TabsProps['activeTab']): void;\n }>();\n\n const props = withDefaults(defineProps<TabsProps>(), {\n variant: TabVariant.Line,\n });\n const classes = useCssModule();\n\n const tabListEl = ref();\n const moreDropdownMenuEl = ref();\n const observer: Ref<IntersectionObserver | undefined> = ref(undefined);\n const hasIntersectionObserver = 'IntersectionObserver' in window;\n const overflowIds = ref<Set<string>>(new Set());\n const moreDropdownWidth = ref(0);\n const moreDropdownEl = ref<InstanceType<typeof Dropdown>>();\n const moreMenuId = uniqueId('more-dropdown-menu-');\n const isMoreMenuOpen = ref(false);\n\n const currentActiveTab = computed({\n get() {\n return props.activeTab;\n },\n set(nv: TabsProps['activeTab']) {\n emit('update:activeTab', nv);\n },\n });\n\n function setActiveTab(newTabValue: TabsProps['activeTab']) {\n currentActiveTab.value = newTabValue;\n }\n\n provide(TABS_INJECTION.key, {\n activeTab: computed(() => currentActiveTab.value),\n variant: computed(() => props.variant),\n setActiveTab,\n });\n\n function initObserve() {\n if (!hasIntersectionObserver) {\n return;\n }\n\n if (!tabListEl.value) {\n return;\n }\n\n const tabs = Array.from(tabListEl.value?.children as HTMLLIElement[]);\n const options = {\n root: tabListEl.value,\n rootMargin: '0px',\n threshold: Array.from({ length: 100 }).map((v, i) => (i + 1) / 100),\n };\n\n observer.value = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n const dataId = entry.target.getAttribute('id') as string;\n /**\n * Check for partial intersection.\n * Zooming out can result in ratio of approx 0.984\n * Anything higher will result in nav items disappearing\n */\n if (entry.intersectionRatio > 0.94) {\n // show tab, hide in dropdown\n if (overflowIds.value.has(dataId)) {\n overflowIds.value.delete(dataId);\n }\n } else {\n // hide tab, show in dropdown\n if (dataId && !overflowIds.value.has(dataId)) {\n overflowIds.value.add(dataId);\n }\n }\n });\n }, options);\n\n tabs.forEach((element) => {\n observer.value?.observe(element);\n if (overflowIds.value.has(element.getAttribute('id') as string)) {\n element.classList.add('tw-invisible');\n } else {\n element.classList.remove('tw-invisible');\n }\n });\n\n moreDropdownWidth.value = moreDropdownEl.value?.$el?.getBoundingClientRect().width;\n\n if (!moreDropdownMenuEl.value) {\n return;\n }\n\n const dropdownList = Array.from(moreDropdownMenuEl.value.children as HTMLLIElement[]);\n dropdownList.forEach((element) => {\n const firstElementChild = element.firstElementChild as Element;\n firstElementChild.className = '';\n element.className = '';\n\n element.classList.add(\n classes['menu-tab'],\n 'tw-rounded',\n 'tw-text-sm',\n 'tw-p-1.5',\n 'tw-text-left',\n 'tw-cursor-pointer',\n 'tw-text-ice-700',\n 'hover:tw-text-white',\n 'hover:tw-bg-blue-500',\n 'aria-disabled:tw-text-ice-500',\n 'aria-disabled:tw-pointer-events-none',\n 'aria-disabled:hover:tw-text-ice-500',\n 'aria-disabled:hover:tw-bg-inherit',\n 'aria-disabled:hover:tw-cursor-default',\n 'aria-selected:tw-text-white',\n 'aria-selected:tw-bg-blue-500',\n );\n\n if (!overflowIds.value.has(element.getAttribute('id') as string)) {\n element.classList.add('tw-hidden');\n } else {\n element.classList.remove('tw-hidden');\n }\n\n element.removeEventListener('click', () => {});\n });\n }\n\n const debouncedInitObserve = debounce(initObserve, DEBOUNCE.FAST, { leading: true });\n\n function destroyObserver() {\n if (observer.value) {\n observer.value.disconnect();\n observer.value = undefined;\n }\n }\n\n onMounted(() => {\n initObserve();\n });\n\n onUpdated(() => {\n destroyObserver();\n debouncedInitObserve();\n });\n\n onDeactivated(() => {\n destroyObserver();\n });\n\n onBeforeUnmount(() => {\n destroyObserver();\n });\n\n function onMoreClick(toggleMoreDropdown) {\n toggleMoreDropdown();\n isMoreMenuOpen.value = !isMoreMenuOpen.value;\n }\n</script>\n\n<template>\n <div class=\"stash-tabs tw-relative\" role=\"tabList\" data-test=\"stash-tabs\">\n <ul\n ref=\"tabListEl\"\n :style=\"{\n width: `calc(100% - ${moreDropdownWidth}px)`,\n }\"\n class=\"stash-tabs-list tw-flex tw-items-end\"\n :class=\"{\n 'stash-tabs-list--line': variant === 'line',\n 'stash-tabs-list--enclosed': variant === 'enclosed',\n 'tw-gap-6': variant === 'line',\n }\"\n >\n <slot></slot>\n\n <Dropdown v-if=\"overflowIds.size\" ref=\"moreDropdownEl\" class=\"!tw-absolute tw-right-0 tw-top-0\">\n <template #toggle=\"{ toggle }\">\n <button\n aria-haspopup=\"menu\"\n :aria-controls=\"moreMenuId\"\n :aria-expanded=\"isMoreMenuOpen\"\n class=\"tw-flex tw-cursor-pointer tw-items-center tw-justify-center tw-border-solid tw-px-6 tw-py-1.5 tw-text-sm tw-font-medium tw-text-blue-500 hover:tw-text-blue-700\"\n :class=\"{ 'tw-border-t-4 tw-border-transparent': props.variant === 'enclosed' }\"\n type=\"button\"\n @click=\"onMoreClick(toggle)\"\n >\n {{ t('ll.more') }}\n <Icon name=\"caret-down\" />\n </button>\n </template>\n <template #default>\n <ul :id=\"moreMenuId\" ref=\"moreDropdownMenuEl\" class=\"tw-space-y-1.5 tw-px-1.5 tw-pb-1.5\" role=\"menu\">\n <slot></slot>\n </ul>\n </template>\n </Dropdown>\n </ul>\n </div>\n</template>\n\n<style module>\n .menu-tab > a {\n /* prevents the global link styles to overwrite the overflowed tab styles */\n &,\n &:hover,\n &:focus {\n color: inherit;\n }\n }\n</style>\n"],"names":["TABS_INJECTION","TabVariant","emit","__emit","props","__props","classes","useCssModule","tabListEl","ref","moreDropdownMenuEl","observer","hasIntersectionObserver","overflowIds","moreDropdownWidth","moreDropdownEl","moreMenuId","uniqueId","isMoreMenuOpen","currentActiveTab","computed","nv","setActiveTab","newTabValue","provide","initObserve","tabs","_a","options","v","i","entries","entry","dataId","element","_c","_b","firstElementChild","debouncedInitObserve","debounce","DEBOUNCE","destroyObserver","onMounted","onUpdated","onDeactivated","onBeforeUnmount","onMoreClick","toggleMoreDropdown"],"mappings":";;;;;;;AAGa,MAAAA,KAA2C,OAAO,OAAO;AAAA,EACpE,KAAK,OAAO,oBAAoB;AAClC,CAAC;ACHW,IAAAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,WAAW,YAFDA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;AC4BV,UAAMC,IAAOC,GAIPC,IAAQC,GAGRC,IAAUC,KAEVC,IAAYC,KACZC,IAAqBD,KACrBE,IAAkDF,EAAI,MAAS,GAC/DG,IAA0B,0BAA0B,QACpDC,IAAcJ,EAAqB,oBAAA,IAAK,CAAA,GACxCK,IAAoBL,EAAI,CAAC,GACzBM,IAAiBN,KACjBO,IAAaC,EAAS,qBAAqB,GAC3CC,IAAiBT,EAAI,EAAK,GAE1BU,IAAmBC,EAAS;AAAA,MAChC,MAAM;AACJ,eAAOhB,EAAM;AAAA,MACf;AAAA,MACA,IAAIiB,GAA4B;AAC9B,QAAAnB,EAAK,oBAAoBmB,CAAE;AAAA,MAC7B;AAAA,IAAA,CACD;AAED,aAASC,EAAaC,GAAqC;AACzD,MAAAJ,EAAiB,QAAQI;AAAA,IAC3B;AAEA,IAAAC,EAAQxB,GAAe,KAAK;AAAA,MAC1B,WAAWoB,EAAS,MAAMD,EAAiB,KAAK;AAAA,MAChD,SAASC,EAAS,MAAMhB,EAAM,OAAO;AAAA,MACrC,cAAAkB;AAAA,IAAA,CACD;AAED,aAASG,IAAc;;AAKjB,UAJA,CAACb,KAID,CAACJ,EAAU;AACb;AAGF,YAAMkB,IAAO,MAAM,MAAKC,IAAAnB,EAAU,UAAV,gBAAAmB,EAAiB,QAA2B,GAC9DC,IAAU;AAAA,QACd,MAAMpB,EAAU;AAAA,QAChB,YAAY;AAAA,QACZ,WAAW,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,EAAE,IAAI,CAACqB,GAAGC,OAAOA,IAAI,KAAK,GAAG;AAAA,MAAA;AAoChE,UAjCJnB,EAAS,QAAQ,IAAI,qBAAqB,CAACoB,MAAY;AAC7C,QAAAA,EAAA,QAAQ,CAACC,MAAU;AACzB,gBAAMC,IAASD,EAAM,OAAO,aAAa,IAAI;AAMzC,UAAAA,EAAM,oBAAoB,OAExBnB,EAAY,MAAM,IAAIoB,CAAM,KAClBpB,EAAA,MAAM,OAAOoB,CAAM,IAI7BA,KAAU,CAACpB,EAAY,MAAM,IAAIoB,CAAM,KAC7BpB,EAAA,MAAM,IAAIoB,CAAM;AAAA,QAEhC,CACD;AAAA,SACAL,CAAO,GAELF,EAAA,QAAQ,CAACQ,MAAY;;AACf,SAAAP,IAAAhB,EAAA,UAAA,QAAAgB,EAAO,QAAQO,IACpBrB,EAAY,MAAM,IAAIqB,EAAQ,aAAa,IAAI,CAAW,IACpDA,EAAA,UAAU,IAAI,cAAc,IAE5BA,EAAA,UAAU,OAAO,cAAc;AAAA,MACzC,CACD,GAEDpB,EAAkB,SAAQqB,KAAAC,IAAArB,EAAe,UAAf,gBAAAqB,EAAsB,QAAtB,gBAAAD,EAA2B,wBAAwB,OAEzE,CAACzB,EAAmB;AACtB;AAIW,MADQ,MAAM,KAAKA,EAAmB,MAAM,QAA2B,EACvE,QAAQ,CAACwB,MAAY;AAChC,cAAMG,IAAoBH,EAAQ;AAClC,QAAAG,EAAkB,YAAY,IAC9BH,EAAQ,YAAY,IAEpBA,EAAQ,UAAU;AAAA,UAChB5B,EAAQ,UAAU;AAAA,UAClB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,GAGGO,EAAY,MAAM,IAAIqB,EAAQ,aAAa,IAAI,CAAW,IAGrDA,EAAA,UAAU,OAAO,WAAW,IAF5BA,EAAA,UAAU,IAAI,WAAW,GAK3BA,EAAA,oBAAoB,SAAS,MAAM;AAAA,QAAA,CAAE;AAAA,MAAA,CAC9C;AAAA,IACH;AAEM,UAAAI,IAAuBC,EAASd,GAAae,GAAS,MAAM,EAAE,SAAS,IAAM;AAEnF,aAASC,IAAkB;AACzB,MAAI9B,EAAS,UACXA,EAAS,MAAM,cACfA,EAAS,QAAQ;AAAA,IAErB;AAEA,IAAA+B,EAAU,MAAM;AACF,MAAAjB;IAAA,CACb,GAEDkB,EAAU,MAAM;AACE,MAAAF,KACKH;IAAA,CACtB,GAEDM,EAAc,MAAM;AACF,MAAAH;IAAA,CACjB,GAEDI,EAAgB,MAAM;AACJ,MAAAJ;IAAA,CACjB;AAED,aAASK,EAAYC,GAAoB;AACpB,MAAAA,KACJ7B,EAAA,QAAQ,CAACA,EAAe;AAAA,IACzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/components.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
._button_4w1qh_2{border-radius:.25rem;border-width:1px;display:inline-block;font-size:.875rem;font-weight:600;line-height:2.125rem;margin:0;min-width:144px;padding:0 .75rem;text-align:center;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle;white-space:nowrap}@media (min-width: 961px){._button_4w1qh_2:focus{-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.14);box-shadow:0 0 0 3px #007bff24;outline:none}._button_4w1qh_2:hover{-webkit-text-decoration:none;text-decoration:none}}._button_4w1qh_2[disabled]{cursor:default;pointer-events:none}._button--solid_4w1qh_36{background-color:var(--button-color);border-color:transparent;color:var(--text-color)}@media (min-width: 961px){._button--solid_4w1qh_36:hover{background-color:var(--button-hover-color)}}._button--solid_4w1qh_36:active{background-color:var(--button-hover-color)}._button--solid_4w1qh_36[disabled]:not(.stash-button--is-loading){--button-color: var(--color-ice-500) !important}._button--ghost_4w1qh_58{background-color:#0000;border-color:var(--button-color);color:var(--text-color)}@media (min-width: 961px){._button--ghost_4w1qh_58:hover{background-color:var(--button-hover-color)}}._button--ghost_4w1qh_58:active{background-color:var(--button-hover-color)}._button--ghost_4w1qh_58[disabled]:not(.stash-button--is-loading){--button-color: var(--color-ice-500) !important;--text-color: var(--color-ice-500) !important}._button--primary_4w1qh_81{--button-color: var(--color-blue-500);--button-hover-color: var(--color-blue-hover);--text-color: var(--color-white)}._button--secondary_4w1qh_88{--button-color: var(--color-ice-500);--button-hover-color: var(--color-ice-700-hover);--text-color: var(--color-ice-700)}._button--tertiary_4w1qh_95{--button-color: var(--color-white);--button-hover-color: var(--color-white-hover);--text-color: var(--color-white)}._button--icon_4w1qh_102,._button--iconLabel_4w1qh_103{border:0;border-radius:.25rem;height:3rem;min-width:3rem;-webkit-text-decoration:none;text-decoration:none}._button--icon_4w1qh_102{padding:.75rem;width:3rem}._button--iconLabel_4w1qh_103{padding:0;width:auto;width:initial}@media (min-width: 961px){._button--icon_4w1qh_102:hover,._button--iconLabel_4w1qh_103:hover{-webkit-text-decoration:none;text-decoration:none}}._button--icon_4w1qh_102 svg,._button--iconLabel_4w1qh_103 svg{display:block;margin-left:auto;margin-right:auto}._button--icon_4w1qh_102[disabled]:not(.stash-button--is-loading) svg,._button--iconLabel_4w1qh_103[disabled]:not(.stash-button--is-loading),._button--iconLabel_4w1qh_103[disabled]:not(.stash-button--is-loading) svg{color:var(--color-ice-500)}._button--inline_4w1qh_143{border:0;color:var(--color-blue-500);font-weight:500;line-height:1.5;min-width:0;padding:0}._button--inline_4w1qh_143:hover{-webkit-text-decoration:underline;text-decoration:underline}._button--inline_4w1qh_143[disabled]{color:var(--color-ice-500)}._button--blue_4w1qh_161._button--primary_4w1qh_81,._button--blue_4w1qh_161._button--secondary_4w1qh_88{--button-color: var(--color-blue-500)}._button--blue_4w1qh_161._button--primary_4w1qh_81{--button-hover-color: var(--color-blue-hover)}._button--blue_4w1qh_161._button--secondary_4w1qh_88{--text-color: var(--color-blue-500);--button-hover-color: var(--button-secondary-blue-hover)}._button--red_4w1qh_175._button--primary_4w1qh_81,._button--red_4w1qh_175._button--secondary_4w1qh_88{--button-color: var(--color-red-500)}._button--red_4w1qh_175._button--primary_4w1qh_81{--button-hover-color: var(--color-red-hover)}._button--red_4w1qh_175._button--secondary_4w1qh_88{--text-color: var(--color-red-500);--button-hover-color: var(--button-secondary-red-hover)}.button-grid>._button_4w1qh_2,.header-button-grid>._button_4w1qh_2{width:50%}.button-grid>._button_4w1qh_2+._button_4w1qh_2{margin-left:1.5rem}@media (min-width: 640px){.button-grid>._button_4w1qh_2{width:auto}}.header-button-grid>._button_4w1qh_2+._button_4w1qh_2{margin-left:1.5rem}@media (min-width: 961px){.header-button-grid>._button_4w1qh_2{width:auto}}._input_bhz1o_2:disabled+._label_bhz1o_2{cursor:auto}._label_bhz1o_2:before{content:"";border:1px solid var(--color-ice-500);display:inline-block;vertical-align:top}._label_bhz1o_2:before,._label_bhz1o_2:after{border-radius:.25rem;height:20px;left:0;position:absolute;top:.375rem;width:20px}._has-error_bhz1o_23 ._label_bhz1o_2:before,._has-error_bhz1o_23 ._input_bhz1o_2{border-color:var(--color-red-500)}._input_bhz1o_2:indeterminate+._label_bhz1o_2:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 10.4C6 10.1791 6.17909 10 6.4 10H17.6C17.8209 10 18 10.1791 18 10.4V12.6C18 12.8209 17.8209 13 17.6 13H6.4C6.17909 13 6 12.8209 6 12.6V10.4Z" fill="white"/></svg>')}._input_bhz1o_2:checked+._label_bhz1o_2:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.89 8.281a.723.723 0 0 1 .22.531.723.723 0 0 1-.22.532l-6.718 6.719a.723.723 0 0 1-.531.218.723.723 0 0 1-.532-.218l-3.89-3.891A.723.723 0 0 1 6 11.64c0-.209.073-.386.219-.532l1.062-1.062a.723.723 0 0 1 .532-.219.72.72 0 0 1 .53.219l2.298 2.305 5.125-5.133a.723.723 0 0 1 .53-.219c.21 0 .386.073.532.219l1.063 1.062z" fill="white"/></svg>');background:var(--color-blue-500);height:20px;width:20px;top:.375rem}._input_bhz1o_2:checked+._label_bhz1o_2:before,._input_bhz1o_2:indeterminate+._label_bhz1o_2:before{background:var(--color-blue-500);border-color:var(--color-blue-500)}._input_bhz1o_2:disabled+._label_bhz1o_2:before,._input_bhz1o_2:disabled+._label_bhz1o_2:after{background:var(--color-ice-100);border:1px solid var(--color-ice-500)}._input_bhz1o_2:disabled:checked+._label_bhz1o_2:after{background:var(--color-ice-500)}._input_bhz1o_2:disabled:indeterminate+._label_bhz1o_2:after{background:var(--color-ice-500)}._input_bhz1o_2:not(:disabled):not(:checked):not(:indeterminate)+._label_bhz1o_2:hover:before{border-color:var(--color-blue-500)}._pagination_14zhb_2{margin-top:3rem;z-index:0}._pagination_14zhb_2 a,._pagination_14zhb_2 button{border-width:1px}._pagination_14zhb_2 a,._pagination_14zhb_2 button{border-style:solid}._pagination_14zhb_2 a,._pagination_14zhb_2 button{--tw-border-opacity: 1;border-color:#e8e9ee;border-color:rgba(232,233,238,var(--tw-border-opacity))}._pagination_14zhb_2 a,._pagination_14zhb_2 button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;color:var(--color-blue-500);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 -1px;width:2.25rem}._pagination_14zhb_2 a._prev_14zhb_20,._pagination_14zhb_2 button._prev_14zhb_20{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}._pagination_14zhb_2 a._next_14zhb_25,._pagination_14zhb_2 button._next_14zhb_25{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}._pagination_14zhb_2 a:focus,._pagination_14zhb_2 button:focus{outline:none}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover{-webkit-text-decoration:none;text-decoration:none}._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{background-color:var(--color-blue-500);color:#fff;pointer-events:none;z-index:200}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{border-width:1px}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{border-style:solid}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{--tw-border-opacity: 1;border-color:#0072f0;border-color:rgba(0,114,240,var(--tw-border-opacity))}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{position:relative}._pagination_14zhb_2 a._is-disabled_14zhb_51,._pagination_14zhb_2 button._is-disabled_14zhb_51{cursor:not-allowed;opacity:.5}._root_hagg9_2{max-width:600px}._image_hagg9_6{max-width:60px}@-webkit-keyframes _loading_ing3s_1{0%{stroke-dashoffset:250;-webkit-transform:rotate3d(0,0,1,-360deg);transform:rotate3d(0,0,1,-360deg)}to{stroke-dashoffset:40;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}@keyframes _loading_ing3s_1{0%{stroke-dashoffset:250;-webkit-transform:rotate3d(0,0,1,-360deg);transform:rotate3d(0,0,1,-360deg)}to{stroke-dashoffset:40;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}._spinner_ing3s_14{width:48px}._spinner_ing3s_14 svg{display:block;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}._spinner_ing3s_14 circle{-webkit-animation:_loading_ing3s_1 1.5s ease-in-out alternate infinite;animation:_loading_ing3s_1 1.5s ease-in-out alternate infinite;stroke-dasharray:250;-webkit-transform-origin:center center;transform-origin:center center}._separator_5w47w_2:before,._separator_5w47w_2:after{border-bottom:1px solid var(--color-ice-200);content:"";-webkit-box-flex:1;-ms-flex:1;flex:1}._separator_5w47w_2:not(:empty):before{margin-right:.75rem}._separator_5w47w_2:not(:empty):after{margin-left:.75rem}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2 button{width:100%!important}}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2 button:nth-child(2){margin-bottom:.75rem}}._root_ul6uq_2{position:relative;margin:.375rem 0}._label_ul6uq_7{color:var(--color-ice-700);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:400;line-height:1.5rem;min-height:2.25rem;overflow:visible;padding:.375rem 0 .375rem calc(20px + .75rem);position:relative;vertical-align:top}._label_ul6uq_7:before{background:var(--color-white);border:1px solid var(--color-ice-500);content:"";display:inline-block;vertical-align:top}._label_ul6uq_7:before,._label_ul6uq_7:after{height:20px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;border-radius:50%}._error_ul6uq_40 ._label_ul6uq_7{color:var(--color-red-500)}._error_ul6uq_40 ._label_ul6uq_7:before,._error_ul6uq_40 ._input_ul6uq_45{border-color:var(--color-red-500)}._input_ul6uq_45:checked+._label_ul6uq_7:after{background:var(--color-blue-500);content:"";height:14px;left:3px;width:14px}._input_ul6uq_45:checked:disabled+._label_ul6uq_7:after{background:var(--color-ice-500)}._input_ul6uq_45:not(:disabled):not(:checked)+._label_ul6uq_7:hover:before{border-color:var(--color-blue-500)}@media (min-width: 961px){._root_ul6uq_2 input{margin:0}}._item_12k6c_2{background:var(--color-white);border-radius:.25rem;grid-column-gap:var(--grid-gutter);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;padding:3rem .75rem .75rem;position:relative;grid-row-gap:var(--grid-gutter);row-gap:var(--grid-gutter)}@media (min-width: 640px){._item_12k6c_2{grid-template-columns:repeat(8,1fr)}}@media (min-width: 961px){._item_12k6c_2{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--color-ice-200);border-radius:0;-webkit-box-shadow:none;box-shadow:none;grid-template-columns:repeat(12,1fr);margin-bottom:0;padding:1.5rem;row-gap:0}._item_12k6c_2:last-child{border:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}._is-selectable_12k6c_41{grid-template-columns:.375rem repeat(12,1fr)}}._not-actionable_12k6c_46{padding-top:.75rem}@media (min-width: 961px){._not-actionable_12k6c_46{padding-top:1.5rem}}._checkbox_12k6c_56{left:.75rem;position:absolute!important;top:0}@media (min-width: 961px){._checkbox_12k6c_56{left:0;position:relative!important}._checkbox_12k6c_56 label{padding:10px}}._cell_3gkxo_2{background-color:var(--color-ice-100);border-radius:.25rem;padding:.375rem}._cell_3gkxo_2 .stash-label{font-size:.75rem}@media (min-width: 961px){._cell_3gkxo_2{background:none;padding:0}._cell_3gkxo_2 .stash-label{display:none!important}}._action_3gkxo_21{position:absolute;right:0;top:0}@media (min-width: 961px){._action_3gkxo_21{position:static;position:initial}}._toggle_1lu5k_2{outline:2px solid transparent;outline-offset:2px;--tw-ring-color: rgba(0, 114, 240, var(--tw-ring-opacity));--tw-ring-opacity: .15;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;gap:.375rem;padding:17px;outline:none;border-radius:.25rem}._toggle_1lu5k_2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}._toggle_1lu5k_2:focus-visible{border-color:var(--color-ice-900);padding:15px;border-width:2px}--open._toggle_1lu5k_2{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (hover: hover){._toggle_1lu5k_2:hover{background-color:var(--color-ice-100)}}._toggle_1lu5k_2:active{background-color:var(--color-ice-200)}._toggle_1lu5k_2:active+hr,._toggle_1lu5k_2:hover+hr{opacity:0}._actionButton_144dr_2{min-width:156px;white-space:normal}._actionButton_144dr_2:hover{background-color:var(--color-blue-100);border-color:var(--color-blue-500)!important}._disabled_144dr_12{background-color:var(--color-ice-100)!important;border-color:var(--color-ice-500)!important;color:var(--color-ice-500)!important}._dropdownContent_144dr_18{margin-top:4px}._dropdownContent_144dr_18.dropdown__content{margin-left:0;margin-right:0;max-width:90vw}._dropdownContent_144dr_18.dropdown__content:after{display:none}@media (min-width: 640px){._actionsDropdown_144dr_33,._dropdownContent_144dr_18.dropdown__content{min-width:156px}}.stash-alert__link a,.stash-alert__link button{color:var(--color-ice-900);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.stash-alert__link a:hover,.stash-alert__link button:hover{-webkit-text-decoration:none;text-decoration:none}.stash-alert--filled.stash-alert--error .stash-alert__link a,.stash-alert--filled.stash-alert--info .stash-alert__link a,.stash-alert--filled.stash-alert--error .stash-alert__link button,.stash-alert--filled.stash-alert--info .stash-alert__link button{color:#fff}._item_n8mr7_2{border-left:6px solid transparent;color:var(--color-ice-500);padding:10px 12px;-webkit-transition:background-color .15s;transition:background-color .15s}._item_n8mr7_2:hover,._item_n8mr7_2:focus{-webkit-text-decoration:none;text-decoration:none;background:#140e35}._sub-items_n8mr7_15 ._item_n8mr7_2{padding-left:40px}._expanded_n8mr7_19{background-color:#263256}._active_n8mr7_23{color:var(--color-seafoam-500);border-color:var(--color-seafoam-500);background:#140e35}._caret_n8mr7_29{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}._expanded_n8mr7_19 ._caret_n8mr7_29{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.stash-app-sidebar__aside[data-v-8ae19347]{padding-top:calc(3.5rem - 1px);width:17.5rem}.stash-app-sidebar__divider[data-v-8ae19347]:before,.stash-app-sidebar__divider[data-v-8ae19347]:after{border-bottom:1px solid rgba(255,255,255,.12)}.backdrop-enter-active[data-v-8ae19347],.backdrop-leave-active[data-v-8ae19347]{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.backdrop-enter-from[data-v-8ae19347],.backdrop-leave-to[data-v-8ae19347]{opacity:0}.aside-enter-active[data-v-8ae19347],.aside-leave-active[data-v-8ae19347]{-webkit-transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.aside-enter-from[data-v-8ae19347],.aside-leave-to[data-v-8ae19347]{opacity:0;-webkit-transform:translateX(-20%);transform:translate(-20%)}._root_g79af_2{font-size:.875rem;height:2.25rem;line-height:calc(2.25rem + 2px);width:2.25rem}._clickable_g79af_9:hover,._clickable_g79af_9:focus,._clickable_g79af_9:active{outline:1px solid var(--color-blue-500);outline-offset:-1px}._clickable_g79af_9:focus,._clickable_g79af_9:active{-webkit-box-shadow:0 0 0 4px rgba(0,114,240,.15);box-shadow:0 0 0 4px #0072f026}._buttonGroup_1bnlz_3.w-full>button{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;max-width:100%}._button_1bnlz_3{border:1px solid var(--color-ice-500);border-radius:0;font-weight:600;line-height:20/14;min-width:100px;padding:7px 8px}._single_1bnlz_17 ._button_1bnlz_3{border:1px solid var(--color-ice-700);color:var(--color-ice-700)}._button_1bnlz_3:focus,._button_1bnlz_3:hover{border:1px solid var(--color-blue-500)!important;color:var(--color-blue-500);z-index:1}._button_1bnlz_3._active_1bnlz_29{background-color:var(--color-blue-100);border:1px solid var(--color-blue-500)!important;color:var(--color-blue-500);cursor:default;z-index:1}._button_1bnlz_3._active_1bnlz_29+button{border-left:1px solid transparent}._single_1bnlz_17 ._button_1bnlz_3._active_1bnlz_29,._can-deactivate_1bnlz_42 ._button_1bnlz_3._active_1bnlz_29{cursor:pointer}._button_1bnlz_3[disabled]{color:var(--color-ice-500);cursor:default;pointer-events:none}._button_1bnlz_3:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}._button_1bnlz_3:not(:first-child){margin-left:-1px}._button_1bnlz_3:not(:last-child){border-right:1px solid transparent}._button_1bnlz_3:first-child{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}._button_1bnlz_3:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}._placeholder_z4275_2{height:300px;width:100%}._iconSize_z4275_7{width:189px;height:189px}._stash-confirmation-code-input-container_kwgaz_2{--otp-digits: var(--b1b2f1d6);--otp-container-width: calc(var(--otp-digits) * 60px);width:calc(var(--b1b2f1d6) * 60px);width:var(--otp-container-width)}._otp-code-input_kwgaz_9{border-radius:4px;caret-color:transparent;height:36px;width:36px}._otp-code-input_kwgaz_9._has-error_kwgaz_16:not(:focus){border-color:var(--color-red-500)}._otp-code-input_kwgaz_9._has-success_kwgaz_20:not(:focus){border-color:var(--color-green-500)}._otp-code-input_kwgaz_9:focus{-webkit-box-shadow:0 0 0 3px rgba(0,114,240,.15);box-shadow:0 0 0 3px #0072f026;outline:none}._hidden_lkmi6_2 ._copy_lkmi6_3{visibility:hidden}._hidden_lkmi6_2:hover ._copy_lkmi6_3{visibility:visible}._dropdown__item_ozq17_2>button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._content_zbxyu_2{--offset: 0;position:absolute;z-index:301;min-width:200px;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:#0072f0;border-color:rgba(0,114,240,var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-shadow: 0px 18px 18px 4px rgba(38, 38, 38, .05), 0px 18px 18px 4px rgba(38, 38, 38, .1), 0px 18px 30px 0px rgba(38, 38, 38, .15);--tw-shadow-colored: 0px 18px 18px 4px var(--tw-shadow-color), 0px 18px 18px 4px var(--tw-shadow-color), 0px 18px 30px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 18px 18px 4px rgba(38,38,38,.05),0px 18px 18px 4px rgba(38,38,38,.1),0px 18px 30px 0px rgba(38,38,38,.15);box-shadow:0 0 #0000,0 0 #0000,0 18px 18px 4px #2626260d,0 18px 18px 4px #2626261a,0 18px 30px #26262626;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);-webkit-transform:translateX(0px);transform:translate(0);-webkit-transform:translateX(calc(var(--offset) * 1px));transform:translate(calc(var(--offset) * 1px))}.dropdown__list{margin:.375rem;list-style-type:none;--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:0}.dropdown__item{margin-left:0;margin-right:0;margin-top:0;margin-bottom:.375rem;display:block;width:100%}.dropdown__item:first-child{margin-top:0}.dropdown__item:last-child{margin-bottom:0}.dropdown__item button{border-style:none;padding:.375rem;text-align:left}.dropdown__item :where(a,button){display:block;width:100%;border-radius:.25rem;padding-top:10px;padding-bottom:10px;padding-left:.375rem;padding-right:.375rem;--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-duration:.165s;transition-duration:.165s;-webkit-transition-timing-function:cubic-bezier(.25,.8,.5,1);transition-timing-function:cubic-bezier(.25,.8,.5,1)}.dropdown__item :where(a,button):hover{--tw-bg-opacity: 1;background-color:#e8e9ee;background-color:rgba(232,233,238,var(--tw-bg-opacity));--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none}.dropdown__item :where(a,button):disabled{cursor:default;--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity))}.stash-select[data-v-ab74bb37]{position:relative}.stash-select__content[data-v-ab74bb37],.stash-select__content-wrapper[data-v-ab74bb37]{height:2.25rem}.stash-select__content[data-v-ab74bb37]{cursor:pointer;overflow:hidden;position:absolute;background:#fff;border:1px solid var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;font-family:Sofia,sans-serif;font-size:.875rem;font-weight:400;outline:none;padding:0!important;width:100%}.stash-select__content[data-v-ab74bb37]:hover{border-color:var(--color-ice-500)}.stash-select__content[data-v-ab74bb37]:focus-within{border-color:var(--color-blue-500)!important}.stash-select--disabled .stash-select__content[data-v-ab74bb37]{background-color:var(--color-ice-200);border-color:var(--color-ice-500);color:var(--color-ice-700);pointer-events:none!important}.stash-select--active .stash-select__content[data-v-ab74bb37]{cursor:default;height:auto;min-width:5rem;overflow:visible;z-index:200;-webkit-box-shadow:0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 2px 2px #2626260d,0 2px 6px #2626261a}.stash-select--error[data-v-ab74bb37] :where(.stash-select__content,.stash-select__content:hover:not(:focus)){border-color:var(--color-red-500)!important}.stash-select__placeholder[data-v-ab74bb37]{color:var(--color-ice-500)}.stash-select--active .stash-select__placeholder[data-v-ab74bb37]{cursor:default}.stash-select__icon[data-v-ab74bb37]{color:var(--color-ice-700);cursor:pointer;pointer-events:none;position:absolute;right:.375rem;top:.375rem}.stash-select--disabled .stash-select__icon[data-v-ab74bb37]{color:var(--color-ice-500)}.stash-select--active .stash-select__icon[data-v-ab74bb37]{pointer-events:auto}.stash-select__chips[data-v-ab74bb37]{--half-space:.1875rem;padding:.1875rem;padding:var(--half-space);padding-right:2.25rem}.stash-select__chips>li[data-v-ab74bb37]{cursor:pointer;height:1.375rem;margin:var(--half-space);max-width:100%}.stash-select--disabled .stash-select__chips>li[data-v-ab74bb37]{cursor:default}.stash-select__content-wrapper .stash-select__chip[data-v-ab74bb37]{border-radius:.25rem;font-size:.875rem;font-weight:400;height:1.375rem;max-width:inherit;text-transform:none}.stash-select--disabled .stash-select__chip[data-v-ab74bb37]{background:grey;color:#fff}.stash-select__content-wrapper .stash-select__total .stash-select__chip[data-v-ab74bb37]{font-weight:400}.stash-select__selected[data-v-ab74bb37]{color:var(--color-ice-700)}.stash-select__selected[data-v-ab74bb37] :where(.stash-select__remove){display:none}.stash-select__total[data-v-ab74bb37]{display:block;font-weight:600;line-height:24/14;position:absolute;right:1.5rem;white-space:nowrap;z-index:100;top:0;left:0;bottom:0;color:#fff;background:white;padding:.375rem}.stash-select__search[data-v-ab74bb37]{position:relative;width:100%;height:2.25rem;background:#fff;border-radius:.25rem;color:var(--color-ice-700);display:block;font-family:Sofia,sans-serif;font-size:.875rem;font-weight:400;outline:none;padding:0 .75rem;border:0!important}.stash-select__border-selector[data-v-ab74bb37]{background:white;border-radius:.25rem;border:1px solid var(--color-blue-500);max-height:18.75rem;overflow:auto;z-index:1001}.stash-select__option[data-v-ab74bb37]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.5rem;margin:.375rem;padding:.375rem}.stash-select__option--disabled[data-v-ab74bb37]{color:var(--color-ice-500);cursor:not-allowed}.stash-select__option--highlighted[data-v-ab74bb37]{background-color:var(--color-ice-200)}.stash-select__option--selected[data-v-ab74bb37]{background-color:var(--color-blue-100);color:var(--color-ice-700)}._root_1u8h2_2{font-size:10px;font-weight:600;text-transform:uppercase;line-height:1}._size-medium_1u8h2_12{height:20px;padding:2px 8px 0}._size-small_1u8h2_17{height:16px;padding:2px 8px 0}._remove-button_1u8h2_22{border-radius:inherit;border-top-left-radius:0;border-bottom-left-radius:0;height:inherit;margin-top:-2px;padding:0 4px;right:0}._remove-button_1u8h2_22:not(:disabled):hover{background:rgba(0,0,0,.1)}._badge-standard_hcbk5_2{height:15px;vertical-align:middle}._badge-dot_hcbk5_7{border:2px solid var(--color-ice-100);height:10px;right:0;width:10px}._top-right_hcbk5_14{top:0;right:0;-webkit-transform:translateX(50%) translateY(-48%);transform:translate(50%) translateY(-48%)}._root_1slou_2{position:relative}._root_1slou_2 input{background:var(--color-white);border:1px solid var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;height:2.25rem;font-size:.875rem;font-weight:400;outline:none;padding:0 .75rem;width:100%}._root_1slou_2 input:hover{border-color:var(--color-ice-500)}._root_1slou_2 input:active,._root_1slou_2 input:focus{border-color:var(--color-blue-500)}._root_1slou_2 input::-webkit-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::-moz-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input:-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input._has-error_1slou_34:not(:focus){border-color:var(--color-red-500)}._root_1slou_2 input._input-prepended_1slou_38{padding-left:36px}._root_1slou_2 input._input-appended_1slou_42{padding-right:36px}._root_1slou_2 input[disabled],._root_1slou_2 input[readonly]{background-color:var(--color-ice-200)!important;border-color:var(--color-ice-500)!important;color:var(--color-ice-700)!important;pointer-events:none}._root_1slou_2 input[disabled]:active,._root_1slou_2 input[readonly]:active,._root_1slou_2 input[disabled]:focus,._root_1slou_2 input[readonly]:focus{-webkit-box-shadow:none!important;box-shadow:none!important}._root_1slou_2 input[disabled]::-webkit-input-placeholder,._root_1slou_2 input[readonly]::-webkit-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::-moz-placeholder,._root_1slou_2 input[readonly]::-moz-placeholder{text-transform:none}._root_1slou_2 input[disabled]:-ms-input-placeholder,._root_1slou_2 input[readonly]:-ms-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::-ms-input-placeholder,._root_1slou_2 input[readonly]::-ms-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::placeholder,._root_1slou_2 input[readonly]::placeholder{text-transform:none}._symbol_1slou_66{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:absolute;top:0;width:2.25rem}._symbol--prepend_1slou_77{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;left:0}._symbol--append_1slou_83{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem;right:0}._paginate_1jnlh_2 ul{margin:0}._root_1avat_5{background-color:var(--color-white);border:1px solid var(--color-ice-500);cursor:pointer;height:2.25rem;padding-left:.75rem;padding-right:.75rem}._root_1avat_5:focus{-webkit-box-shadow:0 0 0 4px rgba(0,123,255,.15);box-shadow:0 0 0 4px #007bff26;outline:none}._root_1avat_5:hover{background-color:var(--color-blue-100);border:1px solid var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24{color:var(--color-white);background-color:var(--color-blue-500);border:1px solid var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24:hover{color:var(--color-white);background-color:var(--color-blue-700);border:1px solid var(--color-blue-700)}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36{background-color:var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36 .stash-chip__remove-button{margin-right:-1px;padding-right:.75rem}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36 .stash-chip__remove-button:hover{background-color:var(--color-blue-700)}._root_1avat_5._is-selected_1avat_24._has-filter-count_1avat_49:hover{background-color:var(--color-blue-700);color:var(--color-white)}._root_1avat_5._has-dropdown_1avat_54{padding-right:.375rem}._root_1avat_5._has-filter-count_1avat_49:hover{background-color:var(--color-blue-100);color:var(--color-ice-900)}._root_1avat_5 label{cursor:pointer}._filter-count_1avat_67{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5em;height:16px;padding:0 8px;margin-left:.375rem;font-size:10px;font-weight:700;background-color:var(--color-blue-500);color:var(--color-white)}._is-selected_1avat_24 ._filter-count_1avat_67{background-color:var(--color-blue-700)}._is-selected_1avat_24:hover ._filter-count_1avat_67{background-color:var(--color-white);color:var(--color-blue-700)}._is-selected_1avat_24._is-removable_1avat_36 ._filter-count_1avat_67{background-color:var(--color-blue-700);color:var(--color-white)}._caret_1avat_94{color:var(--color-ice-700);margin-left:.375rem;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s;transition:all .5s}._is-selected_1avat_24 ._caret_1avat_94{color:var(--color-white)}._caret-rotate_1avat_105{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}._search-input_1e71y_2 input:hover{border:1px solid var(--color-blue-500)}._search-input_1e71y_2 .stash-input-append{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:72px;overflow:visible}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13{color:var(--color-ice-700);height:2.25rem;min-width:2.25rem;width:2.25rem;background:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible{outline:none;-webkit-box-shadow:none;box-shadow:none}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{border-radius:.25rem}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--tw-ring-opacity: 1;--tw-ring-color: rgba(0, 114, 240, var(--tw-ring-opacity))}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--tw-ring-opacity: .15}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:disabled{color:var(--color-ice-500);cursor:default}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40{border-bottom-left-radius:0;border-top-left-radius:0;height:2.25rem;min-width:2.25rem;width:2.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:focus{-webkit-box-shadow:none;box-shadow:none}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:disabled{border-color:var(--color-ice-500)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:hover{background-color:var(--color-blue-600)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:active{background-color:var(--color-blue-700)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:focus-visible{outline:none;border:1px solid var(--color-blue-900);-webkit-box-shadow:inset 0 0 0 1px var(--color-blue-900),0 0 0 4px rgba(0,114,240,.15);box-shadow:inset 0 0 0 1px var(--color-blue-900),0 0 0 4px #0072f026}._icon_gr3q2_2{margin-top:-1px}._dialog_1fzac_2{background:rgba(0,0,0,.3);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:0;overflow:auto;-webkit-overflow-scrolling:touch;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;place-content:center;position:fixed;right:0;top:0;z-index:1001;width:100%;height:100vh}._body_1fzac_19{--tw-shadow: 0px 24px 24px 0px rgba(38, 38, 38, .05), 0px 24px 24px 8px rgba(38, 38, 38, .1), 0px 24px 48px 8px rgba(38, 38, 38, .15);--tw-shadow-colored: 0px 24px 24px 0px var(--tw-shadow-color), 0px 24px 24px 8px var(--tw-shadow-color), 0px 24px 48px 8px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 24px 24px 0px rgba(38,38,38,.05),0px 24px 24px 8px rgba(38,38,38,.1),0px 24px 48px 8px rgba(38,38,38,.15);box-shadow:0 0 #0000,0 0 #0000,0 24px 24px #2626260d,0 24px 24px 8px #2626261a,0 24px 48px 8px #26262626;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background:var(--color-white);color:var(--color-ice-700);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-height:100vh;max-width:360px;-webkit-transition:-webkit-transform .15s cubic-bezier(.25,.8,.5,1);transition:-webkit-transform .15s cubic-bezier(.25,.8,.5,1);transition:transform .15s cubic-bezier(.25,.8,.5,1);transition:transform .15s cubic-bezier(.25,.8,.5,1),-webkit-transform .15s cubic-bezier(.25,.8,.5,1);width:100%}._body_1fzac_19._grey_1fzac_32{background:var(--color-ice-200);border-radius:.25rem}@media (min-width: 640px){._body_1fzac_19{border-radius:.25rem}}._content_1fzac_42{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:1.5rem var(--grid-gutter)}._footer_1fzac_47{background:var(--color-ice-200);border-top:1px solid var(--color-ice-500);display:inline;display:initial;padding:1.5rem var(--grid-gutter)}@media (min-width: 640px){._footer_1fzac_47{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}}.fade-enter-from ._body_1fzac_19,.fade-leave-active ._body_1fzac_19{-webkit-transform:translate3d(0,.75rem,0);transform:translate3d(0,.75rem,0)}._input_gn7he_2 input{border-bottom-right-radius:0;border-top-right-radius:0}._select_gn7he_7 .stash-select__content{border-bottom-left-radius:0;border-top-left-radius:0}._select_gn7he_7.stash-select--active .stash-select__content{min-width:0}._has-error_gn7he_16 input,._has-error_gn7he_16 input:hover:not(:focus),._has-error_gn7he_16 .stash-select__content,._has-error_gn7he_16 .stash-select__content:hover:not(:focus){border-color:var(--color-red-500)}._root_16z1p_2{background-color:var(--color-purple-500);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100vw}._wrapper_16z1p_11{max-width:100%;width:56rem}._content_16z1p_16{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._illustration_16z1p_22{width:300px;height:193px}@media screen and (max-width: 1023.98px){._content_16z1p_16{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0}._illustration_16z1p_22{margin-bottom:30px}}@media screen and (min-width: 1024px){._content__text_16z1p_40{max-width:50vw}}._illustration_16z1p_22 svg{margin-top:-53px}._menuitem_1kga5_3:not(:has(> a,> button)),._menuitem_1kga5_3>:where(a,button){width:100%;cursor:pointer;border-radius:.25rem;padding-top:10px;padding-bottom:10px;padding-left:.375rem;padding-right:.375rem;text-align:left;--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-duration:.165s;transition-duration:.165s;-webkit-transition-timing-function:cubic-bezier(.25,.8,.5,1);transition-timing-function:cubic-bezier(.25,.8,.5,1)}._menuitem_1kga5_3:not(:has(> a,> button)):hover,._menuitem_1kga5_3>:where(a,button):hover{--tw-bg-opacity: 1;background-color:#e8e9ee;background-color:rgba(232,233,238,var(--tw-bg-opacity));--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none}._menuitem_1kga5_3:not(:has(> a,> button)):disabled,._menuitem_1kga5_3>:where(a,button):disabled{cursor:default;--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity))}._menuitem_1kga5_3>:where(a,button){display:block;border:0}.modals-enter-active[data-v-bb296f1b],.modals-leave-active[data-v-bb296f1b]{--swing-timing-function: cubic-bezier(.25, .8, .5, 1);-webkit-transition:opacity 165ms cubic-bezier(.25,.8,.5,1);transition:opacity 165ms cubic-bezier(.25,.8,.5,1);-webkit-transition:opacity 165ms var(--swing-timing-function);transition:opacity 165ms var(--swing-timing-function)}.modals-enter-from[data-v-bb296f1b],.modals-leave-to[data-v-bb296f1b]{opacity:0}.modals-enter-active[data-v-bb296f1b] .stash-modal__dialog--position-center,.modals-leave-active[data-v-bb296f1b] .stash-modal__dialog--position-center{-webkit-transition:-webkit-transform 165ms var(--swing-timing-function);transition:-webkit-transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function),-webkit-transform 165ms var(--swing-timing-function)}.modals-enter-from[data-v-bb296f1b] .stash-modal__dialog--position-center,.modals-leave-to[data-v-bb296f1b] .stash-modal__dialog--position-center{-webkit-transform:translateY(20px);transform:translateY(20px)}.modals-enter-active[data-v-bb296f1b] .stash-modal__dialog--is-drawer,.modals-leave-active[data-v-bb296f1b] .stash-modal__dialog--is-drawer{-webkit-transition:-webkit-transform 165ms var(--swing-timing-function);transition:-webkit-transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function),-webkit-transform 165ms var(--swing-timing-function)}.modals-enter-from[data-v-bb296f1b] .stash-modal__dialog--position-left,.modals-leave-to[data-v-bb296f1b] .stash-modal__dialog--position-left{-webkit-transform:translateX(-50px);transform:translate(-50px)}.modals-enter-from[data-v-bb296f1b] .stash-modal__dialog--position-right,.modals-leave-to[data-v-bb296f1b] .stash-modal__dialog--position-right{-webkit-transform:translateX(50px);transform:translate(50px)}._media_ktx8r_3{max-height:58px;max-width:58px}._root_1fnu6_2{max-width:87.5rem;padding-left:var(--grid-gutter);padding-right:var(--grid-gutter);position:relative;margin-left:auto;margin-right:auto;width:100%}._stash-page-content--has-sidebar_1fnu6_10{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--grid-gutter)}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__main_1fnu6_16{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__sidebar_1fnu6_21{-webkit-box-flex:0;-ms-flex:0;flex:0;min-width:0}@media (min-width: 961px){._stash-page-content--has-sidebar_1fnu6_10{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__main_1fnu6_16{-webkit-box-flex:3;-ms-flex:3;flex:3}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__sidebar_1fnu6_21{-webkit-box-flex:1;-ms-flex:1;flex:1}}._root_1gg6c_2{border-bottom:0;display:grid;grid-gap:var(--grid-gutter);gap:var(--grid-gutter);margin:0 auto;max-width:87.5rem;padding:1.5rem var(--grid-gutter) 3rem;width:100%}@media (min-width: 961px){._root_1gg6c_2._grid_1gg6c_13{grid-template-columns:repeat(2,1fr)}}._actions_1gg6c_18{-ms-flex-item-align:end;align-self:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;row-gap:var(--grid-gutter)}@media (min-width: 640px){._actions_1gg6c_18{-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:0}}@media (min-width: 961px){._actions_1gg6c_18{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}._media-test_1gg6c_41{max-width:58px;max-height:58px}._root_nu1bt_2{background-color:#fff;border:1px solid transparent;cursor:pointer;display:inline-block}._root_nu1bt_2:hover,._root_nu1bt_2:active,._root_nu1bt_2:focus{border:1px solid var(--color-blue-500);-webkit-text-decoration:none;text-decoration:none}.stash-select-status--filled .stash-select__content{border:none;padding:0}.stash-select-status--filled .stash-select--active .stash-select__content:focus-within .stash-select__border-selector{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:calc(100% - 2px)}.stash-select-status--filled .stash-select-status--selected,.stash-select-status--filled :has(.stash-select-status--selected) .icon--caret-down{color:#fff}.stash-select-status--filled-dark .stash-select-status--selected,.stash-select-status--filled-dark :has(.stash-select-status--selected) .icon--caret-down{color:var(--color-ice-900)}._select_1gtqy_27 .stash-select--disabled>.stash-select__content{background-color:transparent;border-color:transparent}._select_1gtqy_27 :deep(._stash-select__chips_1gtqy_32){margin:0}._select_1gtqy_27 .stash-select__options{margin:0;padding:0}._select_1gtqy_27 ul{position:relative}._text-variant_buk08_2:before{content:" "}._has-children_buk08_6>*{visibility:hidden}._step_1h5eb_2:before{content:"●";position:absolute;color:#fff;left:-28px;opacity:0;-webkit-transition:opacity .5s cubic-bezier(.85,0,.15,1);transition:opacity .5s cubic-bezier(.85,0,.15,1)}._title_1h5eb_11{font-weight:500;font-size:1rem;margin-top:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._nested-step--active_1h5eb_18:before{opacity:1}._line_1h5eb_22{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1),-ms-flex-positive .5s cubic-bezier(.87,0,.13,1)}._line--expanded_1h5eb_27{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}._stash-step--singular_1h5eb_31 ._line_1h5eb_22{position:absolute;left:0px;right:0px;top:.75rem;height:1px;border-top-width:0px}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:before{position:absolute;left:0px;right:50%;margin-right:4rem;display:block;height:1px;content:var(--tw-content);--tw-bg-opacity: 1;background-color:#c5c9d4;background-color:rgba(197,201,212,var(--tw-bg-opacity))}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:after{position:absolute;left:50%;right:0px;margin-left:4rem;display:block;height:1px;content:var(--tw-content);--tw-bg-opacity: 1;background-color:#c5c9d4;background-color:rgba(197,201,212,var(--tw-bg-opacity))}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:after,._stash-step--singular_1h5eb_31 ._line_1h5eb_22:before{content:""}._step_1h5eb_2:not(._stash-step--singular_1h5eb_31):last-child ._line_1h5eb_22{display:none}._circle_1h5eb_62{width:1.5rem;height:1.5rem;line-height:1.5rem;border-radius:9999px;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center;font-weight:500;-webkit-transition:background-color .5s,color .5s;transition:background-color .5s,color .5s}._circle--todo_1h5eb_73{background-color:#ffffff80;color:#4d4a69;border:1px solid #747293}._circle--active_1h5eb_79{background-color:var(--color-blue-500);color:#fff;border:1px solid transparent}._circle--loading_1h5eb_85{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-ice-700);cursor:pointer}._circle--completed_1h5eb_92{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-green-500);cursor:pointer}._circle--error_1h5eb_99{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-red-500);cursor:pointer}._nested_1h5eb_18{padding:1.125rem 0}._nested_1h5eb_18 li+li{margin-top:.75rem}._nested_1h5eb_18 ._title_1h5eb_11{font-weight:400;font-size:.9rem}.stash-stepper--vertical .stash-step:last-child .stash-step--nested-steps{display:none}.stash-stepper__arrow{position:absolute;top:0px;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.5rem;width:1.5rem;min-width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:#c5c9d4;border-color:rgba(197,201,212,var(--tw-border-opacity));text-align:center}.stash-stepper__arrow:disabled{--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity));opacity:.5}.stash-stepper__arrow--prev{left:0px}.stash-stepper__arrow--next{right:0px}._control_8a1ic_2{-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out}._active_8a1ic_5 ._control_8a1ic_2{left:.875rem}._root_rmarx_2{border:0}._layout--scroll_rmarx_6{background-color:var(--color-white);border:none;border-bottom:1px solid var(--color-ice-200)}._layout--scroll_rmarx_6._has-actions_rmarx_12:last-of-type{text-align:center}._layout--stack_rmarx_16{background-color:var(--color-ice-100);border-radius:.25rem}._layout--stack_rmarx_16._has-actions_rmarx_12:last-of-type{background-color:transparent;position:absolute;right:0;top:0}._layout--stack_rmarx_16._is-control_rmarx_28{background-color:transparent}@media (min-width: 961px){._layout--stack_rmarx_16{background-color:var(--color-white);border-bottom:1px solid var(--color-ice-200);border-radius:0;border-radius:initial}._layout--stack_rmarx_16._has-actions_rmarx_12:last-of-type{background-color:var(--color-white);position:static;position:initial;right:auto;right:initial;text-align:center;top:auto;top:initial}._layout--stack_rmarx_16._is-control_rmarx_28{background-color:var(--color-white)}._root--density-comfortable_rmarx_52:last-of-type:not(._has-actions_rmarx_12){padding-right:24px}._root--density-comfortable_rmarx_52:first-of-type:not(.stash-table-header-row__selection-cell):not(.stash-table-row__selection-cell):not(.stash-table-row__toggle-expansion-cell){padding-left:24px}}._root_ngiw1_2{border:0}._is-expandable_ngiw1_9>td{border-bottom-color:var(--color-ice-200);-webkit-transition:border-bottom-color .5s;transition:border-bottom-color .5s}._root--hidden-divider_ngiw1_14._is-expanded_ngiw1_14>td{-webkit-transition:border-bottom-color 0s;transition:border-bottom-color 0s;border-bottom-color:transparent}._layout--scroll_ngiw1_22{border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0}._layout--scroll_ngiw1_22:last-of-type{border:0}._layout--scroll_ngiw1_22:last-of-type td{border-bottom:none}._layout--stack_ngiw1_36{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:var(--color-white);grid-column-gap:var(--grid-gutter);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);display:grid;grid-template-columns:repeat(12,1fr);position:relative;grid-row-gap:var(--grid-gutter);row-gap:var(--grid-gutter)}._layout--stack_ngiw1_36:not(._is-expanded_ngiw1_14){border-radius:.25rem;-webkit-transition:border-radius .5s;transition:border-radius .5s}._layout--stack_ngiw1_36._is-expanded_ngiw1_14{border-top-left-radius:.25rem;border-top-right-radius:.25rem}._row-selection-checkbox_ngiw1_56 label{padding:0;min-height:1.5rem;vertical-align:middle}._layout--stack_ngiw1_36 ._row-control-cell_ngiw1_62{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0}._row-control-cell_ngiw1_62+:not(._row-control-cell_ngiw1_62){grid-column-start:1}._row-expansion-content_ngiw1_73{-webkit-box-shadow:inset 0 -1px 0 0 var(--color-ice-200);box-shadow:inset 0 -1px 0 0 var(--color-ice-200)}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73,._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{display:block}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:1px solid var(--color-ice-200);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;margin-bottom:1.5rem}._layout--stack_ngiw1_36._root--hidden-divider_ngiw1_14+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:none}@media (min-width: 961px){._layout--stack_ngiw1_36{-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;background-color:transparent;background-color:initial;border:0;border-bottom:1px solid var(--color-ice-200);border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-column-gap:normal;-moz-column-gap:normal;column-gap:normal;-webkit-column-gap:initial;-moz-column-gap:initial;column-gap:initial;display:table-row;grid-template-columns:initial;row-gap:initial}._layout--stack_ngiw1_36:last-of-type{border-bottom:0}._layout--stack_ngiw1_36 ._row-control-cell_ngiw1_62{display:table-cell}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73{display:table-row}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:0;border-top:initial;border-bottom-left-radius:0;border-bottom-right-radius:0;display:table-cell;margin-bottom:0;margin-bottom:initial}._row-control-cell_ngiw1_62+:not(._row-control-cell_ngiw1_62){grid-column-start:unset}}._root_14363_2{border-left:none;border-top:none;position:sticky;top:0;z-index:1}._root_14363_2:last-of-type{border-right:0}._has-actions_14363_14:last-of-type ._content-wrapper_14363_14{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}._caret-up_14363_18{top:-5px}._caret-down_14363_22{top:2px}.stash-table-header-cell--sorted ._caret_14363_18{top:-2px}@media (min-width: 961px){._root--density-comfortable_14363_31:last-of-type{padding-right:24px}._root--density-comfortable_14363_31:first-of-type:not(.stash-table-header-row__selection-cell):not(.stash-table-row__selection-cell){padding-left:24px}}._row-selection-checkbox_1eq6o_2 label{padding:0;min-height:1.5rem;vertical-align:middle}._row-control-cell_1eq6o_8{border-right:0}._root_1bv4v_2{position:relative;width:100%}._textarea_1bv4v_7{background:var(--color-white);border:1px solid;border-color:var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;min-height:100px;outline:none;padding:.375rem;width:100%}._textarea_1bv4v_7:hover{border-color:var(--color-ice-500)}._textarea_1bv4v_7:focus,._textarea_1bv4v_7:active{border-color:var(--color-blue-500)}._textarea_1bv4v_7._stash-textarea--error_1bv4v_28{border-color:var(--color-red-500);color:var(--color-red-500)}._textarea_1bv4v_7::-webkit-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::-moz-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7:-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7[disabled],._textarea_1bv4v_7[readonly]{background-color:var(--color-ice-200);border-color:var(--color-ice-500);color:var(--color-ice-700);pointer-events:none}._textarea_1bv4v_7[disabled]:active,._textarea_1bv4v_7[readonly]:active,._textarea_1bv4v_7[disabled]:focus,._textarea_1bv4v_7[readonly]:focus{-webkit-box-shadow:none;box-shadow:none}._textarea_1bv4v_7[disabled]::-webkit-input-placeholder,._textarea_1bv4v_7[readonly]::-webkit-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::-moz-placeholder,._textarea_1bv4v_7[readonly]::-moz-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]:-ms-input-placeholder,._textarea_1bv4v_7[readonly]:-ms-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::-ms-input-placeholder,._textarea_1bv4v_7[readonly]::-ms-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::placeholder,._textarea_1bv4v_7[readonly]::placeholder{text-transform:none}.stash-timeline[data-v-0bc8e788]{grid-template-columns:auto -webkit-min-content auto;grid-template-columns:auto min-content auto}.stash-modal__header[data-v-5dce6bf1]{grid-template-columns:48px 1fr 48px}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(1){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(2){margin-bottom:.75rem;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media (min-width: 961px){.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(2){margin-bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button+.stash-button{margin-left:var(--grid-gutter)}}.stash-modal__featured-content[data-v-5dce6bf1]>*{border-radius:inherit}._file-dropbox_19hp2_2{background:var(--color-ice-200);background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23C5C9D4FF' stroke-width='1' stroke-dasharray='5 %2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");background-repeat:no-repeat;border:1px solid var(--color-ice-500);border-color:transparent}._is-dragging_19hp2_10{background-image:none;border-color:var(--color-ice-500)}._is-dragging_19hp2_10>*{pointer-events:none}._is-disabled_19hp2_19{cursor:no-drop}._upload-icon_19hp2_24{height:98px;width:84px}._remove-button_19hp2_29._button_19hp2_29{background:transparent;border:none;color:var(--color-red-500)}._remove-button_19hp2_29._button_19hp2_29:hover{background:transparent;border:none}._icon_1x7lf_2{display:inline-block;fill:currentcolor;vertical-align:middle}._standard_1x7lf_8{height:24px;min-height:24px;min-width:24px;width:24px}._dense_1x7lf_15{height:20px;min-height:20px;min-width:20px;width:20px}._small_1x7lf_22{height:14px;min-height:14px;min-width:14px;width:14px}._large_1x7lf_29{height:32px;min-height:32px;min-width:32px;width:32px}._menu-tab_frbn6_2>a,._menu-tab_frbn6_2>a:hover,._menu-tab_frbn6_2>a:focus{color:inherit}._root_p3yhd_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;border-width:1px .375rem 1px 1px;border-radius:.25rem;padding:1.125rem .75rem;cursor:pointer}._root_p3yhd_2>*+*{margin-left:.75rem}._root_p3yhd_2 div{margin-bottom:0;color:var(--color-ice-900);font-size:1rem}._status--success_p3yhd_22{background-color:var(--color-green-100);border-color:var(--color-green-500)}._status--success_p3yhd_22 svg{color:var(--color-green-500)}._status--error_p3yhd_31{background-color:var(--color-red-100);border-color:var(--color-red-500)}._status--error_p3yhd_31 svg{color:var(--color-red-500)}._status--info_p3yhd_40{background-color:var(--color-blue-100);border-color:var(--color-blue-500)}._status--info_p3yhd_40 svg{color:var(--color-blue-500)}._status--warning_p3yhd_49{background-color:var(--color-orange-100);border-color:var(--color-orange-500)}._status--warning_p3yhd_49 svg{color:var(--color-orange-500)}._root_1m7jr_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;min-width:300px;max-width:calc(320px - .75rem);right:1.5rem;top:1.5rem;z-index:1002;row-gap:.375rem}.toasts-enter-active,.toasts-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease}.toasts-enter-from,.toasts-leave-to{opacity:0;-webkit-transform:translateX(30px);transform:translate(30px)}:root{--vc-clr-primary: #000;--vc-clr-secondary: rgba(9,15,32,.49804);--vc-clr-white: #ffffff;--vc-icn-width: 1.2em;--vc-nav-width: 30px;--vc-nav-height: 30px;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-background: transparent;--vc-pgn-width: 12px;--vc-pgn-height: 4px;--vc-pgn-margin: 4px;--vc-pgn-border-radius: 0;--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-active-color: var(--vc-clr-primary)}.carousel{position:relative;text-align:center;box-sizing:border-box;touch-action:pan-y;overscroll-behavior:none}.carousel.is-dragging{touch-action:none}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0!important;position:relative}.carousel__viewport{overflow:hidden}.carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.carousel__icon{width:1.2em;width:var(--vc-icn-width);height:1.2em;height:var(--vc-icn-width);fill:currentColor}.carousel__prev,.carousel__next{box-sizing:content-box;background:transparent;background:var(--vc-nav-background);border-radius:0;border-radius:var(--vc-nav-border-radius);width:30px;width:var(--vc-nav-width);height:30px;height:var(--vc-nav-height);text-align:center;font-size:30px;font-size:var(--vc-nav-height);padding:0;color:#000;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer;margin:0 10px;top:50%;transform:translateY(-50%)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{right:auto;left:0}@media (hover: hover){.carousel__prev:hover,.carousel__next:hover{color:#090f207f;color:var(--vc-nav-color-hover)}}.carousel__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 0;padding:0}.carousel__pagination-button{display:block;border:0;margin:0;cursor:pointer;padding:4px;padding:var(--vc-pgn-margin);background:transparent}.carousel__pagination-button:after{display:block;content:"";width:12px;width:var(--vc-pgn-width);height:4px;height:var(--vc-pgn-height);border-radius:0;border-radius:var(--vc-pgn-border-radius);background-color:#090f207f;background-color:var(--vc-pgn-background-color)}.carousel__pagination-button--active:after{background-color:#000;background-color:var(--vc-pgn-active-color)}@media (hover: hover){.carousel__pagination-button:hover:after{background-color:#000;background-color:var(--vc-pgn-active-color)}}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}._root_a92j2_2 :deep(._carousel__icon_a92j2_2){background-color:var(--color-white);border-radius:.25rem;color:var(--color-blue-500);height:2.25rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2.25rem}._root_a92j2_2 :deep(._carousel__icon_a92j2_2:hover){background-color:var(--color-ice-100);color:var(--color-blue-700)}._root_a92j2_2 :deep(._carousel__next_a92j2_18){padding-right:2.25rem}._root_a92j2_2 :deep(._carousel__next--disabled_a92j2_22){display:none}._root_a92j2_2 :deep(._carousel__prev_a92j2_26){padding-left:2.25rem}._root_a92j2_2 :deep(._carousel__prev--disabled_a92j2_30){display:none}._pagination-dot_a92j2_34{height:4px;margin-right:2px;width:4px}._pagination-tile_a92j2_40{height:3rem;opacity:.4;-o-object-fit:cover;object-fit:cover;width:3rem}._pagination-tile_a92j2_40._is-current-tile_a92j2_47{opacity:1}@media (min-width: 961px){._select-bar_hsxyw_2{border-bottom:1px solid var(--color-ice-200);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle}}._checkbox_hsxyw_10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}._actions_hsxyw_14>*{margin-top:1.5rem;width:100%}@media (min-width: 961px){._actions_hsxyw_14>*{margin-left:.75rem;margin-top:0;width:auto}}._empty-state_12gjn_2{max-width:100%}._main-header_1wlsh_2{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background-color:var(--color-white);border-radius:.25rem;margin-bottom:1.5rem;padding:var(--grid-gutter)}@media (min-width: 961px){._main-header_1wlsh_2{border-bottom:1px solid var(--color-ice-200);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}}._expanded-content-wrapper_1wlsh_18{position:relative;width:100%}@media (min-width: 961px){._expanded-content-wrapper_1wlsh_18{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}}._expanded-content-header_1wlsh_29{background-color:var(--color-white);border-bottom:1px solid var(--color-ice-200);color:var(--color-ice-900);display:none;font-weight:500;padding:0 .75rem;-webkit-transition:padding .15s cubic-bezier(.25,.8,.5,1);transition:padding .15s cubic-bezier(.25,.8,.5,1);z-index:1}@media (min-width: 961px){._expanded-content-header_1wlsh_29{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}._expanded-content-header_1wlsh_29.is-sticky{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}._expanded-content-header_1wlsh_29.is-sticky{border-radius:0;z-index:201}._expanded-content-header-grid_1wlsh_52{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;grid-column-gap:0}._expanded-content-header-grid_1wlsh_52>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid var(--color-ice-200);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.75rem}._expanded-content-header-grid_1wlsh_52>div:last-of-type{border-right:0}._expansion-toggle-button_1wlsh_70:focus{-webkit-box-shadow:none;box-shadow:none}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters ._main-header_1wlsh_2{border-radius:0}}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters ._expanded-content-list-items-wrapper_1wlsh_81>*{border-bottom:1px solid var(--color-ice-200);border-radius:0}}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters:last-of-type.is-collapsed ._main-header_1wlsh_2,._list-group_1wlsh_74.disable-external-gutters:last-of-type ._expanded-content-list-items-wrapper_1wlsh_81>*:last-child{border-bottom:none;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}}._caret-up_1147a_2{top:-5px}._caret-down_1147a_6{top:2px}.is-active-sort ._caret_1147a_2{top:-2px}._list-items_c8ut0_2{background-color:var(--color-ice-200);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;min-width:100%;position:relative}@media (min-width: 961px){._list-items_c8ut0_2{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}}._legacy-box_c8ut0_16{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background:var(--color-white);border-radius:.25rem;padding:1.5rem var(--grid-gutter)}._header_c8ut0_25{background-color:var(--color-white);color:var(--color-ice-900);font-weight:500;margin-bottom:.75rem;overflow:hidden;z-index:1}._header_c8ut0_25.is-sticky{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}._header_c8ut0_25.is-sticky{border-radius:0;overflow:visible;z-index:201}._header_c8ut0_25.is-sticky:before,._header_c8ut0_25.is-sticky:after{background-color:var(--color-white);content:"";height:100%;overflow-x:hidden;position:absolute;right:100%;top:0;width:.75rem}@media (min-width: 961px){._header_c8ut0_25.is-sticky:before,._header_c8ut0_25.is-sticky:after{content:none}}._header_c8ut0_25.is-sticky:after{left:100%;right:auto}._header_c8ut0_25 .input--checkbox label{min-height:1.5rem}@media (min-width: 961px){._header_c8ut0_25{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}}._header-grid-container_c8ut0_75{display:none;-webkit-transition:padding .15s cubic-bezier(.25,.8,.5,1);transition:padding .15s cubic-bezier(.25,.8,.5,1)}@media (min-width: 961px){._header-grid-container_c8ut0_75{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}._header-grid_c8ut0_75{-webkit-column-gap:0!important;-moz-column-gap:0!important;column-gap:0!important;grid-column-gap:0!important}._header-grid_c8ut0_75>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid var(--color-ice-200);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.75rem}._header-grid_c8ut0_75>div:first-of-type{margin-left:-.75rem;padding-left:1.5rem}._header-grid_c8ut0_75>div:last-of-type{border-right:0;margin-right:-.75rem}._search-input_c8ut0_109 input{padding-right:4.5rem!important}._search-input_c8ut0_109 .stash-input-append{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:72px}._search-input_c8ut0_109 .stash-input-append ._clear-button_c8ut0_120{color:var(--color-ice-700);height:36px;margin:0;min-width:36px;padding:0;width:36px}._search-input_c8ut0_109 .stash-input-append ._clear-button_c8ut0_120:disabled{color:var(--color-ice-500);cursor:default}._search-input_c8ut0_109 .stash-input-append ._search-button_c8ut0_134{border-bottom-left-radius:0;border-color:var(--color-blue-500);border-left:none;border-top-left-radius:0;min-width:36px;padding:0 .375rem;width:36px}._search-input_c8ut0_109 .stash-input-append ._search-button_c8ut0_134:disabled{border-color:var(--color-ice-500)}@media (min-width: 640px){._total-sort_c8ut0_151{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}._filter-toggle-btn_c8ut0_158{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}._filter-toggle-btn-with-hint-text_c8ut0_162{margin-bottom:20px}@-webkit-keyframes _separator_c8ut0_1{0%{opacity:0}to{opacity:1}}@keyframes _separator_c8ut0_1{0%{opacity:0}to{opacity:1}}._filters-expand_c8ut0_177.stash-expand--expanded ._filters-wrapper_c8ut0_178:before{-webkit-animation:_separator_c8ut0_1 .3s cubic-bezier(.4,0,.6,1) .5s 1 forwards;animation:_separator_c8ut0_1 .3s cubic-bezier(.4,0,.6,1) .5s 1 forwards;background:var(--color-ice-200);content:"";height:1px;left:calc(var(--grid-gutter) * -1);opacity:0;position:absolute;right:calc(var(--grid-gutter) * -1);top:1.5rem}@media (min-width: 961px){._filters-half-width_c8ut0_191 .field-wrapper{grid-column:span 6 / span 6}}._dropdown_c8ut0_199 .tw-text-blue-500{font-size:.75rem}._sort-option_c8ut0_203{height:2.25rem}._select-all_c8ut0_207{width:1.5rem}._label_1mshv_2{padding:8px 30px;border:1px solid var(--color-ice-500);font-weight:600;color:var(--color-ice-700);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;text-align:center}._root_1mshv_14:first-of-type ._label_1mshv_2{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}._root_1mshv_14:last-of-type ._label_1mshv_2{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}._root_1mshv_14:not(:first-of-type) ._label_1mshv_2{margin-left:-1px}._root_1mshv_14:not(:last-of-type) ._label_1mshv_2{border-right-color:transparent}._input_1mshv_32:disabled~._label_1mshv_2{background-color:var(--color-ice-100);color:var(--color-ice-500);cursor:auto}._input_1mshv_32:not(:checked):not(:disabled)~._label_1mshv_2:hover{border-color:var(--color-blue-500);color:var(--color-blue-500);z-index:1;position:relative}._input_1mshv_32:checked:not(:disabled)~._label_1mshv_2{border-color:var(--color-blue-500);color:var(--color-blue-500);background-color:var(--color-blue-100);z-index:1;position:relative}._label_vdpts_2{display:inline-block;padding:.25rem .75rem;border:1px solid var(--color-ice-500);font-weight:400;line-height:1.375rem;color:var(--color-ice-900);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;white-space:nowrap}._input_vdpts_16:disabled~._label_vdpts_2{background-color:var(--color-ice-100);color:var(--color-ice-500);cursor:auto}._input_vdpts_16:checked:not(:disabled)~._label_vdpts_2{border-color:var(--color-blue-500);color:#fff;background-color:var(--color-blue-500);font-weight:700}._input_vdpts_16:not(:checked):not(:disabled)~._label_vdpts_2:hover{border-color:var(--color-blue-500)}._label_kw8hn_2{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._input_kw8hn_9{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;min-width:20px;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer}._input_kw8hn_9:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._input_kw8hn_9:disabled{background-image:radial-gradient(var(--color-ice-100) 100%,var(--color-ice-100) 100%)}._input_kw8hn_9:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,var(--color-ice-100) 54%)}._input_kw8hn_9:hover:not(:disabled){border-color:var(--color-blue-500)}._input_kw8hn_9:disabled~._label_kw8hn_2{cursor:auto}._input_kw8hn_9:hover:not(:disabled)~._label_kw8hn_2{color:var(--color-ice-900)}._input_kw8hn_9:not(:disabled)~._label_kw8hn_2:hover{color:var(--color-ice-900)}._root_583pa_2{border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._root--disabled_583pa_11{cursor:auto}._tile-header_583pa_15,._tile-body_583pa_16{-webkit-transition:all .2s;transition:all .2s}._tile-header_583pa_15{border-radius:.25rem .25rem 0 0;padding:.75rem 0}._root_583pa_2:hover:not(._root--disabled_583pa_11) ._tile-header_583pa_15{background-color:var(--color-blue-100)!important;border-color:var(--color-blue-500)!important;color:var(--color-ice-900)!important;-webkit-transition:all .2s;transition:all .2s}._label_583pa_32{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._input_583pa_39{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:2px;margin-left:.75rem}._input_583pa_39:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._input_583pa_39:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,var(--color-ice-100) 54%)}._tile-body_583pa_16{border-radius:0 0 .25rem .25rem;border-width:0 1px 1px 1px;background-color:#fff;padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._root_583pa_2:hover:not(._root--disabled_583pa_11) ._tile-body_583pa_16{border-color:var(--color-blue-500)!important;-webkit-transition:all .2s;transition:all .2s}._root_1bamn_2 label{padding:8px 30px;border:1px solid var(--color-ice-500);font-weight:600;color:var(--color-ice-700);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;text-align:center}._root_1bamn_2>div:first-child label{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}._root_1bamn_2>div:last-child label{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}._root_1bamn_2>div:not(:first-child) label{margin-left:-1px}._root_1bamn_2>div:not(:last-child) label{border-right-color:transparent}._root_1bamn_2 input:disabled~label{background-color:var(--color-ice-200);color:var(--color-ice-500);cursor:auto}._root_1bamn_2 input:not(:checked):not(:disabled)~label:hover{border-color:var(--color-blue-500);color:var(--color-blue-500);z-index:1;position:relative}._root_1bamn_2 input:checked:not(:disabled)~label{border-color:var(--color-blue-500);color:var(--color-blue-500);background-color:var(--color-blue-100);z-index:1;position:relative}._root_kagur_2{gap:1.5rem}._root_kagur_2 label{padding:.375rem .75rem;border:1px solid var(--color-ice-500);font-weight:400;color:var(--color-ice-900);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;white-space:nowrap}._root_kagur_2 input:disabled~label{background-color:var(--color-ice-200);color:var(--color-ice-500);cursor:auto}._root_kagur_2 input:checked:not(:disabled)~label{border-color:var(--color-blue-500);color:var(--color-white);background-color:var(--color-blue-500);font-weight:700}._root_kagur_2 input:not(:checked):not(:disabled)~label:hover{border-color:var(--color-blue-500)}._root_11y1n_2{gap:1.5rem}._root_11y1n_2 label{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._root_11y1n_2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:5px}._root_11y1n_2 input:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._root_11y1n_2 input:disabled{background:#eef2f4}._root_11y1n_2 input:disabled~label{cursor:auto}._root_11y1n_2 input:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,transparent 54%)}._root_11y1n_2 input:hover:not(:disabled){border-color:var(--color-blue-500)}._root_11y1n_2 input:hover:not(:disabled)~label{color:var(--color-ice-900)}._root_11y1n_2 input:not(:disabled)~label:hover{color:var(--color-ice-900)}._root_1sppn_2{gap:1.5rem}._root_1sppn_2 label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._root_1sppn_2 input:disabled~label{cursor:auto}._root_1sppn_2 input:hover:not(:disabled)~label{color:var(--color-ice-900)}._root_1sppn_2 input:not(:disabled)~label:hover{color:var(--color-ice-900)}._root_1sppn_2 label._tile-container_1sppn_23{border-radius:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._tile-header_1sppn_30,._tile-body_1sppn_31{-webkit-transition:all .2s;transition:all .2s}._tile-header_1sppn_30{border-radius:.25rem .25rem 0 0;padding:.75rem 0}._root_1sppn_2 label._tile-container_1sppn_23:hover ._tile-header_1sppn_30{background-color:var(--color-blue-100)!important;border-color:var(--color-blue-500)!important;color:var(--color-ice-900)!important;-webkit-transition:all .2s;transition:all .2s}._tile-body_1sppn_31{border-radius:0 0 .25rem .25rem;background-color:var(--color-white);padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._root_1sppn_2 label._tile-container_1sppn_23:hover ._tile-body_1sppn_31{border-color:var(--color-blue-500)!important;-webkit-transition:all .2s;transition:all .2s}._root_1sppn_2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:2px}._root_1sppn_2 input~div{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._root_1sppn_2 input:disabled{background:#eef2f4}._root_1sppn_2 input:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._root_1sppn_2 label._tile-container_1sppn_23 input{margin-left:.75rem}._root_1sppn_2 input:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,transparent 54%)}@media screen and (max-width: 640px){._root_1sppn_2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.stash-field-hint,.stash-field-error{display:block;width:100%}.stash-label{margin-bottom:6px}/*!
|
|
1
|
+
._button_4w1qh_2{border-radius:.25rem;border-width:1px;display:inline-block;font-size:.875rem;font-weight:600;line-height:2.125rem;margin:0;min-width:144px;padding:0 .75rem;text-align:center;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle;white-space:nowrap}@media (min-width: 961px){._button_4w1qh_2:focus{-webkit-box-shadow:0 0 0 3px rgba(0,123,255,.14);box-shadow:0 0 0 3px #007bff24;outline:none}._button_4w1qh_2:hover{-webkit-text-decoration:none;text-decoration:none}}._button_4w1qh_2[disabled]{cursor:default;pointer-events:none}._button--solid_4w1qh_36{background-color:var(--button-color);border-color:transparent;color:var(--text-color)}@media (min-width: 961px){._button--solid_4w1qh_36:hover{background-color:var(--button-hover-color)}}._button--solid_4w1qh_36:active{background-color:var(--button-hover-color)}._button--solid_4w1qh_36[disabled]:not(.stash-button--is-loading){--button-color: var(--color-ice-500) !important}._button--ghost_4w1qh_58{background-color:#0000;border-color:var(--button-color);color:var(--text-color)}@media (min-width: 961px){._button--ghost_4w1qh_58:hover{background-color:var(--button-hover-color)}}._button--ghost_4w1qh_58:active{background-color:var(--button-hover-color)}._button--ghost_4w1qh_58[disabled]:not(.stash-button--is-loading){--button-color: var(--color-ice-500) !important;--text-color: var(--color-ice-500) !important}._button--primary_4w1qh_81{--button-color: var(--color-blue-500);--button-hover-color: var(--color-blue-hover);--text-color: var(--color-white)}._button--secondary_4w1qh_88{--button-color: var(--color-ice-500);--button-hover-color: var(--color-ice-700-hover);--text-color: var(--color-ice-700)}._button--tertiary_4w1qh_95{--button-color: var(--color-white);--button-hover-color: var(--color-white-hover);--text-color: var(--color-white)}._button--icon_4w1qh_102,._button--iconLabel_4w1qh_103{border:0;border-radius:.25rem;height:3rem;min-width:3rem;-webkit-text-decoration:none;text-decoration:none}._button--icon_4w1qh_102{padding:.75rem;width:3rem}._button--iconLabel_4w1qh_103{padding:0;width:auto;width:initial}@media (min-width: 961px){._button--icon_4w1qh_102:hover,._button--iconLabel_4w1qh_103:hover{-webkit-text-decoration:none;text-decoration:none}}._button--icon_4w1qh_102 svg,._button--iconLabel_4w1qh_103 svg{display:block;margin-left:auto;margin-right:auto}._button--icon_4w1qh_102[disabled]:not(.stash-button--is-loading) svg,._button--iconLabel_4w1qh_103[disabled]:not(.stash-button--is-loading),._button--iconLabel_4w1qh_103[disabled]:not(.stash-button--is-loading) svg{color:var(--color-ice-500)}._button--inline_4w1qh_143{border:0;color:var(--color-blue-500);font-weight:500;line-height:1.5;min-width:0;padding:0}._button--inline_4w1qh_143:hover{-webkit-text-decoration:underline;text-decoration:underline}._button--inline_4w1qh_143[disabled]{color:var(--color-ice-500)}._button--blue_4w1qh_161._button--primary_4w1qh_81,._button--blue_4w1qh_161._button--secondary_4w1qh_88{--button-color: var(--color-blue-500)}._button--blue_4w1qh_161._button--primary_4w1qh_81{--button-hover-color: var(--color-blue-hover)}._button--blue_4w1qh_161._button--secondary_4w1qh_88{--text-color: var(--color-blue-500);--button-hover-color: var(--button-secondary-blue-hover)}._button--red_4w1qh_175._button--primary_4w1qh_81,._button--red_4w1qh_175._button--secondary_4w1qh_88{--button-color: var(--color-red-500)}._button--red_4w1qh_175._button--primary_4w1qh_81{--button-hover-color: var(--color-red-hover)}._button--red_4w1qh_175._button--secondary_4w1qh_88{--text-color: var(--color-red-500);--button-hover-color: var(--button-secondary-red-hover)}.button-grid>._button_4w1qh_2,.header-button-grid>._button_4w1qh_2{width:50%}.button-grid>._button_4w1qh_2+._button_4w1qh_2{margin-left:1.5rem}@media (min-width: 640px){.button-grid>._button_4w1qh_2{width:auto}}.header-button-grid>._button_4w1qh_2+._button_4w1qh_2{margin-left:1.5rem}@media (min-width: 961px){.header-button-grid>._button_4w1qh_2{width:auto}}._input_bhz1o_2:disabled+._label_bhz1o_2{cursor:auto}._label_bhz1o_2:before{content:"";border:1px solid var(--color-ice-500);display:inline-block;vertical-align:top}._label_bhz1o_2:before,._label_bhz1o_2:after{border-radius:.25rem;height:20px;left:0;position:absolute;top:.375rem;width:20px}._has-error_bhz1o_23 ._label_bhz1o_2:before,._has-error_bhz1o_23 ._input_bhz1o_2{border-color:var(--color-red-500)}._input_bhz1o_2:indeterminate+._label_bhz1o_2:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 10.4C6 10.1791 6.17909 10 6.4 10H17.6C17.8209 10 18 10.1791 18 10.4V12.6C18 12.8209 17.8209 13 17.6 13H6.4C6.17909 13 6 12.8209 6 12.6V10.4Z" fill="white"/></svg>')}._input_bhz1o_2:checked+._label_bhz1o_2:after{content:url('data:image/svg+xml; utf8, <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.89 8.281a.723.723 0 0 1 .22.531.723.723 0 0 1-.22.532l-6.718 6.719a.723.723 0 0 1-.531.218.723.723 0 0 1-.532-.218l-3.89-3.891A.723.723 0 0 1 6 11.64c0-.209.073-.386.219-.532l1.062-1.062a.723.723 0 0 1 .532-.219.72.72 0 0 1 .53.219l2.298 2.305 5.125-5.133a.723.723 0 0 1 .53-.219c.21 0 .386.073.532.219l1.063 1.062z" fill="white"/></svg>');background:var(--color-blue-500);height:20px;width:20px;top:.375rem}._input_bhz1o_2:checked+._label_bhz1o_2:before,._input_bhz1o_2:indeterminate+._label_bhz1o_2:before{background:var(--color-blue-500);border-color:var(--color-blue-500)}._input_bhz1o_2:disabled+._label_bhz1o_2:before,._input_bhz1o_2:disabled+._label_bhz1o_2:after{background:var(--color-ice-100);border:1px solid var(--color-ice-500)}._input_bhz1o_2:disabled:checked+._label_bhz1o_2:after{background:var(--color-ice-500)}._input_bhz1o_2:disabled:indeterminate+._label_bhz1o_2:after{background:var(--color-ice-500)}._input_bhz1o_2:not(:disabled):not(:checked):not(:indeterminate)+._label_bhz1o_2:hover:before{border-color:var(--color-blue-500)}._pagination_14zhb_2{margin-top:3rem;z-index:0}._pagination_14zhb_2 a,._pagination_14zhb_2 button{border-width:1px}._pagination_14zhb_2 a,._pagination_14zhb_2 button{border-style:solid}._pagination_14zhb_2 a,._pagination_14zhb_2 button{--tw-border-opacity: 1;border-color:#e8e9ee;border-color:rgba(232,233,238,var(--tw-border-opacity))}._pagination_14zhb_2 a,._pagination_14zhb_2 button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;color:var(--color-blue-500);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 -1px;width:2.25rem}._pagination_14zhb_2 a._prev_14zhb_20,._pagination_14zhb_2 button._prev_14zhb_20{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}._pagination_14zhb_2 a._next_14zhb_25,._pagination_14zhb_2 button._next_14zhb_25{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}._pagination_14zhb_2 a:focus,._pagination_14zhb_2 button:focus{outline:none}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover{-webkit-text-decoration:none;text-decoration:none}._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{background-color:var(--color-blue-500);color:#fff;pointer-events:none;z-index:200}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{border-width:1px}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{border-style:solid}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{--tw-border-opacity: 1;border-color:#0072f0;border-color:rgba(0,114,240,var(--tw-border-opacity))}._pagination_14zhb_2 a:hover,._pagination_14zhb_2 button:hover,._pagination_14zhb_2 a._is-active_14zhb_38,._pagination_14zhb_2 button._is-active_14zhb_38{position:relative}._pagination_14zhb_2 a._is-disabled_14zhb_51,._pagination_14zhb_2 button._is-disabled_14zhb_51{cursor:not-allowed;opacity:.5}._root_hagg9_2{max-width:600px}._image_hagg9_6{max-width:60px}@-webkit-keyframes _loading_ing3s_1{0%{stroke-dashoffset:250;-webkit-transform:rotate3d(0,0,1,-360deg);transform:rotate3d(0,0,1,-360deg)}to{stroke-dashoffset:40;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}@keyframes _loading_ing3s_1{0%{stroke-dashoffset:250;-webkit-transform:rotate3d(0,0,1,-360deg);transform:rotate3d(0,0,1,-360deg)}to{stroke-dashoffset:40;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}._spinner_ing3s_14{width:48px}._spinner_ing3s_14 svg{display:block;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%}._spinner_ing3s_14 circle{-webkit-animation:_loading_ing3s_1 1.5s ease-in-out alternate infinite;animation:_loading_ing3s_1 1.5s ease-in-out alternate infinite;stroke-dasharray:250;-webkit-transform-origin:center center;transform-origin:center center}._separator_5w47w_2:before,._separator_5w47w_2:after{border-bottom:1px solid var(--color-ice-200);content:"";-webkit-box-flex:1;-ms-flex:1;flex:1}._separator_5w47w_2:not(:empty):before{margin-right:.75rem}._separator_5w47w_2:not(:empty):after{margin-left:.75rem}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2 button{width:100%!important}}@media not all and (min-width: 640px){._filter-button-group_1o1yr_2 button:nth-child(2){margin-bottom:.75rem}}._root_ul6uq_2{position:relative;margin:.375rem 0}._label_ul6uq_7{color:var(--color-ice-700);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:400;line-height:1.5rem;min-height:2.25rem;overflow:visible;padding:.375rem 0 .375rem calc(20px + .75rem);position:relative;vertical-align:top}._label_ul6uq_7:before{background:var(--color-white);border:1px solid var(--color-ice-500);content:"";display:inline-block;vertical-align:top}._label_ul6uq_7:before,._label_ul6uq_7:after{height:20px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;border-radius:50%}._error_ul6uq_40 ._label_ul6uq_7{color:var(--color-red-500)}._error_ul6uq_40 ._label_ul6uq_7:before,._error_ul6uq_40 ._input_ul6uq_45{border-color:var(--color-red-500)}._input_ul6uq_45:checked+._label_ul6uq_7:after{background:var(--color-blue-500);content:"";height:14px;left:3px;width:14px}._input_ul6uq_45:checked:disabled+._label_ul6uq_7:after{background:var(--color-ice-500)}._input_ul6uq_45:not(:disabled):not(:checked)+._label_ul6uq_7:hover:before{border-color:var(--color-blue-500)}@media (min-width: 961px){._root_ul6uq_2 input{margin:0}}._item_12k6c_2{background:var(--color-white);border-radius:.25rem;grid-column-gap:var(--grid-gutter);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;padding:3rem .75rem .75rem;position:relative;grid-row-gap:var(--grid-gutter);row-gap:var(--grid-gutter)}@media (min-width: 640px){._item_12k6c_2{grid-template-columns:repeat(8,1fr)}}@media (min-width: 961px){._item_12k6c_2{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--color-ice-200);border-radius:0;-webkit-box-shadow:none;box-shadow:none;grid-template-columns:repeat(12,1fr);margin-bottom:0;padding:1.5rem;row-gap:0}._item_12k6c_2:last-child{border:0;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}._is-selectable_12k6c_41{grid-template-columns:.375rem repeat(12,1fr)}}._not-actionable_12k6c_46{padding-top:.75rem}@media (min-width: 961px){._not-actionable_12k6c_46{padding-top:1.5rem}}._checkbox_12k6c_56{left:.75rem;position:absolute!important;top:0}@media (min-width: 961px){._checkbox_12k6c_56{left:0;position:relative!important}._checkbox_12k6c_56 label{padding:10px}}._cell_3gkxo_2{background-color:var(--color-ice-100);border-radius:.25rem;padding:.375rem}._cell_3gkxo_2 .stash-label{font-size:.75rem}@media (min-width: 961px){._cell_3gkxo_2{background:none;padding:0}._cell_3gkxo_2 .stash-label{display:none!important}}._action_3gkxo_21{position:absolute;right:0;top:0}@media (min-width: 961px){._action_3gkxo_21{position:static;position:initial}}._toggle_1lu5k_2{outline:2px solid transparent;outline-offset:2px;--tw-ring-color: rgba(0, 114, 240, var(--tw-ring-opacity));--tw-ring-opacity: .15;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;gap:.375rem;padding:17px;outline:none;border-radius:.25rem}._toggle_1lu5k_2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}._toggle_1lu5k_2:focus-visible{border-color:var(--color-ice-900);padding:15px;border-width:2px}--open._toggle_1lu5k_2{border-bottom-right-radius:0;border-bottom-left-radius:0}@media (hover: hover){._toggle_1lu5k_2:hover{background-color:var(--color-ice-100)}}._toggle_1lu5k_2:active{background-color:var(--color-ice-200)}._toggle_1lu5k_2:active+hr,._toggle_1lu5k_2:hover+hr{opacity:0}._actionButton_144dr_2{min-width:156px;white-space:normal}._actionButton_144dr_2:hover{background-color:var(--color-blue-100);border-color:var(--color-blue-500)!important}._disabled_144dr_12{background-color:var(--color-ice-100)!important;border-color:var(--color-ice-500)!important;color:var(--color-ice-500)!important}._dropdownContent_144dr_18{margin-top:4px}._dropdownContent_144dr_18.dropdown__content{margin-left:0;margin-right:0;max-width:90vw}._dropdownContent_144dr_18.dropdown__content:after{display:none}@media (min-width: 640px){._actionsDropdown_144dr_33,._dropdownContent_144dr_18.dropdown__content{min-width:156px}}.stash-alert__link a,.stash-alert__link button{color:var(--color-ice-900);cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.stash-alert__link a:hover,.stash-alert__link button:hover{-webkit-text-decoration:none;text-decoration:none}.stash-alert--filled.stash-alert--error .stash-alert__link a,.stash-alert--filled.stash-alert--info .stash-alert__link a,.stash-alert--filled.stash-alert--error .stash-alert__link button,.stash-alert--filled.stash-alert--info .stash-alert__link button{color:#fff}._item_n8mr7_2{border-left:6px solid transparent;color:var(--color-ice-500);padding:10px 12px;-webkit-transition:background-color .15s;transition:background-color .15s}._item_n8mr7_2:hover,._item_n8mr7_2:focus{-webkit-text-decoration:none;text-decoration:none;background:#140e35}._sub-items_n8mr7_15 ._item_n8mr7_2{padding-left:40px}._expanded_n8mr7_19{background-color:#263256}._active_n8mr7_23{color:var(--color-seafoam-500);border-color:var(--color-seafoam-500);background:#140e35}._caret_n8mr7_29{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}._expanded_n8mr7_19 ._caret_n8mr7_29{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.stash-app-sidebar__aside[data-v-8ae19347]{padding-top:calc(3.5rem - 1px);width:17.5rem}.stash-app-sidebar__divider[data-v-8ae19347]:before,.stash-app-sidebar__divider[data-v-8ae19347]:after{border-bottom:1px solid rgba(255,255,255,.12)}.backdrop-enter-active[data-v-8ae19347],.backdrop-leave-active[data-v-8ae19347]{-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.backdrop-enter-from[data-v-8ae19347],.backdrop-leave-to[data-v-8ae19347]{opacity:0}.aside-enter-active[data-v-8ae19347],.aside-leave-active[data-v-8ae19347]{-webkit-transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transition:opacity .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.aside-enter-from[data-v-8ae19347],.aside-leave-to[data-v-8ae19347]{opacity:0;-webkit-transform:translateX(-20%);transform:translate(-20%)}._root_g79af_2{font-size:.875rem;height:2.25rem;line-height:calc(2.25rem + 2px);width:2.25rem}._clickable_g79af_9:hover,._clickable_g79af_9:focus,._clickable_g79af_9:active{outline:1px solid var(--color-blue-500);outline-offset:-1px}._clickable_g79af_9:focus,._clickable_g79af_9:active{-webkit-box-shadow:0 0 0 4px rgba(0,114,240,.15);box-shadow:0 0 0 4px #0072f026}._buttonGroup_1bnlz_3.w-full>button{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;max-width:100%}._button_1bnlz_3{border:1px solid var(--color-ice-500);border-radius:0;font-weight:600;line-height:20/14;min-width:100px;padding:7px 8px}._single_1bnlz_17 ._button_1bnlz_3{border:1px solid var(--color-ice-700);color:var(--color-ice-700)}._button_1bnlz_3:focus,._button_1bnlz_3:hover{border:1px solid var(--color-blue-500)!important;color:var(--color-blue-500);z-index:1}._button_1bnlz_3._active_1bnlz_29{background-color:var(--color-blue-100);border:1px solid var(--color-blue-500)!important;color:var(--color-blue-500);cursor:default;z-index:1}._button_1bnlz_3._active_1bnlz_29+button{border-left:1px solid transparent}._single_1bnlz_17 ._button_1bnlz_3._active_1bnlz_29,._can-deactivate_1bnlz_42 ._button_1bnlz_3._active_1bnlz_29{cursor:pointer}._button_1bnlz_3[disabled]{color:var(--color-ice-500);cursor:default;pointer-events:none}._button_1bnlz_3:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}._button_1bnlz_3:not(:first-child){margin-left:-1px}._button_1bnlz_3:not(:last-child){border-right:1px solid transparent}._button_1bnlz_3:first-child{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}._button_1bnlz_3:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}._placeholder_z4275_2{height:300px;width:100%}._iconSize_z4275_7{width:189px;height:189px}._stash-confirmation-code-input-container_kwgaz_2{--otp-digits: var(--b1b2f1d6);--otp-container-width: calc(var(--otp-digits) * 60px);width:calc(var(--b1b2f1d6) * 60px);width:var(--otp-container-width)}._otp-code-input_kwgaz_9{border-radius:4px;caret-color:transparent;height:36px;width:36px}._otp-code-input_kwgaz_9._has-error_kwgaz_16:not(:focus){border-color:var(--color-red-500)}._otp-code-input_kwgaz_9._has-success_kwgaz_20:not(:focus){border-color:var(--color-green-500)}._otp-code-input_kwgaz_9:focus{-webkit-box-shadow:0 0 0 3px rgba(0,114,240,.15);box-shadow:0 0 0 3px #0072f026;outline:none}._hidden_lkmi6_2 ._copy_lkmi6_3{visibility:hidden}._hidden_lkmi6_2:hover ._copy_lkmi6_3{visibility:visible}._dropdown__item_ozq17_2>button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._content_zbxyu_2{--offset: 0;position:absolute;z-index:301;min-width:200px;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:#0072f0;border-color:rgba(0,114,240,var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-shadow: 0px 18px 18px 4px rgba(38, 38, 38, .05), 0px 18px 18px 4px rgba(38, 38, 38, .1), 0px 18px 30px 0px rgba(38, 38, 38, .15);--tw-shadow-colored: 0px 18px 18px 4px var(--tw-shadow-color), 0px 18px 18px 4px var(--tw-shadow-color), 0px 18px 30px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 18px 18px 4px rgba(38,38,38,.05),0px 18px 18px 4px rgba(38,38,38,.1),0px 18px 30px 0px rgba(38,38,38,.15);box-shadow:0 0 #0000,0 0 #0000,0 18px 18px 4px #2626260d,0 18px 18px 4px #2626261a,0 18px 30px #26262626;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);-webkit-transform:translateX(0px);transform:translate(0);-webkit-transform:translateX(calc(var(--offset) * 1px));transform:translate(calc(var(--offset) * 1px))}.dropdown__list{margin:.375rem;list-style-type:none;--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:0}.dropdown__item{margin-left:0;margin-right:0;margin-top:0;margin-bottom:.375rem;display:block;width:100%}.dropdown__item:first-child{margin-top:0}.dropdown__item:last-child{margin-bottom:0}.dropdown__item button{border-style:none;padding:.375rem;text-align:left}.dropdown__item :where(a,button){display:block;width:100%;border-radius:.25rem;padding-top:10px;padding-bottom:10px;padding-left:.375rem;padding-right:.375rem;--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-duration:.165s;transition-duration:.165s;-webkit-transition-timing-function:cubic-bezier(.25,.8,.5,1);transition-timing-function:cubic-bezier(.25,.8,.5,1)}.dropdown__item :where(a,button):hover{--tw-bg-opacity: 1;background-color:#e8e9ee;background-color:rgba(232,233,238,var(--tw-bg-opacity));--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none}.dropdown__item :where(a,button):disabled{cursor:default;--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity))}.stash-select[data-v-ab74bb37]{position:relative}.stash-select__content[data-v-ab74bb37],.stash-select__content-wrapper[data-v-ab74bb37]{height:2.25rem}.stash-select__content[data-v-ab74bb37]{cursor:pointer;overflow:hidden;position:absolute;background:#fff;border:1px solid var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;font-family:Sofia,sans-serif;font-size:.875rem;font-weight:400;outline:none;padding:0!important;width:100%}.stash-select__content[data-v-ab74bb37]:hover{border-color:var(--color-ice-500)}.stash-select__content[data-v-ab74bb37]:focus-within{border-color:var(--color-blue-500)!important}.stash-select--disabled .stash-select__content[data-v-ab74bb37]{background-color:var(--color-ice-200);border-color:var(--color-ice-500);color:var(--color-ice-700);pointer-events:none!important}.stash-select--active .stash-select__content[data-v-ab74bb37]{cursor:default;height:auto;min-width:5rem;overflow:visible;z-index:200;-webkit-box-shadow:0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 2px 2px #2626260d,0 2px 6px #2626261a}.stash-select--error[data-v-ab74bb37] :where(.stash-select__content,.stash-select__content:hover:not(:focus)){border-color:var(--color-red-500)!important}.stash-select__placeholder[data-v-ab74bb37]{color:var(--color-ice-500)}.stash-select--active .stash-select__placeholder[data-v-ab74bb37]{cursor:default}.stash-select__icon[data-v-ab74bb37]{color:var(--color-ice-700);cursor:pointer;pointer-events:none;position:absolute;right:.375rem;top:.375rem}.stash-select--disabled .stash-select__icon[data-v-ab74bb37]{color:var(--color-ice-500)}.stash-select--active .stash-select__icon[data-v-ab74bb37]{pointer-events:auto}.stash-select__chips[data-v-ab74bb37]{--half-space:.1875rem;padding:.1875rem;padding:var(--half-space);padding-right:2.25rem}.stash-select__chips>li[data-v-ab74bb37]{cursor:pointer;height:1.375rem;margin:var(--half-space);max-width:100%}.stash-select--disabled .stash-select__chips>li[data-v-ab74bb37]{cursor:default}.stash-select__content-wrapper .stash-select__chip[data-v-ab74bb37]{border-radius:.25rem;font-size:.875rem;font-weight:400;height:1.375rem;max-width:inherit;text-transform:none}.stash-select--disabled .stash-select__chip[data-v-ab74bb37]{background:grey;color:#fff}.stash-select__content-wrapper .stash-select__total .stash-select__chip[data-v-ab74bb37]{font-weight:400}.stash-select__selected[data-v-ab74bb37]{color:var(--color-ice-700)}.stash-select__selected[data-v-ab74bb37] :where(.stash-select__remove){display:none}.stash-select__total[data-v-ab74bb37]{display:block;font-weight:600;line-height:24/14;position:absolute;right:1.5rem;white-space:nowrap;z-index:100;top:0;left:0;bottom:0;color:#fff;background:white;padding:.375rem}.stash-select__search[data-v-ab74bb37]{position:relative;width:100%;height:2.25rem;background:#fff;border-radius:.25rem;color:var(--color-ice-700);display:block;font-family:Sofia,sans-serif;font-size:.875rem;font-weight:400;outline:none;padding:0 .75rem;border:0!important}.stash-select__border-selector[data-v-ab74bb37]{background:white;border-radius:.25rem;border:1px solid var(--color-blue-500);max-height:18.75rem;overflow:auto;z-index:1001}.stash-select__option[data-v-ab74bb37]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.5rem;margin:.375rem;padding:.375rem}.stash-select__option--disabled[data-v-ab74bb37]{color:var(--color-ice-500);cursor:not-allowed}.stash-select__option--highlighted[data-v-ab74bb37]{background-color:var(--color-ice-200)}.stash-select__option--selected[data-v-ab74bb37]{background-color:var(--color-blue-100);color:var(--color-ice-700)}._root_1u8h2_2{font-size:10px;font-weight:600;text-transform:uppercase;line-height:1}._size-medium_1u8h2_12{height:20px;padding:2px 8px 0}._size-small_1u8h2_17{height:16px;padding:2px 8px 0}._remove-button_1u8h2_22{border-radius:inherit;border-top-left-radius:0;border-bottom-left-radius:0;height:inherit;margin-top:-2px;padding:0 4px;right:0}._remove-button_1u8h2_22:not(:disabled):hover{background:rgba(0,0,0,.1)}._badge-standard_hcbk5_2{height:15px;vertical-align:middle}._badge-dot_hcbk5_7{border:2px solid var(--color-ice-100);height:10px;right:0;width:10px}._top-right_hcbk5_14{top:0;right:0;-webkit-transform:translateX(50%) translateY(-48%);transform:translate(50%) translateY(-48%)}._root_1slou_2{position:relative}._root_1slou_2 input{background:var(--color-white);border:1px solid var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;height:2.25rem;font-size:.875rem;font-weight:400;outline:none;padding:0 .75rem;width:100%}._root_1slou_2 input:hover{border-color:var(--color-ice-500)}._root_1slou_2 input:active,._root_1slou_2 input:focus{border-color:var(--color-blue-500)}._root_1slou_2 input::-webkit-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::-moz-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input:-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input::placeholder{color:var(--color-ice-500);opacity:1}._root_1slou_2 input._has-error_1slou_34:not(:focus){border-color:var(--color-red-500)}._root_1slou_2 input._input-prepended_1slou_38{padding-left:36px}._root_1slou_2 input._input-appended_1slou_42{padding-right:36px}._root_1slou_2 input[disabled],._root_1slou_2 input[readonly]{background-color:var(--color-ice-200)!important;border-color:var(--color-ice-500)!important;color:var(--color-ice-700)!important;pointer-events:none}._root_1slou_2 input[disabled]:active,._root_1slou_2 input[readonly]:active,._root_1slou_2 input[disabled]:focus,._root_1slou_2 input[readonly]:focus{-webkit-box-shadow:none!important;box-shadow:none!important}._root_1slou_2 input[disabled]::-webkit-input-placeholder,._root_1slou_2 input[readonly]::-webkit-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::-moz-placeholder,._root_1slou_2 input[readonly]::-moz-placeholder{text-transform:none}._root_1slou_2 input[disabled]:-ms-input-placeholder,._root_1slou_2 input[readonly]:-ms-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::-ms-input-placeholder,._root_1slou_2 input[readonly]::-ms-input-placeholder{text-transform:none}._root_1slou_2 input[disabled]::placeholder,._root_1slou_2 input[readonly]::placeholder{text-transform:none}._symbol_1slou_66{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:2.25rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:absolute;top:0;width:2.25rem}._symbol--prepend_1slou_77{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;left:0}._symbol--append_1slou_83{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem;right:0}._paginate_1jnlh_2 ul{margin:0}._root_1avat_5{background-color:var(--color-white);border:1px solid var(--color-ice-500);cursor:pointer;height:2.25rem;padding-left:.75rem;padding-right:.75rem}._root_1avat_5:focus{-webkit-box-shadow:0 0 0 4px rgba(0,123,255,.15);box-shadow:0 0 0 4px #007bff26;outline:none}._root_1avat_5:hover{background-color:var(--color-blue-100);border:1px solid var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24{color:var(--color-white);background-color:var(--color-blue-500);border:1px solid var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24:hover{color:var(--color-white);background-color:var(--color-blue-700);border:1px solid var(--color-blue-700)}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36{background-color:var(--color-blue-500)}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36 .stash-chip__remove-button{margin-right:-1px;padding-right:.75rem}._root_1avat_5._is-selected_1avat_24._is-removable_1avat_36 .stash-chip__remove-button:hover{background-color:var(--color-blue-700)}._root_1avat_5._is-selected_1avat_24._has-filter-count_1avat_49:hover{background-color:var(--color-blue-700);color:var(--color-white)}._root_1avat_5._has-dropdown_1avat_54{padding-right:.375rem}._root_1avat_5._has-filter-count_1avat_49:hover{background-color:var(--color-blue-100);color:var(--color-ice-900)}._root_1avat_5 label{cursor:pointer}._filter-count_1avat_67{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5em;height:16px;padding:0 8px;margin-left:.375rem;font-size:10px;font-weight:700;background-color:var(--color-blue-500);color:var(--color-white)}._is-selected_1avat_24 ._filter-count_1avat_67{background-color:var(--color-blue-700)}._is-selected_1avat_24:hover ._filter-count_1avat_67{background-color:var(--color-white);color:var(--color-blue-700)}._is-selected_1avat_24._is-removable_1avat_36 ._filter-count_1avat_67{background-color:var(--color-blue-700);color:var(--color-white)}._caret_1avat_94{color:var(--color-ice-700);margin-left:.375rem;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s;transition:all .5s}._is-selected_1avat_24 ._caret_1avat_94{color:var(--color-white)}._caret-rotate_1avat_105{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}._search-input_1e71y_2 input:hover{border:1px solid var(--color-blue-500)}._search-input_1e71y_2 .stash-input-append{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:72px;overflow:visible}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13{color:var(--color-ice-700);height:2.25rem;min-width:2.25rem;width:2.25rem;background:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible{outline:none;-webkit-box-shadow:none;box-shadow:none}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{border-radius:.25rem}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 rgba(0,0,0,0);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0,0,0,0))}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--tw-ring-opacity: 1;--tw-ring-color: rgba(0, 114, 240, var(--tw-ring-opacity))}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:focus-visible svg{--tw-ring-opacity: .15}._search-input_1e71y_2 .stash-input-append ._clear-button_1e71y_13:disabled{color:var(--color-ice-500);cursor:default}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40{border-bottom-left-radius:0;border-top-left-radius:0;height:2.25rem;min-width:2.25rem;width:2.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:focus{-webkit-box-shadow:none;box-shadow:none}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:disabled{border-color:var(--color-ice-500)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:hover{background-color:var(--color-blue-600)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:active{background-color:var(--color-blue-700)}._search-input_1e71y_2 .stash-input-append ._search-button_1e71y_40:focus-visible{outline:none;border:1px solid var(--color-blue-900);-webkit-box-shadow:inset 0 0 0 1px var(--color-blue-900),0 0 0 4px rgba(0,114,240,.15);box-shadow:inset 0 0 0 1px var(--color-blue-900),0 0 0 4px #0072f026}._icon_gr3q2_2{margin-top:-1px}._dialog_1fzac_2{background:rgba(0,0,0,.3);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:0;overflow:auto;-webkit-overflow-scrolling:touch;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;place-content:center;position:fixed;right:0;top:0;z-index:1001;width:100%;height:100vh}._body_1fzac_19{--tw-shadow: 0px 24px 24px 0px rgba(38, 38, 38, .05), 0px 24px 24px 8px rgba(38, 38, 38, .1), 0px 24px 48px 8px rgba(38, 38, 38, .15);--tw-shadow-colored: 0px 24px 24px 0px var(--tw-shadow-color), 0px 24px 24px 8px var(--tw-shadow-color), 0px 24px 48px 8px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 24px 24px 0px rgba(38,38,38,.05),0px 24px 24px 8px rgba(38,38,38,.1),0px 24px 48px 8px rgba(38,38,38,.15);box-shadow:0 0 #0000,0 0 #0000,0 24px 24px #2626260d,0 24px 24px 8px #2626261a,0 24px 48px 8px #26262626;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background:var(--color-white);color:var(--color-ice-700);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-height:100vh;max-width:360px;-webkit-transition:-webkit-transform .15s cubic-bezier(.25,.8,.5,1);transition:-webkit-transform .15s cubic-bezier(.25,.8,.5,1);transition:transform .15s cubic-bezier(.25,.8,.5,1);transition:transform .15s cubic-bezier(.25,.8,.5,1),-webkit-transform .15s cubic-bezier(.25,.8,.5,1);width:100%}._body_1fzac_19._grey_1fzac_32{background:var(--color-ice-200);border-radius:.25rem}@media (min-width: 640px){._body_1fzac_19{border-radius:.25rem}}._content_1fzac_42{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:1.5rem var(--grid-gutter)}._footer_1fzac_47{background:var(--color-ice-200);border-top:1px solid var(--color-ice-500);display:inline;display:initial;padding:1.5rem var(--grid-gutter)}@media (min-width: 640px){._footer_1fzac_47{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}}.fade-enter-from ._body_1fzac_19,.fade-leave-active ._body_1fzac_19{-webkit-transform:translate3d(0,.75rem,0);transform:translate3d(0,.75rem,0)}._input_gn7he_2 input{border-bottom-right-radius:0;border-top-right-radius:0}._select_gn7he_7 .stash-select__content{border-bottom-left-radius:0;border-top-left-radius:0}._select_gn7he_7.stash-select--active .stash-select__content{min-width:0}._has-error_gn7he_16 input,._has-error_gn7he_16 input:hover:not(:focus),._has-error_gn7he_16 .stash-select__content,._has-error_gn7he_16 .stash-select__content:hover:not(:focus){border-color:var(--color-red-500)}._root_16z1p_2{background-color:var(--color-purple-500);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100vw}._wrapper_16z1p_11{max-width:100%;width:56rem}._content_16z1p_16{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._illustration_16z1p_22{width:300px;height:193px}@media screen and (max-width: 1023.98px){._content_16z1p_16{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0}._illustration_16z1p_22{margin-bottom:30px}}@media screen and (min-width: 1024px){._content__text_16z1p_40{max-width:50vw}}._illustration_16z1p_22 svg{margin-top:-53px}._menuitem_1kga5_3:not(:has(> a,> button)),._menuitem_1kga5_3>:where(a,button){width:100%;cursor:pointer;border-radius:.25rem;padding-top:10px;padding-bottom:10px;padding-left:.375rem;padding-right:.375rem;text-align:left;--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-duration:.165s;transition-duration:.165s;-webkit-transition-timing-function:cubic-bezier(.25,.8,.5,1);transition-timing-function:cubic-bezier(.25,.8,.5,1)}._menuitem_1kga5_3:not(:has(> a,> button)):hover,._menuitem_1kga5_3>:where(a,button):hover{--tw-bg-opacity: 1;background-color:#e8e9ee;background-color:rgba(232,233,238,var(--tw-bg-opacity));--tw-text-opacity: 1;color:#76797f;color:rgba(118,121,127,var(--tw-text-opacity));text-decoration-line:none}._menuitem_1kga5_3:not(:has(> a,> button)):disabled,._menuitem_1kga5_3>:where(a,button):disabled{cursor:default;--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity))}._menuitem_1kga5_3>:where(a,button){display:block;border:0}.modals-enter-active[data-v-bb296f1b],.modals-leave-active[data-v-bb296f1b]{--swing-timing-function: cubic-bezier(.25, .8, .5, 1);-webkit-transition:opacity 165ms cubic-bezier(.25,.8,.5,1);transition:opacity 165ms cubic-bezier(.25,.8,.5,1);-webkit-transition:opacity 165ms var(--swing-timing-function);transition:opacity 165ms var(--swing-timing-function)}.modals-enter-from[data-v-bb296f1b],.modals-leave-to[data-v-bb296f1b]{opacity:0}.modals-enter-active[data-v-bb296f1b] .stash-modal__dialog--position-center,.modals-leave-active[data-v-bb296f1b] .stash-modal__dialog--position-center{-webkit-transition:-webkit-transform 165ms var(--swing-timing-function);transition:-webkit-transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function),-webkit-transform 165ms var(--swing-timing-function)}.modals-enter-from[data-v-bb296f1b] .stash-modal__dialog--position-center,.modals-leave-to[data-v-bb296f1b] .stash-modal__dialog--position-center{-webkit-transform:translateY(20px);transform:translateY(20px)}.modals-enter-active[data-v-bb296f1b] .stash-modal__dialog--is-drawer,.modals-leave-active[data-v-bb296f1b] .stash-modal__dialog--is-drawer{-webkit-transition:-webkit-transform 165ms var(--swing-timing-function);transition:-webkit-transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function);transition:transform 165ms var(--swing-timing-function),-webkit-transform 165ms var(--swing-timing-function)}.modals-enter-from[data-v-bb296f1b] .stash-modal__dialog--position-left,.modals-leave-to[data-v-bb296f1b] .stash-modal__dialog--position-left{-webkit-transform:translateX(-50px);transform:translate(-50px)}.modals-enter-from[data-v-bb296f1b] .stash-modal__dialog--position-right,.modals-leave-to[data-v-bb296f1b] .stash-modal__dialog--position-right{-webkit-transform:translateX(50px);transform:translate(50px)}._media_ktx8r_3{max-height:58px;max-width:58px}._root_1fnu6_2{max-width:87.5rem;padding-left:var(--grid-gutter);padding-right:var(--grid-gutter);position:relative;margin-left:auto;margin-right:auto;width:100%}._stash-page-content--has-sidebar_1fnu6_10{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--grid-gutter)}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__main_1fnu6_16{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__sidebar_1fnu6_21{-webkit-box-flex:0;-ms-flex:0;flex:0;min-width:0}@media (min-width: 961px){._stash-page-content--has-sidebar_1fnu6_10{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__main_1fnu6_16{-webkit-box-flex:3;-ms-flex:3;flex:3}._stash-page-content--has-sidebar_1fnu6_10 ._stash-page-content__sidebar_1fnu6_21{-webkit-box-flex:1;-ms-flex:1;flex:1}}._root_1gg6c_2{border-bottom:0;display:grid;grid-gap:var(--grid-gutter);gap:var(--grid-gutter);margin:0 auto;max-width:87.5rem;padding:1.5rem var(--grid-gutter) 3rem;width:100%}@media (min-width: 961px){._root_1gg6c_2._grid_1gg6c_13{grid-template-columns:repeat(2,1fr)}}._actions_1gg6c_18{-ms-flex-item-align:end;align-self:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;row-gap:var(--grid-gutter)}@media (min-width: 640px){._actions_1gg6c_18{-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:0}}@media (min-width: 961px){._actions_1gg6c_18{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}._media-test_1gg6c_41{max-width:58px;max-height:58px}._custom-shadow_j326c_3{-webkit-box-shadow:0 -4px 4px rgba(0,0,0,.1);box-shadow:0 -4px 4px #0000001a}._root_nu1bt_2{background-color:#fff;border:1px solid transparent;cursor:pointer;display:inline-block}._root_nu1bt_2:hover,._root_nu1bt_2:active,._root_nu1bt_2:focus{border:1px solid var(--color-blue-500);-webkit-text-decoration:none;text-decoration:none}.stash-select-status--filled .stash-select__content{border:none;padding:0}.stash-select-status--filled .stash-select--active .stash-select__content:focus-within .stash-select__border-selector{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:calc(100% - 2px)}.stash-select-status--filled .stash-select-status--selected,.stash-select-status--filled :has(.stash-select-status--selected) .icon--caret-down{color:#fff}.stash-select-status--filled-dark .stash-select-status--selected,.stash-select-status--filled-dark :has(.stash-select-status--selected) .icon--caret-down{color:var(--color-ice-900)}._select_1gtqy_27 .stash-select--disabled>.stash-select__content{background-color:transparent;border-color:transparent}._select_1gtqy_27 :deep(._stash-select__chips_1gtqy_32){margin:0}._select_1gtqy_27 .stash-select__options{margin:0;padding:0}._select_1gtqy_27 ul{position:relative}._text-variant_buk08_2:before{content:" "}._has-children_buk08_6>*{visibility:hidden}._step_1h5eb_2:before{content:"●";position:absolute;color:#fff;left:-28px;opacity:0;-webkit-transition:opacity .5s cubic-bezier(.85,0,.15,1);transition:opacity .5s cubic-bezier(.85,0,.15,1)}._title_1h5eb_11{font-weight:500;font-size:1rem;margin-top:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._nested-step--active_1h5eb_18:before{opacity:1}._line_1h5eb_22{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1);transition:flex-grow .5s cubic-bezier(.87,0,.13,1),-webkit-box-flex .5s cubic-bezier(.87,0,.13,1),-ms-flex-positive .5s cubic-bezier(.87,0,.13,1)}._line--expanded_1h5eb_27{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}._stash-step--singular_1h5eb_31 ._line_1h5eb_22{position:absolute;left:0px;right:0px;top:.75rem;height:1px;border-top-width:0px}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:before{position:absolute;left:0px;right:50%;margin-right:4rem;display:block;height:1px;content:var(--tw-content);--tw-bg-opacity: 1;background-color:#c5c9d4;background-color:rgba(197,201,212,var(--tw-bg-opacity))}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:after{position:absolute;left:50%;right:0px;margin-left:4rem;display:block;height:1px;content:var(--tw-content);--tw-bg-opacity: 1;background-color:#c5c9d4;background-color:rgba(197,201,212,var(--tw-bg-opacity))}._stash-step--singular_1h5eb_31 ._line_1h5eb_22:after,._stash-step--singular_1h5eb_31 ._line_1h5eb_22:before{content:""}._step_1h5eb_2:not(._stash-step--singular_1h5eb_31):last-child ._line_1h5eb_22{display:none}._circle_1h5eb_62{width:1.5rem;height:1.5rem;line-height:1.5rem;border-radius:9999px;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center;font-weight:500;-webkit-transition:background-color .5s,color .5s;transition:background-color .5s,color .5s}._circle--todo_1h5eb_73{background-color:#ffffff80;color:#4d4a69;border:1px solid #747293}._circle--active_1h5eb_79{background-color:var(--color-blue-500);color:#fff;border:1px solid transparent}._circle--loading_1h5eb_85{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-ice-700);cursor:pointer}._circle--completed_1h5eb_92{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-green-500);cursor:pointer}._circle--error_1h5eb_99{background-color:#fff;border:1px solid var(--color-ice-500);color:var(--color-red-500);cursor:pointer}._nested_1h5eb_18{padding:1.125rem 0}._nested_1h5eb_18 li+li{margin-top:.75rem}._nested_1h5eb_18 ._title_1h5eb_11{font-weight:400;font-size:.9rem}.stash-stepper--vertical .stash-step:last-child .stash-step--nested-steps{display:none}.stash-stepper__arrow{position:absolute;top:0px;display:-webkit-box;display:-ms-flexbox;display:flex;height:1.5rem;width:1.5rem;min-width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:#c5c9d4;border-color:rgba(197,201,212,var(--tw-border-opacity));text-align:center}.stash-stepper__arrow:disabled{--tw-text-opacity: 1;color:#c5c9d4;color:rgba(197,201,212,var(--tw-text-opacity));opacity:.5}.stash-stepper__arrow--prev{left:0px}.stash-stepper__arrow--next{right:0px}._control_8a1ic_2{-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out}._active_8a1ic_5 ._control_8a1ic_2{left:.875rem}._root_rmarx_2{border:0}._layout--scroll_rmarx_6{background-color:var(--color-white);border:none;border-bottom:1px solid var(--color-ice-200)}._layout--scroll_rmarx_6._has-actions_rmarx_12:last-of-type{text-align:center}._layout--stack_rmarx_16{background-color:var(--color-ice-100);border-radius:.25rem}._layout--stack_rmarx_16._has-actions_rmarx_12:last-of-type{background-color:transparent;position:absolute;right:0;top:0}._layout--stack_rmarx_16._is-control_rmarx_28{background-color:transparent}@media (min-width: 961px){._layout--stack_rmarx_16{background-color:var(--color-white);border-bottom:1px solid var(--color-ice-200);border-radius:0;border-radius:initial}._layout--stack_rmarx_16._has-actions_rmarx_12:last-of-type{background-color:var(--color-white);position:static;position:initial;right:auto;right:initial;text-align:center;top:auto;top:initial}._layout--stack_rmarx_16._is-control_rmarx_28{background-color:var(--color-white)}._root--density-comfortable_rmarx_52:last-of-type:not(._has-actions_rmarx_12){padding-right:24px}._root--density-comfortable_rmarx_52:first-of-type:not(.stash-table-header-row__selection-cell):not(.stash-table-row__selection-cell):not(.stash-table-row__toggle-expansion-cell){padding-left:24px}}._root_ngiw1_2{border:0}._is-expandable_ngiw1_9>td{border-bottom-color:var(--color-ice-200);-webkit-transition:border-bottom-color .5s;transition:border-bottom-color .5s}._root--hidden-divider_ngiw1_14._is-expanded_ngiw1_14>td{-webkit-transition:border-bottom-color 0s;transition:border-bottom-color 0s;border-bottom-color:transparent}._layout--scroll_ngiw1_22{border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0}._layout--scroll_ngiw1_22:last-of-type{border:0}._layout--scroll_ngiw1_22:last-of-type td{border-bottom:none}._layout--stack_ngiw1_36{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:var(--color-white);grid-column-gap:var(--grid-gutter);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter);display:grid;grid-template-columns:repeat(12,1fr);position:relative;grid-row-gap:var(--grid-gutter);row-gap:var(--grid-gutter)}._layout--stack_ngiw1_36:not(._is-expanded_ngiw1_14){border-radius:.25rem;-webkit-transition:border-radius .5s;transition:border-radius .5s}._layout--stack_ngiw1_36._is-expanded_ngiw1_14{border-top-left-radius:.25rem;border-top-right-radius:.25rem}._row-selection-checkbox_ngiw1_56 label{padding:0;min-height:1.5rem;vertical-align:middle}._layout--stack_ngiw1_36 ._row-control-cell_ngiw1_62{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0}._row-control-cell_ngiw1_62+:not(._row-control-cell_ngiw1_62){grid-column-start:1}._row-expansion-content_ngiw1_73{-webkit-box-shadow:inset 0 -1px 0 0 var(--color-ice-200);box-shadow:inset 0 -1px 0 0 var(--color-ice-200)}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73,._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{display:block}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:1px solid var(--color-ice-200);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;margin-bottom:1.5rem}._layout--stack_ngiw1_36._root--hidden-divider_ngiw1_14+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:none}@media (min-width: 961px){._layout--stack_ngiw1_36{-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;background-color:transparent;background-color:initial;border:0;border-bottom:1px solid var(--color-ice-200);border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-column-gap:normal;-moz-column-gap:normal;column-gap:normal;-webkit-column-gap:initial;-moz-column-gap:initial;column-gap:initial;display:table-row;grid-template-columns:initial;row-gap:initial}._layout--stack_ngiw1_36:last-of-type{border-bottom:0}._layout--stack_ngiw1_36 ._row-control-cell_ngiw1_62{display:table-cell}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73{display:table-row}._layout--stack_ngiw1_36+._row-expansion_ngiw1_73>._row-expansion-content_ngiw1_73{border-top:0;border-top:initial;border-bottom-left-radius:0;border-bottom-right-radius:0;display:table-cell;margin-bottom:0;margin-bottom:initial}._row-control-cell_ngiw1_62+:not(._row-control-cell_ngiw1_62){grid-column-start:unset}}._root_14363_2{border-left:none;border-top:none;position:sticky;top:0;z-index:1}._root_14363_2:last-of-type{border-right:0}._has-actions_14363_14:last-of-type ._content-wrapper_14363_14{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}._caret-up_14363_18{top:-5px}._caret-down_14363_22{top:2px}.stash-table-header-cell--sorted ._caret_14363_18{top:-2px}@media (min-width: 961px){._root--density-comfortable_14363_31:last-of-type{padding-right:24px}._root--density-comfortable_14363_31:first-of-type:not(.stash-table-header-row__selection-cell):not(.stash-table-row__selection-cell){padding-left:24px}}._row-selection-checkbox_1eq6o_2 label{padding:0;min-height:1.5rem;vertical-align:middle}._row-control-cell_1eq6o_8{border-right:0}._root_1bv4v_2{position:relative;width:100%}._textarea_1bv4v_7{background:var(--color-white);border:1px solid;border-color:var(--color-ice-500);border-radius:.25rem;color:var(--color-ice-700);display:block;min-height:100px;outline:none;padding:.375rem;width:100%}._textarea_1bv4v_7:hover{border-color:var(--color-ice-500)}._textarea_1bv4v_7:focus,._textarea_1bv4v_7:active{border-color:var(--color-blue-500)}._textarea_1bv4v_7._stash-textarea--error_1bv4v_28{border-color:var(--color-red-500);color:var(--color-red-500)}._textarea_1bv4v_7::-webkit-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::-moz-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7:-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::-ms-input-placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7::placeholder{color:var(--color-ice-500);opacity:1}._textarea_1bv4v_7[disabled],._textarea_1bv4v_7[readonly]{background-color:var(--color-ice-200);border-color:var(--color-ice-500);color:var(--color-ice-700);pointer-events:none}._textarea_1bv4v_7[disabled]:active,._textarea_1bv4v_7[readonly]:active,._textarea_1bv4v_7[disabled]:focus,._textarea_1bv4v_7[readonly]:focus{-webkit-box-shadow:none;box-shadow:none}._textarea_1bv4v_7[disabled]::-webkit-input-placeholder,._textarea_1bv4v_7[readonly]::-webkit-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::-moz-placeholder,._textarea_1bv4v_7[readonly]::-moz-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]:-ms-input-placeholder,._textarea_1bv4v_7[readonly]:-ms-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::-ms-input-placeholder,._textarea_1bv4v_7[readonly]::-ms-input-placeholder{text-transform:none}._textarea_1bv4v_7[disabled]::placeholder,._textarea_1bv4v_7[readonly]::placeholder{text-transform:none}.stash-timeline[data-v-0bc8e788]{grid-template-columns:auto -webkit-min-content auto;grid-template-columns:auto min-content auto}.stash-modal__header[data-v-5dce6bf1]{grid-template-columns:48px 1fr 48px}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(1){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(2){margin-bottom:.75rem;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media (min-width: 961px){.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button:nth-of-type(2){margin-bottom:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.stash-modal__footer__actions[data-v-5dce6bf1]>.stash-button+.stash-button{margin-left:var(--grid-gutter)}}.stash-modal__featured-content[data-v-5dce6bf1]>*{border-radius:inherit}._file-dropbox_19hp2_2{background:var(--color-ice-200);background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23C5C9D4FF' stroke-width='1' stroke-dasharray='5 %2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");background-repeat:no-repeat;border:1px solid var(--color-ice-500);border-color:transparent}._is-dragging_19hp2_10{background-image:none;border-color:var(--color-ice-500)}._is-dragging_19hp2_10>*{pointer-events:none}._is-disabled_19hp2_19{cursor:no-drop}._upload-icon_19hp2_24{height:98px;width:84px}._remove-button_19hp2_29._button_19hp2_29{background:transparent;border:none;color:var(--color-red-500)}._remove-button_19hp2_29._button_19hp2_29:hover{background:transparent;border:none}._icon_1x7lf_2{display:inline-block;fill:currentcolor;vertical-align:middle}._standard_1x7lf_8{height:24px;min-height:24px;min-width:24px;width:24px}._dense_1x7lf_15{height:20px;min-height:20px;min-width:20px;width:20px}._small_1x7lf_22{height:14px;min-height:14px;min-width:14px;width:14px}._large_1x7lf_29{height:32px;min-height:32px;min-width:32px;width:32px}._menu-tab_frbn6_2>a,._menu-tab_frbn6_2>a:hover,._menu-tab_frbn6_2>a:focus{color:inherit}._root_p3yhd_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;border-width:1px .375rem 1px 1px;border-radius:.25rem;padding:1.125rem .75rem;cursor:pointer}._root_p3yhd_2>*+*{margin-left:.75rem}._root_p3yhd_2 div{margin-bottom:0;color:var(--color-ice-900);font-size:1rem}._status--success_p3yhd_22{background-color:var(--color-green-100);border-color:var(--color-green-500)}._status--success_p3yhd_22 svg{color:var(--color-green-500)}._status--error_p3yhd_31{background-color:var(--color-red-100);border-color:var(--color-red-500)}._status--error_p3yhd_31 svg{color:var(--color-red-500)}._status--info_p3yhd_40{background-color:var(--color-blue-100);border-color:var(--color-blue-500)}._status--info_p3yhd_40 svg{color:var(--color-blue-500)}._status--warning_p3yhd_49{background-color:var(--color-orange-100);border-color:var(--color-orange-500)}._status--warning_p3yhd_49 svg{color:var(--color-orange-500)}._root_1m7jr_2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;min-width:300px;max-width:calc(320px - .75rem);right:1.5rem;top:1.5rem;z-index:1002;row-gap:.375rem}.toasts-enter-active,.toasts-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease}.toasts-enter-from,.toasts-leave-to{opacity:0;-webkit-transform:translateX(30px);transform:translate(30px)}:root{--vc-clr-primary: #000;--vc-clr-secondary: rgba(9,15,32,.49804);--vc-clr-white: #ffffff;--vc-icn-width: 1.2em;--vc-nav-width: 30px;--vc-nav-height: 30px;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-background: transparent;--vc-pgn-width: 12px;--vc-pgn-height: 4px;--vc-pgn-margin: 4px;--vc-pgn-border-radius: 0;--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-active-color: var(--vc-clr-primary)}.carousel{position:relative;text-align:center;box-sizing:border-box;touch-action:pan-y;overscroll-behavior:none}.carousel.is-dragging{touch-action:none}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0!important;position:relative}.carousel__viewport{overflow:hidden}.carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.carousel__icon{width:1.2em;width:var(--vc-icn-width);height:1.2em;height:var(--vc-icn-width);fill:currentColor}.carousel__prev,.carousel__next{box-sizing:content-box;background:transparent;background:var(--vc-nav-background);border-radius:0;border-radius:var(--vc-nav-border-radius);width:30px;width:var(--vc-nav-width);height:30px;height:var(--vc-nav-height);text-align:center;font-size:30px;font-size:var(--vc-nav-height);padding:0;color:#000;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer;margin:0 10px;top:50%;transform:translateY(-50%)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{right:auto;left:0}@media (hover: hover){.carousel__prev:hover,.carousel__next:hover{color:#090f207f;color:var(--vc-nav-color-hover)}}.carousel__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 0;padding:0}.carousel__pagination-button{display:block;border:0;margin:0;cursor:pointer;padding:4px;padding:var(--vc-pgn-margin);background:transparent}.carousel__pagination-button:after{display:block;content:"";width:12px;width:var(--vc-pgn-width);height:4px;height:var(--vc-pgn-height);border-radius:0;border-radius:var(--vc-pgn-border-radius);background-color:#090f207f;background-color:var(--vc-pgn-background-color)}.carousel__pagination-button--active:after{background-color:#000;background-color:var(--vc-pgn-active-color)}@media (hover: hover){.carousel__pagination-button:hover:after{background-color:#000;background-color:var(--vc-pgn-active-color)}}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}._root_a92j2_2 :deep(._carousel__icon_a92j2_2){background-color:var(--color-white);border-radius:.25rem;color:var(--color-blue-500);height:2.25rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2.25rem}._root_a92j2_2 :deep(._carousel__icon_a92j2_2:hover){background-color:var(--color-ice-100);color:var(--color-blue-700)}._root_a92j2_2 :deep(._carousel__next_a92j2_18){padding-right:2.25rem}._root_a92j2_2 :deep(._carousel__next--disabled_a92j2_22){display:none}._root_a92j2_2 :deep(._carousel__prev_a92j2_26){padding-left:2.25rem}._root_a92j2_2 :deep(._carousel__prev--disabled_a92j2_30){display:none}._pagination-dot_a92j2_34{height:4px;margin-right:2px;width:4px}._pagination-tile_a92j2_40{height:3rem;opacity:.4;-o-object-fit:cover;object-fit:cover;width:3rem}._pagination-tile_a92j2_40._is-current-tile_a92j2_47{opacity:1}@media (min-width: 961px){._select-bar_hsxyw_2{border-bottom:1px solid var(--color-ice-200);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle}}._checkbox_hsxyw_10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}._actions_hsxyw_14>*{margin-top:1.5rem;width:100%}@media (min-width: 961px){._actions_hsxyw_14>*{margin-left:.75rem;margin-top:0;width:auto}}._empty-state_12gjn_2{max-width:100%}._main-header_1wlsh_2{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background-color:var(--color-white);border-radius:.25rem;margin-bottom:1.5rem;padding:var(--grid-gutter)}@media (min-width: 961px){._main-header_1wlsh_2{border-bottom:1px solid var(--color-ice-200);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}}._expanded-content-wrapper_1wlsh_18{position:relative;width:100%}@media (min-width: 961px){._expanded-content-wrapper_1wlsh_18{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}}._expanded-content-header_1wlsh_29{background-color:var(--color-white);border-bottom:1px solid var(--color-ice-200);color:var(--color-ice-900);display:none;font-weight:500;padding:0 .75rem;-webkit-transition:padding .15s cubic-bezier(.25,.8,.5,1);transition:padding .15s cubic-bezier(.25,.8,.5,1);z-index:1}@media (min-width: 961px){._expanded-content-header_1wlsh_29{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}._expanded-content-header_1wlsh_29.is-sticky{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}._expanded-content-header_1wlsh_29.is-sticky{border-radius:0;z-index:201}._expanded-content-header-grid_1wlsh_52{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;grid-column-gap:0}._expanded-content-header-grid_1wlsh_52>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid var(--color-ice-200);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.75rem}._expanded-content-header-grid_1wlsh_52>div:last-of-type{border-right:0}._expansion-toggle-button_1wlsh_70:focus{-webkit-box-shadow:none;box-shadow:none}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters ._main-header_1wlsh_2{border-radius:0}}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters ._expanded-content-list-items-wrapper_1wlsh_81>*{border-bottom:1px solid var(--color-ice-200);border-radius:0}}@media (min-width: 961px){._list-group_1wlsh_74.disable-external-gutters:last-of-type.is-collapsed ._main-header_1wlsh_2,._list-group_1wlsh_74.disable-external-gutters:last-of-type ._expanded-content-list-items-wrapper_1wlsh_81>*:last-child{border-bottom:none;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}}._caret-up_1147a_2{top:-5px}._caret-down_1147a_6{top:2px}.is-active-sort ._caret_1147a_2{top:-2px}._list-items_c8ut0_2{background-color:var(--color-ice-200);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;min-width:100%;position:relative}@media (min-width: 961px){._list-items_c8ut0_2{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}}._legacy-box_c8ut0_16{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);background:var(--color-white);border-radius:.25rem;padding:1.5rem var(--grid-gutter)}._header_c8ut0_25{background-color:var(--color-white);color:var(--color-ice-900);font-weight:500;margin-bottom:.75rem;overflow:hidden;z-index:1}._header_c8ut0_25.is-sticky{--tw-shadow: 0px 2px 2px 0px rgba(38, 38, 38, .05), 0px 2px 6px 0px rgba(38, 38, 38, .1);--tw-shadow-colored: 0px 2px 2px 0px var(--tw-shadow-color), 0px 2px 6px 0px var(--tw-shadow-color);-webkit-box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0px 2px 2px 0px rgba(38,38,38,.05),0px 2px 6px 0px rgba(38,38,38,.1);box-shadow:0 0 #0000,0 0 #0000,0 2px 2px #2626260d,0 2px 6px #2626261a;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}._header_c8ut0_25.is-sticky{border-radius:0;overflow:visible;z-index:201}._header_c8ut0_25.is-sticky:before,._header_c8ut0_25.is-sticky:after{background-color:var(--color-white);content:"";height:100%;overflow-x:hidden;position:absolute;right:100%;top:0;width:.75rem}@media (min-width: 961px){._header_c8ut0_25.is-sticky:before,._header_c8ut0_25.is-sticky:after{content:none}}._header_c8ut0_25.is-sticky:after{left:100%;right:auto}._header_c8ut0_25 .input--checkbox label{min-height:1.5rem}@media (min-width: 961px){._header_c8ut0_25{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}}._header-grid-container_c8ut0_75{display:none;-webkit-transition:padding .15s cubic-bezier(.25,.8,.5,1);transition:padding .15s cubic-bezier(.25,.8,.5,1)}@media (min-width: 961px){._header-grid-container_c8ut0_75{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}}._header-grid_c8ut0_75{-webkit-column-gap:0!important;-moz-column-gap:0!important;column-gap:0!important;grid-column-gap:0!important}._header-grid_c8ut0_75>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid var(--color-ice-200);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.75rem}._header-grid_c8ut0_75>div:first-of-type{margin-left:-.75rem;padding-left:1.5rem}._header-grid_c8ut0_75>div:last-of-type{border-right:0;margin-right:-.75rem}._search-input_c8ut0_109 input{padding-right:4.5rem!important}._search-input_c8ut0_109 .stash-input-append{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:72px}._search-input_c8ut0_109 .stash-input-append ._clear-button_c8ut0_120{color:var(--color-ice-700);height:36px;margin:0;min-width:36px;padding:0;width:36px}._search-input_c8ut0_109 .stash-input-append ._clear-button_c8ut0_120:disabled{color:var(--color-ice-500);cursor:default}._search-input_c8ut0_109 .stash-input-append ._search-button_c8ut0_134{border-bottom-left-radius:0;border-color:var(--color-blue-500);border-left:none;border-top-left-radius:0;min-width:36px;padding:0 .375rem;width:36px}._search-input_c8ut0_109 .stash-input-append ._search-button_c8ut0_134:disabled{border-color:var(--color-ice-500)}@media (min-width: 640px){._total-sort_c8ut0_151{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}._filter-toggle-btn_c8ut0_158{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}._filter-toggle-btn-with-hint-text_c8ut0_162{margin-bottom:20px}@-webkit-keyframes _separator_c8ut0_1{0%{opacity:0}to{opacity:1}}@keyframes _separator_c8ut0_1{0%{opacity:0}to{opacity:1}}._filters-expand_c8ut0_177.stash-expand--expanded ._filters-wrapper_c8ut0_178:before{-webkit-animation:_separator_c8ut0_1 .3s cubic-bezier(.4,0,.6,1) .5s 1 forwards;animation:_separator_c8ut0_1 .3s cubic-bezier(.4,0,.6,1) .5s 1 forwards;background:var(--color-ice-200);content:"";height:1px;left:calc(var(--grid-gutter) * -1);opacity:0;position:absolute;right:calc(var(--grid-gutter) * -1);top:1.5rem}@media (min-width: 961px){._filters-half-width_c8ut0_191 .field-wrapper{grid-column:span 6 / span 6}}._dropdown_c8ut0_199 .tw-text-blue-500{font-size:.75rem}._sort-option_c8ut0_203{height:2.25rem}._select-all_c8ut0_207{width:1.5rem}._label_1mshv_2{padding:8px 30px;border:1px solid var(--color-ice-500);font-weight:600;color:var(--color-ice-700);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;text-align:center}._root_1mshv_14:first-of-type ._label_1mshv_2{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}._root_1mshv_14:last-of-type ._label_1mshv_2{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}._root_1mshv_14:not(:first-of-type) ._label_1mshv_2{margin-left:-1px}._root_1mshv_14:not(:last-of-type) ._label_1mshv_2{border-right-color:transparent}._input_1mshv_32:disabled~._label_1mshv_2{background-color:var(--color-ice-100);color:var(--color-ice-500);cursor:auto}._input_1mshv_32:not(:checked):not(:disabled)~._label_1mshv_2:hover{border-color:var(--color-blue-500);color:var(--color-blue-500);z-index:1;position:relative}._input_1mshv_32:checked:not(:disabled)~._label_1mshv_2{border-color:var(--color-blue-500);color:var(--color-blue-500);background-color:var(--color-blue-100);z-index:1;position:relative}._label_vdpts_2{display:inline-block;padding:.25rem .75rem;border:1px solid var(--color-ice-500);font-weight:400;line-height:1.375rem;color:var(--color-ice-900);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;white-space:nowrap}._input_vdpts_16:disabled~._label_vdpts_2{background-color:var(--color-ice-100);color:var(--color-ice-500);cursor:auto}._input_vdpts_16:checked:not(:disabled)~._label_vdpts_2{border-color:var(--color-blue-500);color:#fff;background-color:var(--color-blue-500);font-weight:700}._input_vdpts_16:not(:checked):not(:disabled)~._label_vdpts_2:hover{border-color:var(--color-blue-500)}._label_kw8hn_2{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._input_kw8hn_9{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;min-width:20px;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer}._input_kw8hn_9:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._input_kw8hn_9:disabled{background-image:radial-gradient(var(--color-ice-100) 100%,var(--color-ice-100) 100%)}._input_kw8hn_9:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,var(--color-ice-100) 54%)}._input_kw8hn_9:hover:not(:disabled){border-color:var(--color-blue-500)}._input_kw8hn_9:disabled~._label_kw8hn_2{cursor:auto}._input_kw8hn_9:hover:not(:disabled)~._label_kw8hn_2{color:var(--color-ice-900)}._input_kw8hn_9:not(:disabled)~._label_kw8hn_2:hover{color:var(--color-ice-900)}._root_583pa_2{border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._root--disabled_583pa_11{cursor:auto}._tile-header_583pa_15,._tile-body_583pa_16{-webkit-transition:all .2s;transition:all .2s}._tile-header_583pa_15{border-radius:.25rem .25rem 0 0;padding:.75rem 0}._root_583pa_2:hover:not(._root--disabled_583pa_11) ._tile-header_583pa_15{background-color:var(--color-blue-100)!important;border-color:var(--color-blue-500)!important;color:var(--color-ice-900)!important;-webkit-transition:all .2s;transition:all .2s}._label_583pa_32{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._input_583pa_39{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:2px;margin-left:.75rem}._input_583pa_39:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._input_583pa_39:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,var(--color-ice-100) 54%)}._tile-body_583pa_16{border-radius:0 0 .25rem .25rem;border-width:0 1px 1px 1px;background-color:#fff;padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._root_583pa_2:hover:not(._root--disabled_583pa_11) ._tile-body_583pa_16{border-color:var(--color-blue-500)!important;-webkit-transition:all .2s;transition:all .2s}._root_1bamn_2 label{padding:8px 30px;border:1px solid var(--color-ice-500);font-weight:600;color:var(--color-ice-700);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;text-align:center}._root_1bamn_2>div:first-child label{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}._root_1bamn_2>div:last-child label{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}._root_1bamn_2>div:not(:first-child) label{margin-left:-1px}._root_1bamn_2>div:not(:last-child) label{border-right-color:transparent}._root_1bamn_2 input:disabled~label{background-color:var(--color-ice-200);color:var(--color-ice-500);cursor:auto}._root_1bamn_2 input:not(:checked):not(:disabled)~label:hover{border-color:var(--color-blue-500);color:var(--color-blue-500);z-index:1;position:relative}._root_1bamn_2 input:checked:not(:disabled)~label{border-color:var(--color-blue-500);color:var(--color-blue-500);background-color:var(--color-blue-100);z-index:1;position:relative}._root_kagur_2{gap:1.5rem}._root_kagur_2 label{padding:.375rem .75rem;border:1px solid var(--color-ice-500);font-weight:400;color:var(--color-ice-900);cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;white-space:nowrap}._root_kagur_2 input:disabled~label{background-color:var(--color-ice-200);color:var(--color-ice-500);cursor:auto}._root_kagur_2 input:checked:not(:disabled)~label{border-color:var(--color-blue-500);color:var(--color-white);background-color:var(--color-blue-500);font-weight:700}._root_kagur_2 input:not(:checked):not(:disabled)~label:hover{border-color:var(--color-blue-500)}._root_11y1n_2{gap:1.5rem}._root_11y1n_2 label{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._root_11y1n_2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:5px}._root_11y1n_2 input:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._root_11y1n_2 input:disabled{background:#eef2f4}._root_11y1n_2 input:disabled~label{cursor:auto}._root_11y1n_2 input:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,transparent 54%)}._root_11y1n_2 input:hover:not(:disabled){border-color:var(--color-blue-500)}._root_11y1n_2 input:hover:not(:disabled)~label{color:var(--color-ice-900)}._root_11y1n_2 input:not(:disabled)~label:hover{color:var(--color-ice-900)}._root_1sppn_2{gap:1.5rem}._root_1sppn_2 label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._root_1sppn_2 input:disabled~label{cursor:auto}._root_1sppn_2 input:hover:not(:disabled)~label{color:var(--color-ice-900)}._root_1sppn_2 input:not(:disabled)~label:hover{color:var(--color-ice-900)}._root_1sppn_2 label._tile-container_1sppn_23{border-radius:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._tile-header_1sppn_30,._tile-body_1sppn_31{-webkit-transition:all .2s;transition:all .2s}._tile-header_1sppn_30{border-radius:.25rem .25rem 0 0;padding:.75rem 0}._root_1sppn_2 label._tile-container_1sppn_23:hover ._tile-header_1sppn_30{background-color:var(--color-blue-100)!important;border-color:var(--color-blue-500)!important;color:var(--color-ice-900)!important;-webkit-transition:all .2s;transition:all .2s}._tile-body_1sppn_31{border-radius:0 0 .25rem .25rem;background-color:var(--color-white);padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}._root_1sppn_2 label._tile-container_1sppn_23:hover ._tile-body_1sppn_31{border-color:var(--color-blue-500)!important;-webkit-transition:all .2s;transition:all .2s}._root_1sppn_2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);border-radius:50%;width:20px;height:20px;border:1px solid var(--color-ice-500);-webkit-transition:all .2s;transition:all .2s;position:relative;cursor:pointer;top:2px}._root_1sppn_2 input~div{font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0 .75rem}._root_1sppn_2 input:disabled{background:#eef2f4}._root_1sppn_2 input:checked{background-image:radial-gradient(var(--color-blue-500) 50%,transparent 54%)}._root_1sppn_2 label._tile-container_1sppn_23 input{margin-left:.75rem}._root_1sppn_2 input:disabled:checked{background-image:radial-gradient(var(--color-ice-500) 50%,transparent 54%)}@media screen and (max-width: 640px){._root_1sppn_2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.stash-field-hint,.stash-field-error{display:block;width:100%}.stash-label{margin-bottom:6px}/*!
|
|
2
2
|
* Quill Editor v2.0.2
|
|
3
3
|
* https://quilljs.com
|
|
4
4
|
* Copyright (c) 2017-2024, Slab
|
package/package.json
CHANGED
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { defineComponent as x, inject as T, computed as o, onMounted as k, nextTick as g, toRefs as u, openBlock as c, createElementBlock as y, normalizeClass as _, unref as n, withKeys as C, createBlock as P, resolveDynamicComponent as B, mergeProps as E, withCtx as b, createElementVNode as $, createVNode as N, renderSlot as A } from "vue";
|
|
2
|
-
import I from "@leaflink/snitch";
|
|
3
|
-
import j from "./Badge.js";
|
|
4
|
-
import { T as D } from "./Tabs.vue_used_vue_type_style_index_0_lang.module-3aa36673.js";
|
|
5
|
-
const L = ["id", "aria-selected", "aria-controls", "aria-disabled"], V = { class: "tw-mt-0.5" }, J = /* @__PURE__ */ x({
|
|
6
|
-
__name: "Tab",
|
|
7
|
-
props: {
|
|
8
|
-
value: {},
|
|
9
|
-
to: {},
|
|
10
|
-
href: {},
|
|
11
|
-
badge: {},
|
|
12
|
-
disabled: { type: Boolean },
|
|
13
|
-
anchorProps: {},
|
|
14
|
-
routerLinkProps: {}
|
|
15
|
-
},
|
|
16
|
-
setup(p) {
|
|
17
|
-
const e = p, l = T(D.key);
|
|
18
|
-
if (!l)
|
|
19
|
-
throw Error("The Tab component must be a child of the Tabs component.");
|
|
20
|
-
const { setActiveTab: v, activeTab: w, variant: a } = l, t = o(() => e.value === w.value), f = o(() => e.to ? "router-link" : e.href ? "a" : "button");
|
|
21
|
-
function d(i) {
|
|
22
|
-
e.disabled || v(i);
|
|
23
|
-
}
|
|
24
|
-
const s = o(() => `tabpanel-${e.value}`);
|
|
25
|
-
k(async () => {
|
|
26
|
-
await g(), process.env.NODE_ENV !== "test" && t.value && !document.getElementById(s.value) && I.warn(
|
|
27
|
-
`The <Tab> with value "${e.value}" is active, but its corresponding tab panel cannot be found. Please ensure that the corresponding tab panel has an "id" attribute with value "${s.value}" and a "role" attribute with value "tabpanel".`
|
|
28
|
-
);
|
|
29
|
-
});
|
|
30
|
-
const h = o(() => e.to && e.routerLinkProps ? u(e.routerLinkProps) : e.href && e.anchorProps ? u(e.anchorProps) : {});
|
|
31
|
-
return (i, r) => (c(), y("li", {
|
|
32
|
-
id: `tab-${e.value}`,
|
|
33
|
-
role: "tab",
|
|
34
|
-
"aria-selected": t.value,
|
|
35
|
-
"aria-controls": s.value,
|
|
36
|
-
"aria-disabled": e.disabled,
|
|
37
|
-
class: _(["stash-tab", [
|
|
38
|
-
{
|
|
39
|
-
"stash-tab--active is-active": t.value,
|
|
40
|
-
"stash-tab--disabled": e.disabled,
|
|
41
|
-
"stash-tab--variant-line": n(a) === "line",
|
|
42
|
-
"stash-tab--variant-enclosed": n(a) === "enclosed"
|
|
43
|
-
}
|
|
44
|
-
]]),
|
|
45
|
-
onClick: r[0] || (r[0] = (m) => d(e.value)),
|
|
46
|
-
onKeypress: r[1] || (r[1] = C((m) => d(e.value), ["enter"]))
|
|
47
|
-
}, [
|
|
48
|
-
(c(), P(B(f.value), E(h.value, {
|
|
49
|
-
to: e.to,
|
|
50
|
-
href: e.href,
|
|
51
|
-
class: ["tw-flex tw-cursor-pointer tw-items-center tw-justify-center tw-whitespace-nowrap tw-border-solid tw-py-1.5 tw-text-sm tw-font-medium hover:tw-no-underline", [
|
|
52
|
-
{
|
|
53
|
-
"tw-border-b-2": n(a) === "line",
|
|
54
|
-
"tw-border-t-4 tw-px-6": n(a) === "enclosed",
|
|
55
|
-
"tw-rounded-t tw-bg-white": t.value && n(a) === "enclosed",
|
|
56
|
-
"focus:tw-no-underline": e.href,
|
|
57
|
-
"tw-pointer-events-none tw-text-ice-500": e.disabled,
|
|
58
|
-
"tw-text-ice-700": !e.disabled && !t.value
|
|
59
|
-
},
|
|
60
|
-
[
|
|
61
|
-
t.value ? "tw-border-blue-500 tw-text-blue-500" : "tw-border-transparent hover:tw-text-blue-500 focus:tw-text-blue-500"
|
|
62
|
-
]
|
|
63
|
-
]],
|
|
64
|
-
tabindex: e.disabled ? -1 : 0
|
|
65
|
-
}), {
|
|
66
|
-
default: b(() => [
|
|
67
|
-
$("div", V, [
|
|
68
|
-
N(j, {
|
|
69
|
-
content: e.badge,
|
|
70
|
-
position: "inline",
|
|
71
|
-
color: "red",
|
|
72
|
-
"is-disabled": e.disabled
|
|
73
|
-
}, {
|
|
74
|
-
default: b(() => [
|
|
75
|
-
A(i.$slots, "default", {
|
|
76
|
-
isActive: t.value,
|
|
77
|
-
isDisabled: e.disabled,
|
|
78
|
-
variant: n(a)
|
|
79
|
-
})
|
|
80
|
-
]),
|
|
81
|
-
_: 3
|
|
82
|
-
}, 8, ["content", "is-disabled"])
|
|
83
|
-
])
|
|
84
|
-
]),
|
|
85
|
-
_: 3
|
|
86
|
-
}, 16, ["to", "href", "class", "tabindex"]))
|
|
87
|
-
], 42, L));
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
export {
|
|
91
|
-
J as _
|
|
92
|
-
};
|
|
93
|
-
//# sourceMappingURL=Tab.vue_vue_type_script_setup_true_lang-9aa53203.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.vue_vue_type_script_setup_true_lang-9aa53203.js","sources":["../src/components/Tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import logger from '@leaflink/snitch';\n import { computed, inject, nextTick, onMounted, toRefs } from 'vue';\n import { type RouteLocationRaw, type RouterLinkProps } from 'vue-router';\n\n import Badge from '../Badge/Badge.vue';\n import { TABS_INJECTION } from '../Tabs/Tabs.vue';\n\n /**\n * Allowed attributes for the `<a>` element when the `href` prop is used.\n */\n type AnchorAttrs =\n | HTMLAnchorElement['download']\n | HTMLAnchorElement['hreflang']\n | HTMLAnchorElement['ping']\n | HTMLAnchorElement['referrerPolicy']\n | HTMLAnchorElement['rel']\n | HTMLAnchorElement['target']\n | HTMLAnchorElement['type'];\n\n export interface TabProps {\n /**\n * The tab identifier\n */\n value: string;\n\n /**\n * Router link `to` prop\n */\n to?: RouteLocationRaw;\n\n /**\n * Anchor tag href. Used for navigating to non-vue pages, such as Django pages in marketplace.\n */\n href?: string;\n\n /**\n * The badge's content\n */\n badge?: string | number;\n\n /**\n * Will render a plain text item if true.\n */\n disabled?: boolean;\n\n /**\n * Props for the `<a>` element when the `href` prop is used\n */\n anchorProps?: Record<AnchorAttrs, string>;\n\n /**\n * Props for the `<RouterLink>` element when the `to` prop is used\n */\n routerLinkProps?: Omit<RouterLinkProps, 'to'>;\n }\n\n const props = defineProps<TabProps>();\n\n const tabsInjection = inject(TABS_INJECTION.key);\n\n if (!tabsInjection) {\n throw Error('The Tab component must be a child of the Tabs component.');\n }\n\n const { setActiveTab, activeTab, variant } = tabsInjection;\n\n const isTabActive = computed(() => {\n return props.value === activeTab.value;\n });\n\n const is = computed(() => {\n if (props.to) {\n return 'router-link';\n }\n\n if (props.href) {\n return 'a';\n }\n\n return 'button';\n });\n\n /**\n * Note: this click handler gets ignored when the `href` prop is used; `preventDefault()` is intentionally omitted in order to enable the `href` prop to work correctly. The `href` prop is used for navigation to non-vue pages, such as Django pages in marketplace.\n */\n function onClick(tabValue: string) {\n if (props.disabled) {\n return;\n }\n\n setActiveTab(tabValue);\n }\n\n const panelId = computed(() => `tabpanel-${props.value}`);\n\n onMounted(async () => {\n await nextTick();\n\n if (process.env.NODE_ENV !== 'test' && isTabActive.value && !document.getElementById(panelId.value)) {\n // The following warning ensures optimal accessibility is maintained when using the Tabs component. See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role#example\n logger.warn(\n `The <Tab> with value \"${props.value}\" is active, but its corresponding tab panel cannot be found. Please ensure that the corresponding tab panel has an \"id\" attribute with value \"${panelId.value}\" and a \"role\" attribute with value \"tabpanel\".`,\n );\n }\n });\n\n const dynamicComponentAttrs = computed(() => {\n if (props.to && props.routerLinkProps) {\n return toRefs(props.routerLinkProps);\n }\n\n if (props.href && props.anchorProps) {\n return toRefs(props.anchorProps);\n }\n\n return {};\n });\n</script>\n\n<template>\n <li\n :id=\"`tab-${props.value}`\"\n role=\"tab\"\n :aria-selected=\"isTabActive\"\n :aria-controls=\"panelId\"\n :aria-disabled=\"props.disabled\"\n class=\"stash-tab\"\n :class=\"[\n {\n 'stash-tab--active is-active': isTabActive,\n 'stash-tab--disabled': props.disabled,\n 'stash-tab--variant-line': variant === 'line',\n 'stash-tab--variant-enclosed': variant === 'enclosed',\n },\n ]\"\n @click=\"onClick(props.value)\"\n @keypress.enter=\"onClick(props.value)\"\n >\n <component\n v-bind=\"dynamicComponentAttrs\"\n :is=\"is\"\n :to=\"props.to\"\n :href=\"props.href\"\n class=\"tw-flex tw-cursor-pointer tw-items-center tw-justify-center tw-whitespace-nowrap tw-border-solid tw-py-1.5 tw-text-sm tw-font-medium hover:tw-no-underline\"\n :class=\"[\n {\n 'tw-border-b-2': variant === 'line',\n 'tw-border-t-4 tw-px-6': variant === 'enclosed',\n 'tw-rounded-t tw-bg-white': isTabActive && variant === 'enclosed',\n 'focus:tw-no-underline': props.href,\n 'tw-pointer-events-none tw-text-ice-500': props.disabled,\n 'tw-text-ice-700': !props.disabled && !isTabActive,\n },\n [\n isTabActive\n ? 'tw-border-blue-500 tw-text-blue-500'\n : 'tw-border-transparent hover:tw-text-blue-500 focus:tw-text-blue-500',\n ],\n ]\"\n :tabindex=\"props.disabled ? -1 : 0\"\n >\n <!-- The margin-top on the <div> below is necessary to fix the vertical alignment of text in the default slot since our Sofia font has extra space under the baseline -->\n <div class=\"tw-mt-0.5\">\n <Badge :content=\"props.badge\" position=\"inline\" color=\"red\" :is-disabled=\"props.disabled\">\n <slot :is-active=\"isTabActive\" :is-disabled=\"props.disabled\" :variant=\"variant\"></slot>\n </Badge>\n </div>\n </component>\n </li>\n</template>\n"],"names":["props","__props","tabsInjection","inject","TABS_INJECTION","setActiveTab","activeTab","variant","isTabActive","computed","is","onClick","tabValue","panelId","onMounted","nextTick","logger","dynamicComponentAttrs","toRefs"],"mappings":";;;;;;;;;;;;;;;;AAyDE,UAAMA,IAAQC,GAERC,IAAgBC,EAAOC,EAAe,GAAG;AAE/C,QAAI,CAACF;AACH,YAAM,MAAM,0DAA0D;AAGxE,UAAM,EAAE,cAAAG,GAAc,WAAAC,GAAW,SAAAC,EAAA,IAAYL,GAEvCM,IAAcC,EAAS,MACpBT,EAAM,UAAUM,EAAU,KAClC,GAEKI,IAAKD,EAAS,MACdT,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,QACR;AAKD,aAASW,EAAQC,GAAkB;AACjC,MAAIZ,EAAM,YAIVK,EAAaO,CAAQ;AAAA,IACvB;AAEA,UAAMC,IAAUJ,EAAS,MAAM,YAAYT,EAAM,OAAO;AAExD,IAAAc,EAAU,YAAY;AACpB,YAAMC,EAAS,GAEX,QAAQ,IAAI,aAAa,UAAUP,EAAY,SAAS,CAAC,SAAS,eAAeK,EAAQ,KAAK,KAEzFG,EAAA;AAAA,QACL,yBAAyBhB,EAAM,uJAAuJa,EAAQ;AAAA,MAAA;AAAA,IAElM,CACD;AAEK,UAAAI,IAAwBR,EAAS,MACjCT,EAAM,MAAMA,EAAM,kBACbkB,EAAOlB,EAAM,eAAe,IAGjCA,EAAM,QAAQA,EAAM,cACfkB,EAAOlB,EAAM,WAAW,IAG1B,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|