@dgshahr/ui-kit 1.2.0 → 1.3.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/Breadcrumb/index.cjs +1 -1
- package/dist/Breadcrumb/index.d.ts +2 -10
- package/dist/Breadcrumb/index.d.ts.map +1 -1
- package/dist/Breadcrumb/index.mjs +29 -26
- package/dist/Breadcrumb/types.d.ts +21 -0
- package/dist/Breadcrumb/types.d.ts.map +1 -0
- package/dist/Form/RangeInput/Thumb.d.ts +1 -1
- package/dist/Form/RangeInput/Thumb.d.ts.map +1 -1
- package/dist/Form/RangeInput/index.cjs +1 -1
- package/dist/Form/RangeInput/index.d.ts.map +1 -1
- package/dist/Form/RangeInput/index.mjs +67 -67
- package/dist/Form/RangeInput/types.d.ts +2 -1
- package/dist/Form/RangeInput/types.d.ts.map +1 -1
- package/dist/Sidebar/Profile.d.ts.map +1 -1
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +95 -82
- package/dist/assets/styles.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../assets/styles.css');const
|
|
1
|
+
"use strict";require('../assets/styles.css');const s=require("react/jsx-runtime"),r=require("../clsx-C11secjj.cjs"),u=require("../IconArrowLeft2-CNA3H0xY.cjs");;/* empty css */const k=l=>{const{items:t,pageTitle:n,className:g}=l;return s.jsx("div",{className:r.clsx("dgsuikit:bg-gray-100 dgsuikit:w-full",g),children:s.jsxs("div",{className:"dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:py-3 dgsuikit:overflow-x-auto dgsuikit:no-scrollbar dgsuikit:container",children:[t.map((i,e)=>{const o="link"in i?"a":"button";return s.jsxs(o,{..."link"in i?{href:i.link}:{onClick:i.onClick},className:"dgsuikit:transition dgsuikit:shrink-0 dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:text-gray-500 dgsuikit:hover:text-primary-500",children:[i.icon&&i.icon,s.jsx("div",{className:"dgsuikit:font-caption-demibold",children:i.title}),e!==t.length-1||e===t.length-1&&n?s.jsx(u.IconArrowLeft2,{width:16,height:16}):null]},i.title)}),n?s.jsx("div",{className:"dgsuikit:text-gray-500 dgsuikit:font-caption-regular dgsuikit:shrink-0",children:n}):null]})})};module.exports=k;
|
|
@@ -1,13 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
interface BreadcrumbProps {
|
|
3
|
-
items: {
|
|
4
|
-
link: string;
|
|
5
|
-
title: string;
|
|
6
|
-
icon?: ReactNode;
|
|
7
|
-
}[];
|
|
8
|
-
pageTitle?: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
}
|
|
1
|
+
import { BreadcrumbProps } from './types';
|
|
11
2
|
declare const Breadcrumb: (props: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
3
|
export default Breadcrumb;
|
|
4
|
+
export * from './types';
|
|
13
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,kBAAkB,CAAC;AAE1B,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,4CAmCzC,CAAC;AAEF,eAAe,UAAU,CAAC;AAC1B,cAAc,SAAS,CAAC"}
|
|
@@ -1,32 +1,35 @@
|
|
|
1
1
|
import { jsx as t, jsxs as g } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
2
|
+
import { c as a } from "../clsx-OuTLNxxd.js";
|
|
3
|
+
import { I as d } from "../IconArrowLeft2-cxcPyDqS.js";
|
|
3
4
|
import '../assets/styles.css';/* empty css */
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
5
|
+
const p = (o) => {
|
|
6
|
+
const { items: s, pageTitle: n, className: e } = o;
|
|
7
|
+
return /* @__PURE__ */ t("div", { className: a("dgsuikit:bg-gray-100 dgsuikit:w-full", e), children: /* @__PURE__ */ g("div", { className: "dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:py-3 dgsuikit:overflow-x-auto dgsuikit:no-scrollbar dgsuikit:container", children: [
|
|
8
|
+
s.map((i, l) => {
|
|
9
|
+
const k = "link" in i ? "a" : "button";
|
|
10
|
+
return /* @__PURE__ */ g(
|
|
11
|
+
k,
|
|
12
|
+
{
|
|
13
|
+
..."link" in i ? { href: i.link } : { onClick: i.onClick },
|
|
14
|
+
className: "dgsuikit:transition dgsuikit:shrink-0 dgsuikit:flex dgsuikit:items-center dgsuikit:gap-x-1 dgsuikit:text-gray-500 dgsuikit:hover:text-primary-500",
|
|
15
|
+
children: [
|
|
16
|
+
i.icon && i.icon,
|
|
17
|
+
/* @__PURE__ */ t("div", { className: "dgsuikit:font-caption-demibold", children: i.title }),
|
|
18
|
+
l !== s.length - 1 || l === s.length - 1 && n ? /* @__PURE__ */ t(
|
|
19
|
+
d,
|
|
20
|
+
{
|
|
21
|
+
width: 16,
|
|
22
|
+
height: 16
|
|
23
|
+
}
|
|
24
|
+
) : null
|
|
25
|
+
]
|
|
26
|
+
},
|
|
27
|
+
i.title
|
|
28
|
+
);
|
|
29
|
+
}),
|
|
30
|
+
n ? /* @__PURE__ */ t("div", { className: "dgsuikit:text-gray-500 dgsuikit:font-caption-regular dgsuikit:shrink-0", children: n }) : null
|
|
28
31
|
] }) });
|
|
29
32
|
};
|
|
30
33
|
export {
|
|
31
|
-
|
|
34
|
+
p as default
|
|
32
35
|
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface BreadcrumbItemBase {
|
|
3
|
+
title: string;
|
|
4
|
+
icon?: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
interface BreadcrumbItemLink {
|
|
7
|
+
link: string;
|
|
8
|
+
onClick?: never;
|
|
9
|
+
}
|
|
10
|
+
interface BreadcrumbItemOnClick {
|
|
11
|
+
link?: never;
|
|
12
|
+
onClick: () => void;
|
|
13
|
+
}
|
|
14
|
+
export type BreadcrumbItem = BreadcrumbItemBase & (BreadcrumbItemLink | BreadcrumbItemOnClick);
|
|
15
|
+
export interface BreadcrumbProps {
|
|
16
|
+
items: BreadcrumbItem[];
|
|
17
|
+
pageTitle?: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AACD,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,CAAC,kBAAkB,GAAG,qBAAqB,CAAC,CAAC;AAE/F,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { RangeInputProps, RangeValueType } from './types';
|
|
3
|
-
interface RangeThumbProps extends Pick<RangeInputProps<RangeValueType>, '
|
|
3
|
+
interface RangeThumbProps extends Pick<RangeInputProps<RangeValueType>, 'tooltip' | 'color'> {
|
|
4
4
|
percent: number;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
icon?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,UAAU,eAAgB,SAAQ,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,UAAU,eAAgB,SAAQ,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1F,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAYD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA6BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),y=require("../../clsx-C11secjj.cjs"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),y=require("../../clsx-C11secjj.cjs"),E=require("../../IconArrowLeft2-CNA3H0xY.cjs"),L=require("../../IconArrowRight2-CF_bdH81.cjs"),c=24,x=c/2,N="dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10",$="dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2",I={"۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","𝟎":"0","𝟏":"1","𝟐":"2","𝟑":"3","𝟒":"4","𝟓":"5","𝟔":"6","𝟕":"7","𝟖":"8","𝟗":"9"},M=RegExp(`[${Object.keys(I).join()}]`,"gu");function P(e){return e.replace(M,i=>I[i])}function _(e){let i=typeof e=="number"?e.toString():e;return i=i.toString(),i=P(i),i=i.replace(/[^-.\d]/g,""),i=i.replace(/\B(?=(\d{3})+(?!\d))/g,","),i}function U(e,i){return i?"dgsuikit:bg-gray-300":e==="primary"?"dgsuikit:bg-primary-500 dgsuikit:group-hover:bg-primary-400 dgsuikit:group-active:bg-primary-600":"dgsuikit:bg-secondary-600 dgsuikit:group-hover:bg-secondary-500 dgsuikit:group-active:bg-secondary-700"}const C=e=>{const{percent:i,disabled:l,icon:k,tooltip:g,value:p,color:n}=e;return t.jsxs("div",{className:y.clsx("dgsuikit:rounded-full dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:text-white dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center",U(n,l),l&&"dgsuikit:group-hover:ring-4 dgsuikit:ring-gray-300 dgsuikit:group-active:ring-0 dgsuikit:transition-[background-color,box-shadow]"),style:{right:`${i}%`,width:c,height:c},children:[k,g&&t.jsxs("div",{className:"dgsuikit:absolute dgsuikit:bottom-full dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:opacity-0 dgsuikit:group-hover:opacity-100 dgsuikit:transition-opacity dgsuikit:z-10 dgsuikit:mb-2.5",children:[t.jsx("div",{className:"dgsuikit:flex dgsuikit:py-3 dgsuikit:px-4 dgsuikit:rounded-lg dgsuikit:bg-gray-700 dgsuikit:shadow-md dgsuikit:text-white dgsuikit:font-p2-regular dgsuikit:border dgsuikit:border-gray-300 dgsuikit:ss02",children:typeof g=="boolean"?_(p):g}),t.jsx("div",{className:"dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45 dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"})]})]})};function q(e){const{value:i,wrapperClassName:l,min:k,max:g,color:p="primary",step:n=1,onChange:b,disabled:d,endTitle:h,startTitle:m,tooltip:S=!0}=e,s=Array.isArray(i),[r=0,u=0]=s?i:[0,0],o=a=>(a-k)/(g-k)*100,T=a=>{b(Number(a.target.value))},A=a=>{const f=Math.min(Number(a.target.value),u-n);b([f,u])},R=a=>{const f=Math.max(Number(a.target.value),r+n);b([r,f])},v=o(s?r:i),j=o(u),w={color:p,tooltip:S,disabled:d};return t.jsxs("div",{...l?{className:l}:{},children:[t.jsxs("div",{className:"dgsuikit:relative dgsuikit:group",children:[t.jsxs("div",{className:"dgsuikit:w-full dgsuikit:relative dgsuikit:bg-primary-50 dgsuikit:h-1 dgsuikit:rounded-sm dgsuikit:flex dgsuikit:items-center",children:[t.jsx("div",{className:y.clsx("dgsuikit:h-full dgsuikit:absolute dgsuikit:top-0 dgsuikit:rounded-sm",{"dgsuikit:bg-gray-300":d},{"dgsuikit:bg-primary-500":p==="primary"&&!d},{"dgsuikit:bg-secondary-600":p==="secondary"&&!d}),style:{right:s?`${o(r)}%`:"0%",width:s?`${o(u)-o(r)}%`:`${o(i)}%`}}),t.jsx("input",{type:"range",min:k,max:s?u:g,step:n,value:s?r:i,onChange:s?A:T,disabled:d,className:y.clsx(N,s&&`${$} dgsuikit:right-0`),style:{width:s?`calc(${j}% - ${c}px)`:"100%"}}),s&&t.jsx("input",{type:"range",min:r,max:g,step:n,value:u,onChange:R,disabled:d,className:`${N} ${$} dgsuikit:left-0`,style:{width:`calc(${100-v}% - ${c}px)`}})]}),t.jsxs("div",{className:"dgsuikit:absolute dgsuikit:inset-0",style:{width:`calc(100% - ${c}px)`},children:[t.jsx(C,{...w,percent:v,value:s?r:i,icon:s&&t.jsx(E.IconArrowLeft2,{width:x,height:x})}),s&&t.jsx(C,{...w,percent:j,value:u,icon:t.jsx(L.IconArrowRight2,{width:x,height:x})})]})]}),!!(m??h)&&t.jsxs("div",{className:y.clsx("dgsuikit:mt-4 dgsuikit:w-full dgsuikit:flex dgsuikit:items-center dgsuikit:font-p2-medium",d?"dgsuikit:text-gray-300":"dgsuikit:text-gray-500",{"dgsuikit:justify-between":m&&h},{"dgsuikit:justify-start":m&&!h},{"dgsuikit:justify-end":!m&&h}),children:[t.jsx("span",{children:m}),t.jsx("span",{children:h})]})]})}module.exports=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,iBAAS,UAAU,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,iBAAS,UAAU,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,2CA+IhF;AAED,eAAe,UAAU,CAAC;AAC1B,cAAc,SAAS,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { c as f } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { I as
|
|
3
|
+
import { I as P } from "../../IconArrowLeft2-cxcPyDqS.js";
|
|
4
4
|
import { I as _ } from "../../IconArrowRight2-BoXg0Gkw.js";
|
|
5
|
-
const k = 24, b = k / 2, C = "dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10",
|
|
5
|
+
const k = 24, b = k / 2, C = "dgsuikit:appearance-none dgsuikit:bg-transparent dgsuikit:opacity-0 dgsuikit:z-10", I = "dgsuikit:absolute dgsuikit:top-0 dgsuikit:-translate-y-1/2", T = {
|
|
6
6
|
// Persian
|
|
7
7
|
"۰": "0",
|
|
8
8
|
"۱": "1",
|
|
@@ -36,25 +36,25 @@ const k = 24, b = k / 2, C = "dgsuikit:appearance-none dgsuikit:bg-transparent d
|
|
|
36
36
|
"𝟕": "7",
|
|
37
37
|
"𝟖": "8",
|
|
38
38
|
"𝟗": "9"
|
|
39
|
-
}, L = RegExp(`[${Object.keys(
|
|
40
|
-
function P(s) {
|
|
41
|
-
return s.replace(L, (i) => S[i]);
|
|
42
|
-
}
|
|
39
|
+
}, L = RegExp(`[${Object.keys(T).join()}]`, "gu");
|
|
43
40
|
function R(s) {
|
|
41
|
+
return s.replace(L, (i) => T[i]);
|
|
42
|
+
}
|
|
43
|
+
function U(s) {
|
|
44
44
|
let i = typeof s == "number" ? s.toString() : s;
|
|
45
|
-
return i = i.toString(), i =
|
|
45
|
+
return i = i.toString(), i = R(i), i = i.replace(/[^-.\d]/g, ""), i = i.replace(/\B(?=(\d{3})+(?!\d))/g, ","), i;
|
|
46
46
|
}
|
|
47
|
-
function
|
|
47
|
+
function z(s, i) {
|
|
48
48
|
return i ? "dgsuikit:bg-gray-300" : s === "primary" ? "dgsuikit:bg-primary-500 dgsuikit:group-hover:bg-primary-400 dgsuikit:group-active:bg-primary-600" : "dgsuikit:bg-secondary-600 dgsuikit:group-hover:bg-secondary-500 dgsuikit:group-active:bg-secondary-700";
|
|
49
49
|
}
|
|
50
|
-
const
|
|
51
|
-
const { percent: i, disabled: c, icon: p,
|
|
52
|
-
return /* @__PURE__ */
|
|
50
|
+
const S = (s) => {
|
|
51
|
+
const { percent: i, disabled: c, icon: p, tooltip: g, value: m, color: o } = s;
|
|
52
|
+
return /* @__PURE__ */ n(
|
|
53
53
|
"div",
|
|
54
54
|
{
|
|
55
55
|
className: f(
|
|
56
56
|
"dgsuikit:rounded-full dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:text-white dgsuikit:flex dgsuikit:items-center dgsuikit:justify-center",
|
|
57
|
-
|
|
57
|
+
z(o, c),
|
|
58
58
|
c && "dgsuikit:group-hover:ring-4 dgsuikit:ring-gray-300 dgsuikit:group-active:ring-0 dgsuikit:transition-[background-color,box-shadow]"
|
|
59
59
|
// state classes
|
|
60
60
|
),
|
|
@@ -65,51 +65,55 @@ const I = (s) => {
|
|
|
65
65
|
},
|
|
66
66
|
children: [
|
|
67
67
|
p,
|
|
68
|
-
|
|
69
|
-
/* @__PURE__ */ e("div", { className: "dgsuikit:flex dgsuikit:py-3 dgsuikit:px-4 dgsuikit:rounded-lg dgsuikit:bg-gray-700 dgsuikit:shadow-md dgsuikit:text-white dgsuikit:font-p2-regular dgsuikit:border dgsuikit:border-gray-300 dgsuikit:ss02", children:
|
|
68
|
+
g && /* @__PURE__ */ n("div", { className: "dgsuikit:absolute dgsuikit:bottom-full dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:flex dgsuikit:flex-col dgsuikit:items-center dgsuikit:opacity-0 dgsuikit:group-hover:opacity-100 dgsuikit:transition-opacity dgsuikit:z-10 dgsuikit:mb-2.5", children: [
|
|
69
|
+
/* @__PURE__ */ e("div", { className: "dgsuikit:flex dgsuikit:py-3 dgsuikit:px-4 dgsuikit:rounded-lg dgsuikit:bg-gray-700 dgsuikit:shadow-md dgsuikit:text-white dgsuikit:font-p2-regular dgsuikit:border dgsuikit:border-gray-300 dgsuikit:ss02", children: typeof g == "boolean" ? U(m) : g }),
|
|
70
70
|
/* @__PURE__ */ e("div", { className: "dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45 dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br" })
|
|
71
71
|
] })
|
|
72
72
|
]
|
|
73
73
|
}
|
|
74
74
|
);
|
|
75
75
|
};
|
|
76
|
-
function
|
|
76
|
+
function Z(s) {
|
|
77
77
|
const {
|
|
78
78
|
value: i,
|
|
79
79
|
wrapperClassName: c,
|
|
80
80
|
min: p,
|
|
81
|
-
max:
|
|
82
|
-
color:
|
|
81
|
+
max: g,
|
|
82
|
+
color: m = "primary",
|
|
83
83
|
step: o = 1,
|
|
84
84
|
onChange: v,
|
|
85
|
-
disabled:
|
|
85
|
+
disabled: r,
|
|
86
86
|
endTitle: h,
|
|
87
87
|
startTitle: y,
|
|
88
|
-
|
|
89
|
-
} = s, t = Array.isArray(i), [
|
|
90
|
-
v(Number(
|
|
91
|
-
},
|
|
92
|
-
const x = Math.min(Number(
|
|
93
|
-
v([x,
|
|
94
|
-
},
|
|
95
|
-
const x = Math.max(Number(
|
|
96
|
-
v([
|
|
97
|
-
},
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
88
|
+
tooltip: j = !0
|
|
89
|
+
} = s, t = Array.isArray(i), [d = 0, u = 0] = t ? i : [0, 0], l = (a) => (a - p) / (g - p) * 100, A = (a) => {
|
|
90
|
+
v(Number(a.target.value));
|
|
91
|
+
}, E = (a) => {
|
|
92
|
+
const x = Math.min(Number(a.target.value), u - o);
|
|
93
|
+
v([x, u]);
|
|
94
|
+
}, M = (a) => {
|
|
95
|
+
const x = Math.max(Number(a.target.value), d + o);
|
|
96
|
+
v([d, x]);
|
|
97
|
+
}, w = l(t ? d : i), N = l(u), $ = {
|
|
98
|
+
color: m,
|
|
99
|
+
tooltip: j,
|
|
100
|
+
disabled: r
|
|
101
|
+
};
|
|
102
|
+
return /* @__PURE__ */ n("div", { ...c ? { className: c } : {}, children: [
|
|
103
|
+
/* @__PURE__ */ n("div", { className: "dgsuikit:relative dgsuikit:group", children: [
|
|
104
|
+
/* @__PURE__ */ n("div", { className: "dgsuikit:w-full dgsuikit:relative dgsuikit:bg-primary-50 dgsuikit:h-1 dgsuikit:rounded-sm dgsuikit:flex dgsuikit:items-center", children: [
|
|
101
105
|
/* @__PURE__ */ e(
|
|
102
106
|
"div",
|
|
103
107
|
{
|
|
104
108
|
className: f(
|
|
105
109
|
"dgsuikit:h-full dgsuikit:absolute dgsuikit:top-0 dgsuikit:rounded-sm",
|
|
106
|
-
{ "dgsuikit:bg-gray-300":
|
|
107
|
-
{ "dgsuikit:bg-primary-500":
|
|
108
|
-
{ "dgsuikit:bg-secondary-600":
|
|
110
|
+
{ "dgsuikit:bg-gray-300": r },
|
|
111
|
+
{ "dgsuikit:bg-primary-500": m === "primary" && !r },
|
|
112
|
+
{ "dgsuikit:bg-secondary-600": m === "secondary" && !r }
|
|
109
113
|
),
|
|
110
114
|
style: {
|
|
111
|
-
right: t ? `${l(
|
|
112
|
-
width: t ? `${l(
|
|
115
|
+
right: t ? `${l(d)}%` : "0%",
|
|
116
|
+
width: t ? `${l(u) - l(d)}%` : `${l(i)}%`
|
|
113
117
|
}
|
|
114
118
|
}
|
|
115
119
|
),
|
|
@@ -118,17 +122,17 @@ function O(s) {
|
|
|
118
122
|
{
|
|
119
123
|
type: "range",
|
|
120
124
|
min: p,
|
|
121
|
-
max: t ?
|
|
125
|
+
max: t ? u : g,
|
|
122
126
|
step: o,
|
|
123
|
-
value: t ?
|
|
124
|
-
onChange: t ?
|
|
125
|
-
disabled:
|
|
127
|
+
value: t ? d : i,
|
|
128
|
+
onChange: t ? E : A,
|
|
129
|
+
disabled: r,
|
|
126
130
|
className: f(
|
|
127
131
|
C,
|
|
128
|
-
t && `${
|
|
132
|
+
t && `${I} dgsuikit:right-0`
|
|
129
133
|
),
|
|
130
134
|
style: {
|
|
131
|
-
width: t ? `calc(${
|
|
135
|
+
width: t ? `calc(${N}% - ${k}px)` : "100%"
|
|
132
136
|
}
|
|
133
137
|
}
|
|
134
138
|
),
|
|
@@ -136,20 +140,20 @@ function O(s) {
|
|
|
136
140
|
"input",
|
|
137
141
|
{
|
|
138
142
|
type: "range",
|
|
139
|
-
min:
|
|
140
|
-
max:
|
|
143
|
+
min: d,
|
|
144
|
+
max: g,
|
|
141
145
|
step: o,
|
|
142
|
-
value:
|
|
143
|
-
onChange:
|
|
144
|
-
disabled:
|
|
145
|
-
className: `${C} ${
|
|
146
|
+
value: u,
|
|
147
|
+
onChange: M,
|
|
148
|
+
disabled: r,
|
|
149
|
+
className: `${C} ${I} dgsuikit:left-0`,
|
|
146
150
|
style: {
|
|
147
|
-
width: `calc(${100 -
|
|
151
|
+
width: `calc(${100 - w}% - ${k}px)`
|
|
148
152
|
}
|
|
149
153
|
}
|
|
150
154
|
)
|
|
151
155
|
] }),
|
|
152
|
-
/* @__PURE__ */
|
|
156
|
+
/* @__PURE__ */ n(
|
|
153
157
|
"div",
|
|
154
158
|
{
|
|
155
159
|
className: "dgsuikit:absolute dgsuikit:inset-0",
|
|
@@ -158,15 +162,13 @@ function O(s) {
|
|
|
158
162
|
},
|
|
159
163
|
children: [
|
|
160
164
|
/* @__PURE__ */ e(
|
|
161
|
-
|
|
165
|
+
S,
|
|
162
166
|
{
|
|
163
|
-
|
|
164
|
-
percent:
|
|
165
|
-
|
|
166
|
-
showTooltip: w,
|
|
167
|
-
value: t ? g : i,
|
|
167
|
+
...$,
|
|
168
|
+
percent: w,
|
|
169
|
+
value: t ? d : i,
|
|
168
170
|
icon: t && /* @__PURE__ */ e(
|
|
169
|
-
|
|
171
|
+
P,
|
|
170
172
|
{
|
|
171
173
|
width: b,
|
|
172
174
|
height: b
|
|
@@ -175,13 +177,11 @@ function O(s) {
|
|
|
175
177
|
}
|
|
176
178
|
),
|
|
177
179
|
t && /* @__PURE__ */ e(
|
|
178
|
-
|
|
180
|
+
S,
|
|
179
181
|
{
|
|
180
|
-
|
|
181
|
-
percent:
|
|
182
|
-
|
|
183
|
-
showTooltip: w,
|
|
184
|
-
value: r,
|
|
182
|
+
...$,
|
|
183
|
+
percent: N,
|
|
184
|
+
value: u,
|
|
185
185
|
icon: /* @__PURE__ */ e(
|
|
186
186
|
_,
|
|
187
187
|
{
|
|
@@ -195,12 +195,12 @@ function O(s) {
|
|
|
195
195
|
}
|
|
196
196
|
)
|
|
197
197
|
] }),
|
|
198
|
-
!!(y ?? h) && /* @__PURE__ */
|
|
198
|
+
!!(y ?? h) && /* @__PURE__ */ n(
|
|
199
199
|
"div",
|
|
200
200
|
{
|
|
201
201
|
className: f(
|
|
202
202
|
"dgsuikit:mt-4 dgsuikit:w-full dgsuikit:flex dgsuikit:items-center dgsuikit:font-p2-medium",
|
|
203
|
-
|
|
203
|
+
r ? "dgsuikit:text-gray-300" : "dgsuikit:text-gray-500",
|
|
204
204
|
{ "dgsuikit:justify-between": y && h },
|
|
205
205
|
{ "dgsuikit:justify-start": y && !h },
|
|
206
206
|
{ "dgsuikit:justify-end": !y && h }
|
|
@@ -214,5 +214,5 @@ function O(s) {
|
|
|
214
214
|
] });
|
|
215
215
|
}
|
|
216
216
|
export {
|
|
217
|
-
|
|
217
|
+
Z as default
|
|
218
218
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
export type RangeValueType = number | number[];
|
|
2
3
|
export interface RangeInputProps<T extends RangeValueType> {
|
|
3
4
|
value: T;
|
|
@@ -7,7 +8,7 @@ export interface RangeInputProps<T extends RangeValueType> {
|
|
|
7
8
|
color?: 'primary' | 'secondary';
|
|
8
9
|
step?: number;
|
|
9
10
|
disabled?: boolean;
|
|
10
|
-
|
|
11
|
+
tooltip?: boolean | ReactNode;
|
|
11
12
|
startTitle?: string;
|
|
12
13
|
endTitle?: string;
|
|
13
14
|
wrapperClassName?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,cAAc;IACvD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,cAAc;IACvD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Profile.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Profile.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc,+CAoCnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/dist/Sidebar/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),a=require("react"),z=require("../index-BfuaA-Ji.cjs"),B=require("../IconSearch-BeVs-gUu.cjs"),A=require("../Badge/index.cjs"),R=require("../index-BCqGGELs.cjs");;/* empty css */const v=require("../AccordionItem-BrqkdsVm.cjs"),E=require("../Divider/index.cjs"),O=require("../IconArrowLeft2-CNA3H0xY.cjs"),T=require("../Button/index.cjs"),M=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),f="dgsuikit:duration-300",y="dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600",C="dgsuikit:opacity-40 dgsuikit:pointer-events-none",_="dgsuikit:!bg-primary-50 dgsuikit:text-primary-600",N=`${_} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`,q=a.createContext({isOpen:!1,setIsOpen:()=>{}}),p=()=>a.useContext(q),m=s=>d.clsx("dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",s?"dgsuikit:opacity-100":"dgsuikit:opacity-0",f);function S(s,t){return i.jsxs("div",{className:d.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:[&_svg]:size-6 dgsuikit:[&_svg]:shrink-0 dgsuikit:min-h-12 dgsuikit:text-start",t?"dgsuikit:space-x-2":"dgsuikit:justify-center"),children:[s.icon,i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:line-clamp-1 dgsuikit:!transition-[width,opacity]",t?"dgsuikit:w-full":"dgsuikit:w-0",m),children:s.title}),s.badgeCount&&i.jsx(A,{className:d.clsx("dgsuikit:shrink-0",{"dgsuikit:!absolute dgsuikit:top-0 dgsuikit:left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function I(s,t){return s.map(e=>{if("children"in e&&e.children){const o=I(e.children,t);if(o.length>0)return{...e,children:o}}return e.title.includes(t)?{...e}:null}).filter(e=>!!e)}const D=s=>{const{value:t,onChange:e}=s,{isOpen:o,searchInput:l}=p();return i.jsx(R.Input,{value:t,onChange:e,rightIcon:i.jsx(B.IconSearch,{}),placeholder:"جستجو",...typeof l=="boolean"?{}:l,wrapperClassName:d.clsx("dgsuikit:mb-8 dgsuikit:sticky dgsuikit:top-0 dgsuikit:bg-white dgsuikit:z-10 dgsuikit:px-4",m(o),typeof l=="object"&&l.wrapperClassName,f)})},P=()=>{const{isOpen:s,searchInput:t=!0,items:e}=p(),[o,l]=a.useState(""),[k,h]=a.useState(e??[]),b=a.useCallback(z.debounce(n=>{h(I(k,n))},800),[]);function j(n){const g=n.target.value;l(g),b(g)}function w(){l(""),h(e??[])}return a.useEffect(()=>{o&&w()},[s]),i.jsxs("div",{className:"dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar",children:[!!t&&i.jsx(D,{value:o,onChange:j}),i.jsx("div",{className:"dgsuikit:space-y-6 dgsuikit:px-4",children:k.map((n,g)=>i.jsxs(a.Fragment,{children:[i.jsx("div",{className:d.clsx("dgsuikit:font-p2-regular dgsuikit:text-gray-400",m(s)),children:n.title}),i.jsx(v.AccordionGroup,{className:"dgsuikit:mt-4 dgsuikit:space-y-2",children:n.children?.map(r=>r.link?i.jsx("a",{href:r.link,className:d.clsx("dgsuikit:pr-3",r.disabled&&C,r.active&&N,s?"dgsuikit:pl-9":"dgsuikit:pl-3",y),children:S(r,s)},r.link):i.jsx(v.AccordionItem,{className:d.clsx("dgsuikit:!p-0",r.disabled&&C),title:S(r,s),hideDivider:!0,hideArrow:!s||r.disabled,disable:!s||r.disabled,titleClassName:d.clsx("dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",s?"dgsuikit:px-3":"dgsuikit:!justify-center",r.children?.find(u=>u.active)&&N,y),children:r.children?.map(u=>i.jsxs("a",{href:u.link,className:d.clsx("dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",u.disabled&&C,u.active&&_,y),children:[i.jsx("p",{children:u.title}),u.badgeCount&&i.jsx(A,{valueType:"number",value:u.badgeCount,color:"error",type:"twoTone",size:"small"})]},u.link))},r.link??r.title))}),g!==k.length-1&&i.jsx(E,{type:"horizontal"})]},n.title))})]})},F=()=>{const{isOpen:s,logo:t}=p();return i.jsx("div",{className:"dgsuikit:flex dgsuikit:justify-center dgsuikit:items-center dgsuikit:mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:d.clsx("dgsuikit:h-12 dgsuikit:w-full",t?.className)})})},H=()=>{const{userProfile:s,isOpen:t}=p();return i.jsxs("a",{href:s?.link??"#",className:d.clsx("dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",{"dgsuikit:pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:d.clsx("dgsuikit:rounded-full dgsuikit:shrink-0",t?"dgsuikit:size-20":"dgsuikit:size-12")}),i.jsxs("div",{className:d.clsx("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative",m(t)),children:[i.jsx("p",{className:"dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center",children:s?.name}),i.jsx("p",{className:"dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center",children:s?.description}),s?.link&&i.jsx(O.IconArrowLeft2,{className:"dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200"})]})]})},L=()=>{const{isOpen:s,setIsOpen:t}=p();return i.jsx("button",{type:"button",className:"dgsuikit:absolute dgsuikit:top-7 dgsuikit:left-0 dgsuikit:-translate-x-1/2 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:bg-white",onClick:()=>t(!s),children:i.jsx(O.IconArrowLeft2,{className:d.clsx("dgsuikit:transition-transform dgsuikit:text-primary-500",s&&"dgsuikit:rotate-180",f),width:16,height:16})})},V=s=>{const{isOpen:t,setIsOpen:e,className:o,logo:l,items:k,extraComponent:h,userProfile:b,logOutButtonProps:j,onLogout:w,showMask:n,hideOnClose:g}=s,r=s.openOnHover,u=n?"div":a.Fragment,x=document.documentElement;return a.useEffect(()=>{if(g)return;const c="dgsuikit:pr-[80px]";return x.classList.add(c),()=>{x.classList.remove(c)}},[g]),a.useEffect(()=>{if(!n)return;const c="dgsuikit:overflow-hidden";return t?x.classList.add(c):x.classList.remove(c),()=>{x.classList.remove(c)}},[n,t]),i.jsx(q.Provider,{value:s,children:i.jsx(u,{...u==="div"?{className:d.clsx("dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-40 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",t?"dgsuikit:size-full dgsuikit:bg-black/40":"dgsuikit:size-0 dgsuikit:bg-transparent",f),onClick:c=>{c.target===c.currentTarget&&e(!1)}}:{},children:i.jsxs("div",{className:d.clsx(o,"dgsuikit:flex dgsuikit:flex-col dgsuikit:fixed dgsuikit:top-0 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:shadow-md dgsuikit:h-full dgsuikit:p-4 dgsuikit:pt-6 dgsuikit:transition-[width,max-width,opacity]",{"dgsuikit:w-[280px] dgsuikit:max-w-full":t,"dgsuikit:w-[80px] dgsuikit:max-w-[80px]":!t&&!g,"dgsuikit:w-0 dgsuikit:opacity-0":!t&&g},f),onMouseEnter:()=>{r&&!t&&e(!0)},onMouseLeave:()=>{r&&t&&e(!1)},children:[i.jsx(L,{}),!!(l?.open??l?.close)&&i.jsx(F,{}),k&&k.length>0&&i.jsx(P,{}),i.jsxs("div",{className:"dgsuikit:shrink-0 dgsuikit:flex-1",children:[h,i.jsx(E,{className:"dgsuikit:mt-6 dgsuikit:mb-4",type:"horizontal"}),!!b?.image&&i.jsx(H,{}),i.jsx(T,{color:"error",variant:"secondary",rightIcon:i.jsx(M,{}),isFullWidth:!0,onClick:w,...j,children:t?"خروج":""})]})]})})})};module.exports=V;
|
package/dist/Sidebar/index.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as k, jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import { c as r } from "../clsx-OuTLNxxd.js";
|
|
4
|
-
import { createContext as M, useContext as
|
|
5
|
-
import { d as
|
|
6
|
-
import { I as
|
|
4
|
+
import { createContext as M, useContext as D, useState as S, useCallback as R, useEffect as N, Fragment as E } from "react";
|
|
5
|
+
import { d as P } from "../index-CzwAoGdL.js";
|
|
6
|
+
import { I as H } from "../IconSearch-aShj2vmu.js";
|
|
7
7
|
import _ from "../Badge/index.mjs";
|
|
8
|
-
import { I as
|
|
8
|
+
import { I as V } from "../index-Cj_9z9UD.js";
|
|
9
9
|
import '../assets/styles.css';/* empty css */
|
|
10
|
-
import { A as
|
|
10
|
+
import { A as F, a as G } from "../AccordionItem-4UuHvtDx.js";
|
|
11
11
|
import z from "../Divider/index.mjs";
|
|
12
|
-
import { I as
|
|
12
|
+
import { I as B } from "../IconArrowLeft2-cxcPyDqS.js";
|
|
13
13
|
import L from "../Button/index.mjs";
|
|
14
|
-
const U = (i) => /* @__PURE__ */
|
|
14
|
+
const U = (i) => /* @__PURE__ */ k(
|
|
15
15
|
"svg",
|
|
16
16
|
{
|
|
17
17
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -41,17 +41,17 @@ const U = (i) => /* @__PURE__ */ c(
|
|
|
41
41
|
)
|
|
42
42
|
]
|
|
43
43
|
}
|
|
44
|
-
), f = "dgsuikit:duration-300",
|
|
44
|
+
), f = "dgsuikit:duration-300", C = "dgsuikit:relative dgsuikit:transition-all dgsuikit:hover:bg-gray-50 dgsuikit:rounded-lg dgsuikit:focus:ring-[3px] dgsuikit:focus:ring-offset-1 dgsuikit:ring-offset-white dgsuikit:ring-primary-300 dgsuikit:text-gray-600", v = "dgsuikit:opacity-40 dgsuikit:pointer-events-none", I = "dgsuikit:!bg-primary-50 dgsuikit:text-primary-600", A = `${I} dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:w-1 dgsuikit:before:h-[22px] dgsuikit:before:rounded-l-md dgsuikit:before:bg-primary-500 dgsuikit:before:top-1/2 dgsuikit:before:-translate-y-1/2 dgsuikit:before:-right-4`, T = M({
|
|
45
45
|
isOpen: !1,
|
|
46
46
|
setIsOpen: () => {
|
|
47
47
|
}
|
|
48
|
-
}), h = () =>
|
|
48
|
+
}), h = () => D(T), b = (i) => r(
|
|
49
49
|
"dgsuikit:transition-opacity dgsuikit:whitespace-pre dgsuikit:overflow-hidden",
|
|
50
50
|
i ? "dgsuikit:opacity-100" : "dgsuikit:opacity-0",
|
|
51
51
|
f
|
|
52
52
|
);
|
|
53
53
|
function O(i, s) {
|
|
54
|
-
return /* @__PURE__ */
|
|
54
|
+
return /* @__PURE__ */ k(
|
|
55
55
|
"div",
|
|
56
56
|
{
|
|
57
57
|
className: r(
|
|
@@ -87,10 +87,10 @@ function O(i, s) {
|
|
|
87
87
|
}
|
|
88
88
|
);
|
|
89
89
|
}
|
|
90
|
-
function
|
|
90
|
+
function j(i, s) {
|
|
91
91
|
return i.map((e) => {
|
|
92
92
|
if ("children" in e && e.children) {
|
|
93
|
-
const o =
|
|
93
|
+
const o = j(e.children, s);
|
|
94
94
|
if (o.length > 0)
|
|
95
95
|
return { ...e, children: o };
|
|
96
96
|
}
|
|
@@ -100,11 +100,11 @@ function T(i, s) {
|
|
|
100
100
|
const W = (i) => {
|
|
101
101
|
const { value: s, onChange: e } = i, { isOpen: o, searchInput: a } = h();
|
|
102
102
|
return /* @__PURE__ */ t(
|
|
103
|
-
|
|
103
|
+
V,
|
|
104
104
|
{
|
|
105
105
|
value: s,
|
|
106
106
|
onChange: e,
|
|
107
|
-
rightIcon: /* @__PURE__ */ t(
|
|
107
|
+
rightIcon: /* @__PURE__ */ t(H, {}),
|
|
108
108
|
placeholder: "جستجو",
|
|
109
109
|
...typeof a == "boolean" ? {} : a,
|
|
110
110
|
wrapperClassName: r(
|
|
@@ -116,30 +116,30 @@ const W = (i) => {
|
|
|
116
116
|
}
|
|
117
117
|
);
|
|
118
118
|
}, $ = () => {
|
|
119
|
-
const { isOpen: i, searchInput: s = !0, items: e } = h(), [o, a] = S(""), [
|
|
120
|
-
|
|
121
|
-
m(
|
|
119
|
+
const { isOpen: i, searchInput: s = !0, items: e } = h(), [o, a] = S(""), [c, m] = S(e ?? []), x = R(
|
|
120
|
+
P((n) => {
|
|
121
|
+
m(j(c, n));
|
|
122
122
|
}, 800),
|
|
123
123
|
[]
|
|
124
124
|
);
|
|
125
|
-
function
|
|
126
|
-
const
|
|
127
|
-
a(
|
|
125
|
+
function y(n) {
|
|
126
|
+
const g = n.target.value;
|
|
127
|
+
a(g), x(g);
|
|
128
128
|
}
|
|
129
|
-
function
|
|
129
|
+
function w() {
|
|
130
130
|
a(""), m(e ?? []);
|
|
131
131
|
}
|
|
132
132
|
return N(() => {
|
|
133
|
-
o &&
|
|
134
|
-
}, [i]), /* @__PURE__ */
|
|
133
|
+
o && w();
|
|
134
|
+
}, [i]), /* @__PURE__ */ k("div", { className: "dgsuikit:overflow-y-auto dgsuikit:overflow-x-hidden dgsuikit:-mx-4 dgsuikit:h-3/4 dgsuikit:no-scrollbar", children: [
|
|
135
135
|
!!s && /* @__PURE__ */ t(
|
|
136
136
|
W,
|
|
137
137
|
{
|
|
138
138
|
value: o,
|
|
139
|
-
onChange:
|
|
139
|
+
onChange: y
|
|
140
140
|
}
|
|
141
141
|
),
|
|
142
|
-
/* @__PURE__ */ t("div", { className: "dgsuikit:space-y-6 dgsuikit:px-4", children:
|
|
142
|
+
/* @__PURE__ */ t("div", { className: "dgsuikit:space-y-6 dgsuikit:px-4", children: c.map((n, g) => /* @__PURE__ */ k(E, { children: [
|
|
143
143
|
/* @__PURE__ */ t(
|
|
144
144
|
"div",
|
|
145
145
|
{
|
|
@@ -147,28 +147,28 @@ const W = (i) => {
|
|
|
147
147
|
"dgsuikit:font-p2-regular dgsuikit:text-gray-400",
|
|
148
148
|
b(i)
|
|
149
149
|
),
|
|
150
|
-
children:
|
|
150
|
+
children: n.title
|
|
151
151
|
}
|
|
152
152
|
),
|
|
153
|
-
/* @__PURE__ */ t(
|
|
153
|
+
/* @__PURE__ */ t(F, { className: "dgsuikit:mt-4 dgsuikit:space-y-2", children: n.children?.map(
|
|
154
154
|
(d) => d.link ? /* @__PURE__ */ t(
|
|
155
155
|
"a",
|
|
156
156
|
{
|
|
157
157
|
href: d.link,
|
|
158
158
|
className: r(
|
|
159
159
|
"dgsuikit:pr-3",
|
|
160
|
-
d.disabled &&
|
|
160
|
+
d.disabled && v,
|
|
161
161
|
d.active && A,
|
|
162
162
|
i ? "dgsuikit:pl-9" : "dgsuikit:pl-3",
|
|
163
|
-
|
|
163
|
+
C
|
|
164
164
|
),
|
|
165
165
|
children: O(d, i)
|
|
166
166
|
},
|
|
167
167
|
d.link
|
|
168
168
|
) : /* @__PURE__ */ t(
|
|
169
|
-
|
|
169
|
+
G,
|
|
170
170
|
{
|
|
171
|
-
className: r("dgsuikit:!p-0", d.disabled &&
|
|
171
|
+
className: r("dgsuikit:!p-0", d.disabled && v),
|
|
172
172
|
title: O(d, i),
|
|
173
173
|
hideDivider: !0,
|
|
174
174
|
hideArrow: !i || d.disabled,
|
|
@@ -176,26 +176,26 @@ const W = (i) => {
|
|
|
176
176
|
titleClassName: r(
|
|
177
177
|
"dgsuikit:[&_>div:first-child]:flex-1 dgsuikit:[&_>div:first-child]:pl-1",
|
|
178
178
|
i ? "dgsuikit:px-3" : "dgsuikit:!justify-center",
|
|
179
|
-
d.children?.find((
|
|
180
|
-
|
|
179
|
+
d.children?.find((u) => u.active) && A,
|
|
180
|
+
C
|
|
181
181
|
),
|
|
182
|
-
children: d.children?.map((
|
|
182
|
+
children: d.children?.map((u) => /* @__PURE__ */ k(
|
|
183
183
|
"a",
|
|
184
184
|
{
|
|
185
|
-
href:
|
|
185
|
+
href: u.link,
|
|
186
186
|
className: r(
|
|
187
187
|
"dgsuikit:flex dgsuikit:justify-between dgsuikit:h-10 dgsuikit:pl-9 dgsuikit:pr-11 dgsuikit:py-2 dgsuikit:mt-1 dgsuikit:first:mt-0",
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
188
|
+
u.disabled && v,
|
|
189
|
+
u.active && I,
|
|
190
|
+
C
|
|
191
191
|
),
|
|
192
192
|
children: [
|
|
193
|
-
/* @__PURE__ */ t("p", { children:
|
|
194
|
-
|
|
193
|
+
/* @__PURE__ */ t("p", { children: u.title }),
|
|
194
|
+
u.badgeCount && /* @__PURE__ */ t(
|
|
195
195
|
_,
|
|
196
196
|
{
|
|
197
197
|
valueType: "number",
|
|
198
|
-
value:
|
|
198
|
+
value: u.badgeCount,
|
|
199
199
|
color: "error",
|
|
200
200
|
type: "twoTone",
|
|
201
201
|
size: "small"
|
|
@@ -203,14 +203,14 @@ const W = (i) => {
|
|
|
203
203
|
)
|
|
204
204
|
]
|
|
205
205
|
},
|
|
206
|
-
|
|
206
|
+
u.link
|
|
207
207
|
))
|
|
208
208
|
},
|
|
209
209
|
d.link ?? d.title
|
|
210
210
|
)
|
|
211
211
|
) }),
|
|
212
|
-
|
|
213
|
-
] },
|
|
212
|
+
g !== c.length - 1 && /* @__PURE__ */ t(z, { type: "horizontal" })
|
|
213
|
+
] }, n.title)) })
|
|
214
214
|
] });
|
|
215
215
|
}, q = () => {
|
|
216
216
|
const { isOpen: i, logo: s } = h();
|
|
@@ -225,26 +225,39 @@ const W = (i) => {
|
|
|
225
225
|
) });
|
|
226
226
|
}, J = () => {
|
|
227
227
|
const { userProfile: i, isOpen: s } = h();
|
|
228
|
-
return /* @__PURE__ */
|
|
228
|
+
return /* @__PURE__ */ k(
|
|
229
229
|
"a",
|
|
230
230
|
{
|
|
231
231
|
href: i?.link ?? "#",
|
|
232
|
-
className: r(
|
|
233
|
-
"dgsuikit:
|
|
234
|
-
|
|
232
|
+
className: r(
|
|
233
|
+
"dgsuikit:mb-8 dgsuikit:flex dgsuikit:flex-col dgsuikit:justify-center dgsuikit:items-center",
|
|
234
|
+
{
|
|
235
|
+
"dgsuikit:pointer-events-none": !i?.link
|
|
236
|
+
}
|
|
237
|
+
),
|
|
235
238
|
children: [
|
|
236
239
|
/* @__PURE__ */ t(
|
|
237
240
|
"img",
|
|
238
241
|
{
|
|
239
242
|
src: i?.image,
|
|
240
243
|
alt: i?.name ?? "user_avatar",
|
|
241
|
-
className:
|
|
244
|
+
className: r(
|
|
245
|
+
"dgsuikit:rounded-full dgsuikit:shrink-0",
|
|
246
|
+
s ? "dgsuikit:size-20" : "dgsuikit:size-12"
|
|
247
|
+
)
|
|
242
248
|
}
|
|
243
249
|
),
|
|
244
|
-
/* @__PURE__ */
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
250
|
+
/* @__PURE__ */ k(
|
|
251
|
+
"div",
|
|
252
|
+
{
|
|
253
|
+
className: r("dgsuikit:mt-2 dgsuikit:w-full dgsuikit:relative", b(s)),
|
|
254
|
+
children: [
|
|
255
|
+
/* @__PURE__ */ t("p", { className: "dgsuikit:font-p3-medium dgsuikit:text-gray-700 dgsuikit:text-center", children: i?.name }),
|
|
256
|
+
/* @__PURE__ */ t("p", { className: "dgsuikit:font-p3-regular dgsuikit:text-gray-400 dgsuikit:text-center", children: i?.description }),
|
|
257
|
+
i?.link && /* @__PURE__ */ t(B, { className: "dgsuikit:absolute dgsuikit:top-1/2 dgsuikit:-translate-y-1/2 dgsuikit:left-0 dgsuikit:text-3xl dgsuikit:text-gray-500 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-200" })
|
|
258
|
+
]
|
|
259
|
+
}
|
|
260
|
+
)
|
|
248
261
|
]
|
|
249
262
|
}
|
|
250
263
|
);
|
|
@@ -257,7 +270,7 @@ const W = (i) => {
|
|
|
257
270
|
className: "dgsuikit:absolute dgsuikit:top-7 dgsuikit:left-0 dgsuikit:-translate-x-1/2 dgsuikit:p-1 dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:bg-white",
|
|
258
271
|
onClick: () => s(!i),
|
|
259
272
|
children: /* @__PURE__ */ t(
|
|
260
|
-
|
|
273
|
+
B,
|
|
261
274
|
{
|
|
262
275
|
className: r(
|
|
263
276
|
"dgsuikit:transition-transform dgsuikit:text-primary-500",
|
|
@@ -276,40 +289,40 @@ const W = (i) => {
|
|
|
276
289
|
setIsOpen: e,
|
|
277
290
|
className: o,
|
|
278
291
|
logo: a,
|
|
279
|
-
items:
|
|
292
|
+
items: c,
|
|
280
293
|
extraComponent: m,
|
|
281
294
|
userProfile: x,
|
|
282
|
-
logOutButtonProps:
|
|
283
|
-
onLogout:
|
|
284
|
-
showMask:
|
|
285
|
-
hideOnClose:
|
|
286
|
-
} = i, d = i.openOnHover,
|
|
295
|
+
logOutButtonProps: y,
|
|
296
|
+
onLogout: w,
|
|
297
|
+
showMask: n,
|
|
298
|
+
hideOnClose: g
|
|
299
|
+
} = i, d = i.openOnHover, u = n ? "div" : E, p = document.documentElement;
|
|
287
300
|
return N(() => {
|
|
288
|
-
if (
|
|
289
|
-
const
|
|
290
|
-
return p.classList.add(
|
|
291
|
-
p.classList.remove(
|
|
301
|
+
if (g) return;
|
|
302
|
+
const l = "dgsuikit:pr-[80px]";
|
|
303
|
+
return p.classList.add(l), () => {
|
|
304
|
+
p.classList.remove(l);
|
|
292
305
|
};
|
|
293
|
-
}, [
|
|
294
|
-
if (!
|
|
295
|
-
const
|
|
296
|
-
return s ? p.classList.add(
|
|
297
|
-
p.classList.remove(
|
|
306
|
+
}, [g]), N(() => {
|
|
307
|
+
if (!n) return;
|
|
308
|
+
const l = "dgsuikit:overflow-hidden";
|
|
309
|
+
return s ? p.classList.add(l) : p.classList.remove(l), () => {
|
|
310
|
+
p.classList.remove(l);
|
|
298
311
|
};
|
|
299
|
-
}, [
|
|
300
|
-
|
|
312
|
+
}, [n, s]), /* @__PURE__ */ t(T.Provider, { value: i, children: /* @__PURE__ */ t(
|
|
313
|
+
u,
|
|
301
314
|
{
|
|
302
|
-
...
|
|
315
|
+
...u === "div" ? {
|
|
303
316
|
className: r(
|
|
304
317
|
"dgsuikit:fixed dgsuikit:top-0 dgsuikit:left-0 dgsuikit:z-40 dgsuikit:overflow-hidden dgsuikit:transition-[background-color] dgsuikit:ease-linear",
|
|
305
318
|
s ? "dgsuikit:size-full dgsuikit:bg-black/40" : "dgsuikit:size-0 dgsuikit:bg-transparent",
|
|
306
319
|
f
|
|
307
320
|
),
|
|
308
|
-
onClick: (
|
|
309
|
-
|
|
321
|
+
onClick: (l) => {
|
|
322
|
+
l.target === l.currentTarget && e(!1);
|
|
310
323
|
}
|
|
311
324
|
} : {},
|
|
312
|
-
children: /* @__PURE__ */
|
|
325
|
+
children: /* @__PURE__ */ k(
|
|
313
326
|
"div",
|
|
314
327
|
{
|
|
315
328
|
className: r(
|
|
@@ -317,8 +330,8 @@ const W = (i) => {
|
|
|
317
330
|
"dgsuikit:flex dgsuikit:flex-col dgsuikit:fixed dgsuikit:top-0 dgsuikit:right-0 dgsuikit:bg-white dgsuikit:shadow-md dgsuikit:h-full dgsuikit:p-4 dgsuikit:pt-6 dgsuikit:transition-[width,max-width,opacity]",
|
|
318
331
|
{
|
|
319
332
|
"dgsuikit:w-[280px] dgsuikit:max-w-full": s,
|
|
320
|
-
"dgsuikit:w-[80px] dgsuikit:max-w-[80px]": !s && !
|
|
321
|
-
"dgsuikit:w-0 dgsuikit:opacity-0": !s &&
|
|
333
|
+
"dgsuikit:w-[80px] dgsuikit:max-w-[80px]": !s && !g,
|
|
334
|
+
"dgsuikit:w-0 dgsuikit:opacity-0": !s && g
|
|
322
335
|
},
|
|
323
336
|
f
|
|
324
337
|
),
|
|
@@ -331,8 +344,8 @@ const W = (i) => {
|
|
|
331
344
|
children: [
|
|
332
345
|
/* @__PURE__ */ t(K, {}),
|
|
333
346
|
!!(a?.open ?? a?.close) && /* @__PURE__ */ t(q, {}),
|
|
334
|
-
|
|
335
|
-
/* @__PURE__ */
|
|
347
|
+
c && c.length > 0 && /* @__PURE__ */ t($, {}),
|
|
348
|
+
/* @__PURE__ */ k("div", { className: "dgsuikit:shrink-0 dgsuikit:flex-1", children: [
|
|
336
349
|
m,
|
|
337
350
|
/* @__PURE__ */ t(
|
|
338
351
|
z,
|
|
@@ -349,8 +362,8 @@ const W = (i) => {
|
|
|
349
362
|
variant: "secondary",
|
|
350
363
|
rightIcon: /* @__PURE__ */ t(U, {}),
|
|
351
364
|
isFullWidth: !0,
|
|
352
|
-
onClick:
|
|
353
|
-
...
|
|
365
|
+
onClick: w,
|
|
366
|
+
...y,
|
|
354
367
|
children: s ? "خروج" : ""
|
|
355
368
|
}
|
|
356
369
|
)
|
package/dist/assets/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--dgsuikit-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--dgsuikit-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--dgsuikit-color-teal-500:oklch(70.4% .14 182.503);--dgsuikit-color-black:#000;--dgsuikit-color-white:#fff;--dgsuikit-spacing:.25rem;--dgsuikit-text-sm:.875rem;--dgsuikit-text-sm--line-height:calc(1.25/.875);--dgsuikit-text-base:1rem;--dgsuikit-text-base--line-height: 1.5 ;--dgsuikit-text-lg:1.125rem;--dgsuikit-text-lg--line-height:calc(1.75/1.125);--dgsuikit-text-xl:1.25rem;--dgsuikit-text-xl--line-height:calc(1.75/1.25);--dgsuikit-font-weight-light:300;--dgsuikit-font-weight-normal:400;--dgsuikit-font-weight-medium:500;--dgsuikit-font-weight-semibold:600;--dgsuikit-leading-normal:1.5;--dgsuikit-radius-sm:.25rem;--dgsuikit-radius-md:.375rem;--dgsuikit-radius-lg:.5rem;--dgsuikit-radius-xl:.75rem;--dgsuikit-radius-2xl:1rem;--dgsuikit-ease-in-out:cubic-bezier(.4,0,.2,1);--dgsuikit-default-transition-duration:.15s;--dgsuikit-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--dgsuikit-default-font-family:var(--dgsuikit-font-sans);--dgsuikit-default-mono-font-family:var(--dgsuikit-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--dgsuikit-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--dgsuikit-default-font-feature-settings,normal);font-variation-settings:var(--dgsuikit-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--dgsuikit-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--dgsuikit-default-mono-font-feature-settings,normal);font-variation-settings:var(--dgsuikit-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{cursor:pointer}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#64748b40;border-radius:9999px}:root{--dgs-color-primary-50:240 243 255;--dgs-color-primary-100:200 211 247;--dgs-color-primary-200:158 176 240;--dgs-color-primary-300:117 144 235;--dgs-color-primary-400:76 110 229;--dgs-color-primary-500:40 82 228;--dgs-color-primary-600:21 59 191;--dgs-color-primary-700:16 44 143;--dgs-color-primary-800:10 30 95;--dgs-color-primary-900:4 13 48;--dgs-color-secondary-50:245 250 250;--dgs-color-secondary-100:226 243 243;--dgs-color-secondary-200:198 231 231;--dgs-color-secondary-300:158 214 217;--dgs-color-secondary-400:124 203 207;--dgs-color-secondary-500:0 186 188;--dgs-color-secondary-600:0 155 157;--dgs-color-secondary-700:0 124 125;--dgs-color-secondary-800:0 93 94;--dgs-color-secondary-900:0 62 63;--dgs-color-success-50:236 253 249;--dgs-color-success-100:209 250 240;--dgs-color-success-200:167 243 224;--dgs-color-success-300:110 231 201;--dgs-color-success-400:52 211 171;--dgs-color-success-500:16 185 143;--dgs-color-success-600:5 150 114;--dgs-color-success-700:4 120 91;--dgs-color-success-800:6 95 73;--dgs-color-success-900:6 78 60;--dgs-color-warning-50:255 246 224;--dgs-color-warning-100:254 233 178;--dgs-color-warning-200:254 222 142;--dgs-color-warning-300:254 212 107;--dgs-color-warning-400:253 199 63;--dgs-color-warning-500:253 187 19;--dgs-color-warning-600:216 158 13;--dgs-color-warning-700:162 119 6;--dgs-color-warning-800:108 78 2;--dgs-color-warning-900:54 39 0;--dgs-color-error-50:255 235 236;--dgs-color-error-100:250 209 212;--dgs-color-error-200:237 161 166;--dgs-color-error-300:227 120 127;--dgs-color-error-400:219 87 96;--dgs-color-error-500:213 28 41;--dgs-color-error-600:167 5 16;--dgs-color-error-700:117 0 8;--dgs-color-error-800:87 0 6;--dgs-color-error-900:71 0 5;--dgs-color-gray-50:248 250 252;--dgs-color-gray-100:241 245 249;--dgs-color-gray-200:226 232 240;--dgs-color-gray-300:203 213 225;--dgs-color-gray-400:148 163 184;--dgs-color-gray-500:100 116 139;--dgs-color-gray-600:71 85 105;--dgs-color-gray-700:51 65 85;--dgs-color-gray-800:30 41 59;--dgs-color-gray-900:15 23 42;--dgs-color-sky-50:235 248 255;--dgs-color-sky-100:190 231 255;--dgs-color-sky-200:158 219 255;--dgs-color-sky-300:126 208 255;--dgs-color-sky-400:93 196 255;--dgs-color-sky-500:61 184 255;--dgs-color-sky-600:51 153 212;--dgs-color-sky-700:41 123 170;--dgs-color-sky-800:31 92 128;--dgs-color-sky-900:20 61 85;--dgs-color-violet-50:243 233 253;--dgs-color-violet-100:217 182 252;--dgs-color-violet-200:198 146 250;--dgs-color-violet-300:180 110 249;--dgs-color-violet-400:161 73 247;--dgs-color-violet-500:142 37 246;--dgs-color-violet-600:118 31 205;--dgs-color-violet-700:118 31 205;--dgs-color-violet-800:71 19 123;--dgs-color-violet-900:47 12 82;--dgs-color-flamingo-50:254 234 242;--dgs-color-flamingo-100:253 189 216;--dgs-color-flamingo-200:252 155 196;--dgs-color-flamingo-300:252 122 176;--dgs-color-flamingo-400:251 89 157;--dgs-color-flamingo-500:250 56 137;--dgs-color-flamingo-600:208 47 114;--dgs-color-flamingo-700:167 37 91;--dgs-color-flamingo-800:125 28 69;--dgs-color-flamingo-900:83 19 46}}@layer components;@layer utilities{.dgsuikit\:pointer-events-none{pointer-events:none}.dgsuikit\:\!absolute{position:absolute!important}.dgsuikit\:absolute{position:absolute}.dgsuikit\:fixed{position:fixed}.dgsuikit\:relative{position:relative}.dgsuikit\:sticky{position:sticky}.dgsuikit\:inset-0{inset:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:top-0{top:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:top-1\/2{top:50%}.dgsuikit\:top-2{top:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:top-7{top:calc(var(--dgsuikit-spacing)*7)}.dgsuikit\:right-0{right:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:right-0\.5{right:calc(var(--dgsuikit-spacing)*.5)}.dgsuikit\:right-1\/2{right:50%}.dgsuikit\:right-2{right:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:right-4{right:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:right-\[-1px\]{right:-1px}.dgsuikit\:right-\[calc\(100\%-2px\)\]{right:calc(100% - 2px)}.dgsuikit\:bottom-0{bottom:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:bottom-2{bottom:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:bottom-4{bottom:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:bottom-full{bottom:100%}.dgsuikit\:left-0{left:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:left-0\.5{left:calc(var(--dgsuikit-spacing)*.5)}.dgsuikit\:left-1\/2{left:50%}.dgsuikit\:left-2{left:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:left-4{left:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:left-\[-1px\]{left:-1px}.dgsuikit\:left-\[5\.5\%\]{left:5.5%}.dgsuikit\:left-\[calc\(100\%-2px\)\]{left:calc(100% - 2px)}.dgsuikit\:z-10{z-index:10}.dgsuikit\:z-20{z-index:20}.dgsuikit\:z-40{z-index:40}.dgsuikit\:z-50{z-index:50}.dgsuikit\:container{width:100%}@media (min-width:40rem){.dgsuikit\:container{max-width:40rem}}@media (min-width:48rem){.dgsuikit\:container{max-width:48rem}}@media (min-width:64rem){.dgsuikit\:container{max-width:64rem}}@media (min-width:80rem){.dgsuikit\:container{max-width:80rem}}@media (min-width:96rem){.dgsuikit\:container{max-width:96rem}}.dgsuikit\:m-auto{margin:auto}.dgsuikit\:container{margin-inline:auto;padding-inline:1rem}@media (min-width:48rem){.dgsuikit\:container{padding-inline:1.5rem}}.dgsuikit\:-mx-4{margin-inline:calc(var(--dgsuikit-spacing)*-4)}.dgsuikit\:my-5{margin-block:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:my-\[2px\]{margin-block:2px}.dgsuikit\:ms-2{margin-inline-start:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:-mt-1{margin-top:calc(var(--dgsuikit-spacing)*-1)}.dgsuikit\:mt-0{margin-top:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:mt-0\.5{margin-top:calc(var(--dgsuikit-spacing)*.5)}.dgsuikit\:mt-1{margin-top:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:mt-2{margin-top:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:mt-3{margin-top:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:mt-4{margin-top:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:mt-6{margin-top:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:mt-10{margin-top:calc(var(--dgsuikit-spacing)*10)}.dgsuikit\:mt-\[1px\]{margin-top:1px}.dgsuikit\:mt-auto{margin-top:auto}.dgsuikit\:mr-2{margin-right:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:\!mb-0{margin-bottom:calc(var(--dgsuikit-spacing)*0)!important}.dgsuikit\:mb-2{margin-bottom:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:mb-2\.5{margin-bottom:calc(var(--dgsuikit-spacing)*2.5)}.dgsuikit\:mb-4{margin-bottom:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:mb-8{margin-bottom:calc(var(--dgsuikit-spacing)*8)}.dgsuikit\:ml-1{margin-left:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:ml-2{margin-left:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:ml-3{margin-left:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dgsuikit\:no-scrollbar::-webkit-scrollbar{display:none}.dgsuikit\:no-scrollbar{ms-overflow-style:none;scrollbar-width:none}.dgsuikit\:block{display:block}.dgsuikit\:flex{display:flex}.dgsuikit\:grid{display:grid}.dgsuikit\:hidden{display:none}.dgsuikit\:inline-flex{display:inline-flex}.dgsuikit\:\!size-\[72px\]{width:72px!important;height:72px!important}.dgsuikit\:\!size-full{width:100%!important;height:100%!important}.dgsuikit\:size-0{width:calc(var(--dgsuikit-spacing)*0);height:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:size-4{width:calc(var(--dgsuikit-spacing)*4);height:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:size-5{width:calc(var(--dgsuikit-spacing)*5);height:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:size-6{width:calc(var(--dgsuikit-spacing)*6);height:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:size-7{width:calc(var(--dgsuikit-spacing)*7);height:calc(var(--dgsuikit-spacing)*7)}.dgsuikit\:size-12{width:calc(var(--dgsuikit-spacing)*12);height:calc(var(--dgsuikit-spacing)*12)}.dgsuikit\:size-\[120px\]{width:120px;height:120px}.dgsuikit\:size-full{width:100%;height:100%}.dgsuikit\:\!h-0\.5{height:calc(var(--dgsuikit-spacing)*.5)!important}.dgsuikit\:\!h-8{height:calc(var(--dgsuikit-spacing)*8)!important}.dgsuikit\:h-0\.5{height:calc(var(--dgsuikit-spacing)*.5)}.dgsuikit\:h-1{height:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:h-2{height:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:h-3{height:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:h-3\/4{height:75%}.dgsuikit\:h-4{height:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:h-5{height:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:h-6{height:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:h-9{height:calc(var(--dgsuikit-spacing)*9)}.dgsuikit\:h-10{height:calc(var(--dgsuikit-spacing)*10)}.dgsuikit\:h-12{height:calc(var(--dgsuikit-spacing)*12)}.dgsuikit\:h-15{height:calc(var(--dgsuikit-spacing)*15)}.dgsuikit\:h-16{height:calc(var(--dgsuikit-spacing)*16)}.dgsuikit\:h-\[1px\]{height:1px}.dgsuikit\:h-\[6px\]{height:6px}.dgsuikit\:h-\[14px\]{height:14px}.dgsuikit\:h-\[18px\]{height:18px}.dgsuikit\:h-\[100px\]{height:100px}.dgsuikit\:h-\[190px\]{height:190px}.dgsuikit\:h-\[200px\]{height:200px}.dgsuikit\:h-auto{height:auto}.dgsuikit\:h-fit{height:fit-content}.dgsuikit\:h-full{height:100%}.dgsuikit\:max-h-0{max-height:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:max-h-\[360px\]{max-height:360px}.dgsuikit\:max-h-max{max-height:max-content}.dgsuikit\:min-h-12{min-height:calc(var(--dgsuikit-spacing)*12)}.dgsuikit\:\!w-3{width:calc(var(--dgsuikit-spacing)*3)!important}.dgsuikit\:\!w-full{width:100%!important}.dgsuikit\:w-0{width:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:w-1{width:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:w-2{width:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:w-3{width:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:w-4{width:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:w-5{width:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:w-9{width:calc(var(--dgsuikit-spacing)*9)}.dgsuikit\:w-10{width:calc(var(--dgsuikit-spacing)*10)}.dgsuikit\:w-11{width:calc(var(--dgsuikit-spacing)*11)}.dgsuikit\:w-12{width:calc(var(--dgsuikit-spacing)*12)}.dgsuikit\:w-\[1px\]{width:1px}.dgsuikit\:w-\[6px\]{width:6px}.dgsuikit\:w-\[14px\]{width:14px}.dgsuikit\:w-\[18px\]{width:18px}.dgsuikit\:w-\[22px\]{width:22px}.dgsuikit\:w-\[80px\]{width:80px}.dgsuikit\:w-\[100px\]{width:100px}.dgsuikit\:w-\[200px\]{width:200px}.dgsuikit\:w-\[280px\]{width:280px}.dgsuikit\:w-\[330px\]{width:330px}.dgsuikit\:w-\[400px\]{width:400px}.dgsuikit\:w-\[500px\]{width:500px}.dgsuikit\:w-\[800px\]{width:800px}.dgsuikit\:w-auto{width:auto}.dgsuikit\:w-fit{width:fit-content}.dgsuikit\:w-full{width:100%}.dgsuikit\:w-max{width:max-content}.dgsuikit\:max-w-\[80px\]{max-width:80px}.dgsuikit\:max-w-\[400px\]{max-width:400px}.dgsuikit\:max-w-full{max-width:100%}.dgsuikit\:min-w-5{min-width:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:min-w-6{min-width:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:min-w-8{min-width:calc(var(--dgsuikit-spacing)*8)}.dgsuikit\:min-w-10{min-width:calc(var(--dgsuikit-spacing)*10)}.dgsuikit\:min-w-\[50\%\]{min-width:50%}.dgsuikit\:min-w-\[300px\]{min-width:300px}.dgsuikit\:min-w-full{min-width:100%}.dgsuikit\:min-w-max{min-width:max-content}.dgsuikit\:flex-1{flex:1}.dgsuikit\:shrink-0{flex-shrink:0}.dgsuikit\:flex-grow{flex-grow:1}.dgsuikit\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:-translate-y-\[calc\(100\%\+8px\)\]{--tw-translate-y: calc((100% + 8px)*-1) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-y-1\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-y-\[calc\(-100\%-8px\)\]{--tw-translate-y: calc(-100% - 8px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-y-\[calc\(100\%\+8px\)\]{--tw-translate-y: calc(100% + 8px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dgsuikit\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dgsuikit\:rotate-45{rotate:45deg}.dgsuikit\:rotate-180{rotate:180deg}.dgsuikit\:\!cursor-not-allowed{cursor:not-allowed!important}.dgsuikit\:\!cursor-pointer{cursor:pointer!important}.dgsuikit\:\!cursor-wait{cursor:wait!important}.dgsuikit\:cursor-default{cursor:default}.dgsuikit\:cursor-not-allowed{cursor:not-allowed}.dgsuikit\:cursor-pointer{cursor:pointer}.dgsuikit\:cursor-text{cursor:text}.dgsuikit\:resize-none{resize:none}.dgsuikit\:snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.dgsuikit\:snap-mandatory{--tw-scroll-snap-strictness:mandatory}.dgsuikit\:snap-normal{scroll-snap-stop:normal}.dgsuikit\:appearance-none{appearance:none}.dgsuikit\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dgsuikit\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.dgsuikit\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.dgsuikit\:grid-rows-\[0fr\]{grid-template-rows:0fr}.dgsuikit\:grid-rows-\[1fr\]{grid-template-rows:1fr}.dgsuikit\:flex-col{flex-direction:column}.dgsuikit\:flex-row{flex-direction:row}.dgsuikit\:flex-row-reverse{flex-direction:row-reverse}.dgsuikit\:flex-wrap{flex-wrap:wrap}.dgsuikit\:items-baseline{align-items:baseline}.dgsuikit\:items-center{align-items:center}.dgsuikit\:items-start{align-items:flex-start}.dgsuikit\:\!justify-center{justify-content:center!important}.dgsuikit\:justify-between{justify-content:space-between}.dgsuikit\:justify-center{justify-content:center}.dgsuikit\:justify-end{justify-content:flex-end}.dgsuikit\:justify-start{justify-content:flex-start}.dgsuikit\:gap-1{gap:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:gap-2{gap:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:gap-3{gap:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:gap-4{gap:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:gap-5{gap:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:gap-\[2px\]{gap:2px}.dgsuikit\:gap-\[6px\]{gap:6px}:where(.dgsuikit\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--dgsuikit-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--dgsuikit-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.dgsuikit\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--dgsuikit-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--dgsuikit-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.dgsuikit\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--dgsuikit-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--dgsuikit-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.dgsuikit\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--dgsuikit-spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--dgsuikit-spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.dgsuikit\:gap-x-1{column-gap:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:gap-x-2{column-gap:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:gap-x-3{column-gap:calc(var(--dgsuikit-spacing)*3)}:where(.dgsuikit\:space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--dgsuikit-spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--dgsuikit-spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.dgsuikit\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--dgsuikit-spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--dgsuikit-spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.dgsuikit\:gap-y-2{row-gap:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:gap-y-3{row-gap:calc(var(--dgsuikit-spacing)*3)}:where(.dgsuikit\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.dgsuikit\:divide-solid>:not(:last-child)){--tw-border-style:solid;border-style:solid}:where(.dgsuikit\:divide-gray-200>:not(:last-child)){border-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:\!truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.dgsuikit\:overflow-hidden{overflow:hidden}.dgsuikit\:overflow-x-auto{overflow-x:auto}.dgsuikit\:overflow-x-hidden{overflow-x:hidden}.dgsuikit\:overflow-y-auto{overflow-y:auto}.dgsuikit\:overflow-y-hidden{overflow-y:hidden}.dgsuikit\:rounded{border-radius:.25rem}.dgsuikit\:rounded-2xl{border-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:rounded-\[20px\]{border-radius:20px}.dgsuikit\:rounded-full{border-radius:3.40282e38px}.dgsuikit\:rounded-lg{border-radius:var(--dgsuikit-radius-lg)}.dgsuikit\:rounded-md{border-radius:var(--dgsuikit-radius-md)}.dgsuikit\:rounded-none{border-radius:0}.dgsuikit\:rounded-sm{border-radius:var(--dgsuikit-radius-sm)}.dgsuikit\:rounded-xl{border-radius:var(--dgsuikit-radius-xl)}.dgsuikit\:rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.dgsuikit\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.dgsuikit\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.dgsuikit\:rounded-tl{border-top-left-radius:.25rem}.dgsuikit\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.dgsuikit\:rounded-tr-2xl{border-top-right-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.dgsuikit\:rounded-br{border-bottom-right-radius:.25rem}.dgsuikit\:rounded-br-2xl{border-bottom-right-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:border{border-style:var(--tw-border-style);border-width:1px}.dgsuikit\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.dgsuikit\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.dgsuikit\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.dgsuikit\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dgsuikit\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.dgsuikit\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.dgsuikit\:border-dashed{--tw-border-style:dashed;border-style:dashed}.dgsuikit\:border-none{--tw-border-style:none;border-style:none}.dgsuikit\:border-solid{--tw-border-style:solid;border-style:solid}.dgsuikit\:\!border-error-500{border-color:rgb(var(--dgs-color-error-500)/1)!important}.dgsuikit\:\!border-gray-200{border-color:rgb(var(--dgs-color-gray-200)/1)!important}.dgsuikit\:\!border-primary-500{border-color:rgb(var(--dgs-color-primary-500)/1)!important}.dgsuikit\:\!border-warning-600{border-color:rgb(var(--dgs-color-warning-600)/1)!important}.dgsuikit\:border-error-200{border-color:rgb(var(--dgs-color-error-200)/1)}.dgsuikit\:border-error-300{border-color:rgb(var(--dgs-color-error-300)/1)}.dgsuikit\:border-error-500{border-color:rgb(var(--dgs-color-error-500)/1)}.dgsuikit\:border-gray-100{border-color:rgb(var(--dgs-color-gray-100)/1)}.dgsuikit\:border-gray-200{border-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:border-gray-300{border-color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:border-gray-400{border-color:rgb(var(--dgs-color-gray-400)/1)}.dgsuikit\:border-primary-100{border-color:rgb(var(--dgs-color-primary-100)/1)}.dgsuikit\:border-primary-200{border-color:rgb(var(--dgs-color-primary-200)/1)}.dgsuikit\:border-primary-300{border-color:rgb(var(--dgs-color-primary-300)/1)}.dgsuikit\:border-primary-500{border-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:border-success-200{border-color:rgb(var(--dgs-color-success-200)/1)}.dgsuikit\:border-success-500{border-color:rgb(var(--dgs-color-success-500)/1)}.dgsuikit\:border-transparent{border-color:#0000}.dgsuikit\:border-warning-200{border-color:rgb(var(--dgs-color-warning-200)/1)}.dgsuikit\:border-warning-500{border-color:rgb(var(--dgs-color-warning-500)/1)}.dgsuikit\:\!bg-gray-50{background-color:rgb(var(--dgs-color-gray-50)/1)!important}.dgsuikit\:\!bg-primary-50{background-color:rgb(var(--dgs-color-primary-50)/1)!important}.dgsuikit\:\!bg-primary-500{background-color:rgb(var(--dgs-color-primary-500)/1)!important}.dgsuikit\:bg-black\/40{background-color:var(--dgsuikit-color-black)}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:bg-black\/40{background-color:color-mix(in oklab,var(--dgsuikit-color-black)40%,transparent)}}.dgsuikit\:bg-black\/50{background-color:var(--dgsuikit-color-black)}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:bg-black\/50{background-color:color-mix(in oklab,var(--dgsuikit-color-black)50%,transparent)}}.dgsuikit\:bg-black\/70{background-color:var(--dgsuikit-color-black)}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:bg-black\/70{background-color:color-mix(in oklab,var(--dgsuikit-color-black)70%,transparent)}}.dgsuikit\:bg-error-50{background-color:rgb(var(--dgs-color-error-50)/1)}.dgsuikit\:bg-error-500{background-color:rgb(var(--dgs-color-error-500)/1)}.dgsuikit\:bg-flamingo-50{background-color:rgb(var(--dgs-color-flamingo-50)/1)}.dgsuikit\:bg-flamingo-500{background-color:rgb(var(--dgs-color-flamingo-500)/1)}.dgsuikit\:bg-gray-50{background-color:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:bg-gray-100{background-color:rgb(var(--dgs-color-gray-100)/1)}.dgsuikit\:bg-gray-200{background-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:bg-gray-300{background-color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:bg-gray-500,.dgsuikit\:bg-gray-500\/50{background-color:rgb(var(--dgs-color-gray-500)/1)}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:bg-gray-500\/50{background-color:color-mix(in oklab,rgb(var(--dgs-color-gray-500)/1)50%,transparent)}}.dgsuikit\:bg-gray-600{background-color:rgb(var(--dgs-color-gray-600)/1)}.dgsuikit\:bg-gray-700{background-color:rgb(var(--dgs-color-gray-700)/1)}.dgsuikit\:bg-primary-50{background-color:rgb(var(--dgs-color-primary-50)/1)}.dgsuikit\:bg-primary-100{background-color:rgb(var(--dgs-color-primary-100)/1)}.dgsuikit\:bg-primary-500{background-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:bg-secondary-100{background-color:rgb(var(--dgs-color-secondary-100)/1)}.dgsuikit\:bg-secondary-500{background-color:rgb(var(--dgs-color-secondary-500)/1)}.dgsuikit\:bg-secondary-600{background-color:rgb(var(--dgs-color-secondary-600)/1)}.dgsuikit\:bg-sky-50{background-color:rgb(var(--dgs-color-sky-50)/1)}.dgsuikit\:bg-sky-600{background-color:rgb(var(--dgs-color-sky-600)/1)}.dgsuikit\:bg-success-50{background-color:rgb(var(--dgs-color-success-50)/1)}.dgsuikit\:bg-success-600{background-color:rgb(var(--dgs-color-success-600)/1)}.dgsuikit\:bg-teal-500{background-color:var(--dgsuikit-color-teal-500)}.dgsuikit\:bg-transparent{background-color:#0000}.dgsuikit\:bg-violet-50{background-color:rgb(var(--dgs-color-violet-50)/1)}.dgsuikit\:bg-violet-500{background-color:rgb(var(--dgs-color-violet-500)/1)}.dgsuikit\:bg-warning-50{background-color:rgb(var(--dgs-color-warning-50)/1)}.dgsuikit\:bg-warning-500{background-color:rgb(var(--dgs-color-warning-500)/1)}.dgsuikit\:bg-white{background-color:var(--dgsuikit-color-white)}.dgsuikit\:bg-none{background-image:none}.dgsuikit\:stroke-gray-50{stroke:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:stroke-gray-400{stroke:rgb(var(--dgs-color-gray-400)/1)}.dgsuikit\:stroke-primary-100{stroke:rgb(var(--dgs-color-primary-100)/1)}.dgsuikit\:stroke-primary-500{stroke:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:stroke-secondary-100{stroke:rgb(var(--dgs-color-secondary-100)/1)}.dgsuikit\:stroke-secondary-600{stroke:rgb(var(--dgs-color-secondary-600)/1)}.dgsuikit\:\!p-0{padding:calc(var(--dgsuikit-spacing)*0)!important}.dgsuikit\:p-0{padding:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:p-1{padding:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:p-3{padding:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:p-4{padding:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:p-6{padding:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:p-10{padding:calc(var(--dgsuikit-spacing)*10)}.dgsuikit\:p-\[1px\]{padding:1px}.dgsuikit\:p-\[10px\]{padding:10px}.dgsuikit\:\!px-0{padding-inline:calc(var(--dgsuikit-spacing)*0)!important}.dgsuikit\:px-0{padding-inline:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:px-2{padding-inline:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:px-3{padding-inline:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:px-4{padding-inline:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:px-5{padding-inline:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:px-6{padding-inline:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:px-\[5\.5\%\]{padding-inline:5.5%}.dgsuikit\:px-\[6px\]{padding-inline:6px}.dgsuikit\:px-\[10px\]{padding-inline:10px}.dgsuikit\:py-1{padding-block:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:py-1\.5{padding-block:calc(var(--dgsuikit-spacing)*1.5)}.dgsuikit\:py-2{padding-block:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:py-2\.5{padding-block:calc(var(--dgsuikit-spacing)*2.5)}.dgsuikit\:py-3{padding-block:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:py-4{padding-block:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:py-\[2px\]{padding-block:2px}.dgsuikit\:\!pt-0{padding-top:calc(var(--dgsuikit-spacing)*0)!important}.dgsuikit\:\!pt-3{padding-top:calc(var(--dgsuikit-spacing)*3)!important}.dgsuikit\:pt-1{padding-top:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:pt-3{padding-top:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:pt-4{padding-top:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:pt-6{padding-top:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:pr-3{padding-right:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:pr-11{padding-right:calc(var(--dgsuikit-spacing)*11)}.dgsuikit\:pr-\[80px\]{padding-right:80px}.dgsuikit\:pr-\[calc\(1em\+1px\)\]{padding-right:calc(1em + 1px)}.dgsuikit\:\!pb-3{padding-bottom:calc(var(--dgsuikit-spacing)*3)!important}.dgsuikit\:pb-2{padding-bottom:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:pb-3{padding-bottom:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:pl-0{padding-left:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:pl-3{padding-left:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:pl-9{padding-left:calc(var(--dgsuikit-spacing)*9)}.dgsuikit\:pl-\[calc\(1em\+1px\)\]{padding-left:calc(1em + 1px)}.dgsuikit\:\!text-center{text-align:center!important}.dgsuikit\:\!text-left{text-align:left!important}.dgsuikit\:text-center{text-align:center}.dgsuikit\:text-right{text-align:right}.dgsuikit\:text-start{text-align:start}.dgsuikit\:\!font-p1-medium{font-size:16px!important;font-style:normal!important;font-weight:500!important;line-height:28px!important}.dgsuikit\:font-button-large{font-size:16px;font-style:normal;font-weight:600;line-height:24px}.dgsuikit\:font-button-medium{font-size:14px;font-style:normal;font-weight:600;line-height:24px}.dgsuikit\:font-button-small{font-size:13px;font-style:normal;font-weight:600;line-height:20px}.dgsuikit\:font-caption-demibold{font-size:11px;font-style:normal;font-weight:600;line-height:16px}.dgsuikit\:font-caption-regular{font-size:11px;font-style:normal;font-weight:400;line-height:20px}.dgsuikit\:font-h2-bold{font-size:22px;font-style:normal;font-weight:699;line-height:36px}.dgsuikit\:font-h3-bold{font-size:20px;font-style:normal;font-weight:699;line-height:32px}.dgsuikit\:font-h4-bold{font-size:18px;font-style:normal;font-weight:699;line-height:32px}.dgsuikit\:font-h5-bold{font-size:16px;font-style:normal;font-weight:699;line-height:28px}.dgsuikit\:font-h6-bold{font-size:14px;font-style:normal;font-weight:699;line-height:24px}.dgsuikit\:font-oveline-demibold{font-size:10px;font-style:normal;font-weight:600;line-height:12px}.dgsuikit\:font-oveline-regular{font-size:10px;font-style:normal;font-weight:400;line-height:12px}.dgsuikit\:font-p1-medium{font-size:16px;font-style:normal;font-weight:500;line-height:28px}.dgsuikit\:font-p1-regular{font-size:16px;font-style:normal;font-weight:400;line-height:28px}.dgsuikit\:font-p2-medium{font-size:14px;font-style:normal;font-weight:500;line-height:24px}.dgsuikit\:font-p2-regular{font-size:14px;font-style:normal;font-weight:400;line-height:24px}.dgsuikit\:font-p3-medium{font-size:13px;font-style:normal;font-weight:500;line-height:24px}.dgsuikit\:font-p3-regular{font-size:13px;font-style:normal;font-weight:400;line-height:24px}.dgsuikit\:text-base{font-size:var(--dgsuikit-text-base);line-height:var(--tw-leading,var(--dgsuikit-text-base--line-height))}.dgsuikit\:text-lg{font-size:var(--dgsuikit-text-lg);line-height:var(--tw-leading,var(--dgsuikit-text-lg--line-height))}.dgsuikit\:text-sm{font-size:var(--dgsuikit-text-sm);line-height:var(--tw-leading,var(--dgsuikit-text-sm--line-height))}.dgsuikit\:text-xl{font-size:var(--dgsuikit-text-xl);line-height:var(--tw-leading,var(--dgsuikit-text-xl--line-height))}.dgsuikit\:leading-6{--tw-leading:calc(var(--dgsuikit-spacing)*6);line-height:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:leading-7{--tw-leading:calc(var(--dgsuikit-spacing)*7);line-height:calc(var(--dgsuikit-spacing)*7)}.dgsuikit\:leading-normal{--tw-leading:var(--dgsuikit-leading-normal);line-height:var(--dgsuikit-leading-normal)}.dgsuikit\:font-bold{--tw-font-weight:699;font-weight:699}.dgsuikit\:font-light{--tw-font-weight:var(--dgsuikit-font-weight-light);font-weight:var(--dgsuikit-font-weight-light)}.dgsuikit\:font-medium{--tw-font-weight:var(--dgsuikit-font-weight-medium);font-weight:var(--dgsuikit-font-weight-medium)}.dgsuikit\:font-normal{--tw-font-weight:var(--dgsuikit-font-weight-normal);font-weight:var(--dgsuikit-font-weight-normal)}.dgsuikit\:font-semibold{--tw-font-weight:var(--dgsuikit-font-weight-semibold);font-weight:var(--dgsuikit-font-weight-semibold)}.dgsuikit\:break-words{overflow-wrap:break-word}.dgsuikit\:whitespace-pre{white-space:pre}.dgsuikit\:\!text-primary-500{color:rgb(var(--dgs-color-primary-500)/1)!important}.dgsuikit\:\!text-white{color:var(--dgsuikit-color-white)!important}.dgsuikit\:text-black{color:var(--dgsuikit-color-black)}.dgsuikit\:text-error-500{color:rgb(var(--dgs-color-error-500)/1)}.dgsuikit\:text-error-600{color:rgb(var(--dgs-color-error-600)/1)}.dgsuikit\:text-error-700{color:rgb(var(--dgs-color-error-700)/1)}.dgsuikit\:text-flamingo-700{color:rgb(var(--dgs-color-flamingo-700)/1)}.dgsuikit\:text-gray-50{color:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:text-gray-200{color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:text-gray-300{color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:text-gray-400{color:rgb(var(--dgs-color-gray-400)/1)}.dgsuikit\:text-gray-500{color:rgb(var(--dgs-color-gray-500)/1)}.dgsuikit\:text-gray-600{color:rgb(var(--dgs-color-gray-600)/1)}.dgsuikit\:text-gray-700{color:rgb(var(--dgs-color-gray-700)/1)}.dgsuikit\:text-gray-800{color:rgb(var(--dgs-color-gray-800)/1)}.dgsuikit\:text-gray-900{color:rgb(var(--dgs-color-gray-900)/1)}.dgsuikit\:text-primary-200{color:rgb(var(--dgs-color-primary-200)/1)}.dgsuikit\:text-primary-400{color:rgb(var(--dgs-color-primary-400)/1)}.dgsuikit\:text-primary-500{color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:text-primary-600{color:rgb(var(--dgs-color-primary-600)/1)}.dgsuikit\:text-primary-700{color:rgb(var(--dgs-color-primary-700)/1)}.dgsuikit\:text-secondary-400{color:rgb(var(--dgs-color-secondary-400)/1)}.dgsuikit\:text-secondary-500{color:rgb(var(--dgs-color-secondary-500)/1)}.dgsuikit\:text-secondary-700{color:rgb(var(--dgs-color-secondary-700)/1)}.dgsuikit\:text-sky-700{color:rgb(var(--dgs-color-sky-700)/1)}.dgsuikit\:text-success-600{color:rgb(var(--dgs-color-success-600)/1)}.dgsuikit\:text-success-800{color:rgb(var(--dgs-color-success-800)/1)}.dgsuikit\:text-violet-800{color:rgb(var(--dgs-color-violet-800)/1)}.dgsuikit\:text-warning-500{color:rgb(var(--dgs-color-warning-500)/1)}.dgsuikit\:text-warning-700{color:rgb(var(--dgs-color-warning-700)/1)}.dgsuikit\:text-warning-800{color:rgb(var(--dgs-color-warning-800)/1)}.dgsuikit\:text-white{color:var(--dgsuikit-color-white)}.dgsuikit\:line-through{text-decoration-line:line-through}.dgsuikit\:caret-transparent{caret-color:#0000}.dgsuikit\:\!opacity-100{opacity:1!important}.dgsuikit\:opacity-0{opacity:0}.dgsuikit\:opacity-40{opacity:.4}.dgsuikit\:opacity-50{opacity:.5}.dgsuikit\:opacity-60{opacity:.6}.dgsuikit\:opacity-75{opacity:.75}.dgsuikit\:opacity-100{opacity:1}.dgsuikit\:shadow-lg{--tw-shadow:0px 13px 36px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:shadow-md{--tw-shadow:0px 9px 20px 0px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:ring-\[3px\]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:\!ring-error-50{--tw-ring-color:rgb(var(--dgs-color-error-50)/1)!important}.dgsuikit\:\!ring-gray-100{--tw-ring-color:rgb(var(--dgs-color-gray-100)/1)!important}.dgsuikit\:ring-gray-100{--tw-ring-color:rgb(var(--dgs-color-gray-100)/1)}.dgsuikit\:ring-gray-300{--tw-ring-color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:ring-primary-300{--tw-ring-color:rgb(var(--dgs-color-primary-300)/1)}.dgsuikit\:ring-transparent{--tw-ring-color:transparent}.dgsuikit\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.dgsuikit\:ring-offset-transparent{--tw-ring-offset-color:transparent}.dgsuikit\:ring-offset-white{--tw-ring-offset-color:var(--dgsuikit-color-white)}.dgsuikit\:\!transition-\[width\,opacity\]{transition-property:width,opacity!important;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))!important}.dgsuikit\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-\[background-color\,box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-\[background-color\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-\[width\,max-width\,opacity\]{transition-property:width,max-width,opacity;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:duration-100{--tw-duration:.1s;transition-duration:.1s}.dgsuikit\:duration-300{--tw-duration:.3s;transition-duration:.3s}.dgsuikit\:ease-in-out{--tw-ease:var(--dgsuikit-ease-in-out);transition-timing-function:var(--dgsuikit-ease-in-out)}.dgsuikit\:ease-linear{--tw-ease:linear;transition-timing-function:linear}.dgsuikit\:ss02{-moz-font-feature-settings:"ss02";-webkit-font-feature-settings:"ss02";font-feature-settings:"ss02"}.dgsuikit\:\[direction\:ltr\]{direction:ltr}.dgsuikit\:group-checked\:text-primary-500:is(:where(.dgsuikit\:group):checked *){color:rgb(var(--dgs-color-primary-500)/1)}@media (hover:hover){.dgsuikit\:group-hover\:border-primary-500:is(:where(.dgsuikit\:group):hover *){border-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:group-hover\:bg-primary-400:is(:where(.dgsuikit\:group):hover *){background-color:rgb(var(--dgs-color-primary-400)/1)}.dgsuikit\:group-hover\:bg-secondary-500:is(:where(.dgsuikit\:group):hover *){background-color:rgb(var(--dgs-color-secondary-500)/1)}.dgsuikit\:group-hover\:text-gray-500:is(:where(.dgsuikit\:group):hover *){color:rgb(var(--dgs-color-gray-500)/1)}.dgsuikit\:group-hover\:text-gray-600:is(:where(.dgsuikit\:group):hover *){color:rgb(var(--dgs-color-gray-600)/1)}.dgsuikit\:group-hover\:text-primary-500:is(:where(.dgsuikit\:group):hover *){color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:group-hover\:opacity-100:is(:where(.dgsuikit\:group):hover *){opacity:1}.dgsuikit\:group-hover\:ring-4:is(:where(.dgsuikit\:group):hover *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:group-hover\:ring-error-50:is(:where(.dgsuikit\:group):hover *){--tw-ring-color:rgb(var(--dgs-color-error-50)/1)}.dgsuikit\:group-hover\:ring-gray-100:is(:where(.dgsuikit\:group):hover *){--tw-ring-color:rgb(var(--dgs-color-gray-100)/1)}}.dgsuikit\:group-focus\:ring-4:is(:where(.dgsuikit\:group):focus *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:group-focus\:ring-primary-300:is(:where(.dgsuikit\:group):focus *){--tw-ring-color:rgb(var(--dgs-color-primary-300)/1)}.dgsuikit\:group-focus\:ring-offset-1:is(:where(.dgsuikit\:group):focus *){--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.dgsuikit\:group-focus\:ring-offset-white:is(:where(.dgsuikit\:group):focus *){--tw-ring-offset-color:var(--dgsuikit-color-white)}.dgsuikit\:group-active\:bg-primary-600:is(:where(.dgsuikit\:group):active *){background-color:rgb(var(--dgs-color-primary-600)/1)}.dgsuikit\:group-active\:bg-secondary-700:is(:where(.dgsuikit\:group):active *){background-color:rgb(var(--dgs-color-secondary-700)/1)}.dgsuikit\:group-active\:ring-0:is(:where(.dgsuikit\:group):active *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:peer-checked\:opacity-100:is(:where(.dgsuikit\:peer):checked~*){opacity:1}.dgsuikit\:placeholder\:\!text-center::placeholder{text-align:center!important}.dgsuikit\:placeholder\:text-left::placeholder{text-align:left}.dgsuikit\:placeholder\:text-right::placeholder{text-align:right}.dgsuikit\:before\:absolute:before{content:var(--tw-content);position:absolute}.dgsuikit\:before\:top-0:before{content:var(--tw-content);top:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:before\:top-1\/2:before{content:var(--tw-content);top:50%}.dgsuikit\:before\:-right-4:before{content:var(--tw-content);right:calc(var(--dgsuikit-spacing)*-4)}.dgsuikit\:before\:right-0:before{content:var(--tw-content);right:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:before\:left-0:before{content:var(--tw-content);left:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:before\:h-\[22px\]:before{content:var(--tw-content);height:22px}.dgsuikit\:before\:w-1:before{content:var(--tw-content);width:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:before\:w-full:before{content:var(--tw-content);width:100%}.dgsuikit\:before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:before\:rounded-l-md:before{content:var(--tw-content);border-top-left-radius:var(--dgsuikit-radius-md);border-bottom-left-radius:var(--dgsuikit-radius-md)}.dgsuikit\:before\:border-t:before{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:1px}.dgsuikit\:before\:border-b:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dgsuikit\:before\:border-solid:before{content:var(--tw-content);--tw-border-style:solid;border-style:solid}.dgsuikit\:before\:border-gray-200:before{content:var(--tw-content);border-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:before\:bg-primary-500:before{content:var(--tw-content);background-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.dgsuikit\:after\:absolute:after{content:var(--tw-content);position:absolute}.dgsuikit\:after\:top-0:after{content:var(--tw-content);top:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:after\:right-0:after{content:var(--tw-content);right:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:after\:left-0:after{content:var(--tw-content);left:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:after\:h-full:after{content:var(--tw-content);height:100%}.dgsuikit\:after\:w-\[30px\]:after{content:var(--tw-content);width:30px}.dgsuikit\:after\:-translate-x-full:after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:after\:shadow-\[inset_-10px_0_8px_-8px\]:after{content:var(--tw-content);--tw-shadow:inset -10px 0 8px -8px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:after\:shadow-\[inset_10px_0_8px_-8px\]:after{content:var(--tw-content);--tw-shadow:inset 10px 0 8px -8px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:after\:\!shadow-\[rgba\(0\,0\,0\,0\.06\)\]:after{content:var(--tw-content);--tw-shadow-color:#0000000f!important}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:after\:\!shadow-\[rgba\(0\,0\,0\,0\.06\)\]:after{--tw-shadow-color:color-mix(in oklab,#0000000f var(--tw-shadow-alpha),transparent)!important}}.dgsuikit\:after\:shadow-transparent:after{content:var(--tw-content);--tw-shadow-color:transparent}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:after\:shadow-transparent:after{--tw-shadow-color:color-mix(in oklab,transparent var(--tw-shadow-alpha),transparent)}}.dgsuikit\:after\:transition-shadow:after{content:var(--tw-content);transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:first\:mt-0:first-child{margin-top:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:first\:rounded-tr-2xl:first-child{border-top-right-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:first\:rounded-br-2xl:first-child{border-bottom-right-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:last\:rounded-tl-2xl:last-child{border-top-left-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:last\:rounded-bl-2xl:last-child{border-bottom-left-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:first-of-type\:border-t-0:first-of-type{border-top-style:var(--tw-border-style);border-top-width:0}.dgsuikit\:last-of-type\:border-b:last-of-type{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dgsuikit\:checked\:border-transparent:checked{border-color:#0000}.dgsuikit\:checked\:bg-primary-500:checked{background-color:rgb(var(--dgs-color-primary-500)/1)}@media (hover:hover){.dgsuikit\:hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dgsuikit\:hover\:border-error-200:hover{border-color:rgb(var(--dgs-color-error-200)/1)}.dgsuikit\:hover\:border-gray-300:hover{border-color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:hover\:border-primary-200:hover{border-color:rgb(var(--dgs-color-primary-200)/1)}.dgsuikit\:hover\:border-success-400:hover{border-color:rgb(var(--dgs-color-success-400)/1)}.dgsuikit\:hover\:border-warning-400:hover{border-color:rgb(var(--dgs-color-warning-400)/1)}.dgsuikit\:hover\:bg-error-50:hover{background-color:rgb(var(--dgs-color-error-50)/1)}.dgsuikit\:hover\:bg-error-400:hover{background-color:rgb(var(--dgs-color-error-400)/1)}.dgsuikit\:hover\:bg-gray-50:hover{background-color:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:hover\:bg-gray-100:hover{background-color:rgb(var(--dgs-color-gray-100)/1)}.dgsuikit\:hover\:bg-gray-300:hover{background-color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:hover\:bg-gray-500:hover,.dgsuikit\:hover\:bg-gray-500\/80:hover{background-color:rgb(var(--dgs-color-gray-500)/1)}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:hover\:bg-gray-500\/80:hover{background-color:color-mix(in oklab,rgb(var(--dgs-color-gray-500)/1)80%,transparent)}}.dgsuikit\:hover\:bg-primary-50:hover{background-color:rgb(var(--dgs-color-primary-50)/1)}.dgsuikit\:hover\:bg-primary-300:hover{background-color:rgb(var(--dgs-color-primary-300)/1)}.dgsuikit\:hover\:bg-success-50:hover{background-color:rgb(var(--dgs-color-success-50)/1)}.dgsuikit\:hover\:bg-success-500:hover{background-color:rgb(var(--dgs-color-success-500)/1)}.dgsuikit\:hover\:bg-warning-50:hover{background-color:rgb(var(--dgs-color-warning-50)/1)}.dgsuikit\:hover\:bg-warning-300:hover{background-color:rgb(var(--dgs-color-warning-300)/1)}.dgsuikit\:hover\:text-error-400:hover{color:rgb(var(--dgs-color-error-400)/1)}.dgsuikit\:hover\:text-gray-500:hover{color:rgb(var(--dgs-color-gray-500)/1)}.dgsuikit\:hover\:text-gray-600:hover{color:rgb(var(--dgs-color-gray-600)/1)}.dgsuikit\:hover\:text-primary-400:hover{color:rgb(var(--dgs-color-primary-400)/1)}.dgsuikit\:hover\:text-primary-500:hover{color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:hover\:text-success-500:hover{color:rgb(var(--dgs-color-success-500)/1)}.dgsuikit\:hover\:text-warning-600:hover{color:rgb(var(--dgs-color-warning-600)/1)}.dgsuikit\:hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:hover\:ring-error-50:hover{--tw-ring-color:rgb(var(--dgs-color-error-50)/1)}.dgsuikit\:hover\:ring-gray-50:hover{--tw-ring-color:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:hover\:ring-gray-100:hover{--tw-ring-color:rgb(var(--dgs-color-gray-100)/1)}}.dgsuikit\:focus\:\!ring:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.dgsuikit\:focus\:ring-\[3px\]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:focus\:\!ring-error-300:focus{--tw-ring-color:rgb(var(--dgs-color-error-300)/1)!important}.dgsuikit\:focus\:\!ring-primary-300:focus{--tw-ring-color:rgb(var(--dgs-color-primary-300)/1)!important}.dgsuikit\:focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.dgsuikit\:focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--dgsuikit-color-white)}.dgsuikit\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.dgsuikit\:active\:border-error-600:active{border-color:rgb(var(--dgs-color-error-600)/1)}.dgsuikit\:active\:border-gray-700:active{border-color:rgb(var(--dgs-color-gray-700)/1)}.dgsuikit\:active\:border-primary-600:active{border-color:rgb(var(--dgs-color-primary-600)/1)}.dgsuikit\:active\:border-success-700:active{border-color:rgb(var(--dgs-color-success-700)/1)}.dgsuikit\:active\:border-warning-600:active{border-color:rgb(var(--dgs-color-warning-600)/1)}.dgsuikit\:active\:bg-error-100:active{background-color:rgb(var(--dgs-color-error-100)/1)}.dgsuikit\:active\:bg-error-600:active{background-color:rgb(var(--dgs-color-error-600)/1)}.dgsuikit\:active\:bg-gray-200:active{background-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:active\:bg-gray-700:active{background-color:rgb(var(--dgs-color-gray-700)/1)}.dgsuikit\:active\:bg-primary-600:active{background-color:rgb(var(--dgs-color-primary-600)/1)}.dgsuikit\:active\:bg-success-100:active{background-color:rgb(var(--dgs-color-success-100)/1)}.dgsuikit\:active\:bg-success-700:active{background-color:rgb(var(--dgs-color-success-700)/1)}.dgsuikit\:active\:bg-warning-100:active{background-color:rgb(var(--dgs-color-warning-100)/1)}.dgsuikit\:active\:bg-warning-600:active{background-color:rgb(var(--dgs-color-warning-600)/1)}.dgsuikit\:active\:text-error-700:active{color:rgb(var(--dgs-color-error-700)/1)}.dgsuikit\:active\:text-gray-800:active{color:rgb(var(--dgs-color-gray-800)/1)}.dgsuikit\:active\:text-primary-700:active{color:rgb(var(--dgs-color-primary-700)/1)}.dgsuikit\:active\:text-success-700:active{color:rgb(var(--dgs-color-success-700)/1)}.dgsuikit\:active\:text-warning-800:active{color:rgb(var(--dgs-color-warning-800)/1)}.dgsuikit\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.dgsuikit\:disabled\:border-error-500:disabled{border-color:rgb(var(--dgs-color-error-500)/1)}.dgsuikit\:disabled\:border-gray-600:disabled{border-color:rgb(var(--dgs-color-gray-600)/1)}.dgsuikit\:disabled\:bg-gray-50:disabled{background-color:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:disabled\:bg-gray-200:disabled{background-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:disabled\:text-gray-400:disabled{color:rgb(var(--dgs-color-gray-400)/1)}.dgsuikit\:disabled\:opacity-40:disabled{opacity:.4}.dgsuikit\:disabled\:active\:border-success-600:disabled:active{border-color:rgb(var(--dgs-color-success-600)/1)}.dgsuikit\:has-\[\:checked\]\:border-primary-500:has(:checked){border-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:has-\[\:checked\]\:bg-primary-50:has(:checked){background-color:rgb(var(--dgs-color-primary-50)/1)}.dgsuikit\:has-\[\:disabled\]\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.dgsuikit\:has-\[\:disabled\]\:opacity-40:has(:disabled){opacity:.4}.dgsuikit\:has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.dgsuikit\:has-\[\:focus\]\:border-primary-500:has(:focus){border-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:has-\[\:focus\]\:bg-white:has(:focus){background-color:var(--dgsuikit-color-white)}.dgsuikit\:has-\[\:focus\]\:ring-error-50:has(:focus){--tw-ring-color:rgb(var(--dgs-color-error-50)/1)}.dgsuikit\:has-\[\:focus\]\:ring-error-300:has(:focus){--tw-ring-color:rgb(var(--dgs-color-error-300)/1)}.dgsuikit\:has-\[\:focus\]\:ring-primary-50:has(:focus){--tw-ring-color:rgb(var(--dgs-color-primary-50)/1)}.dgsuikit\:has-\[\:focus\]\:ring-primary-300:has(:focus){--tw-ring-color:rgb(var(--dgs-color-primary-300)/1)}.dgsuikit\:has-\[\:focus\]\:ring-offset-1:has(:focus){--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.dgsuikit\:has-\[\:focus\]\:ring-offset-white:has(:focus){--tw-ring-offset-color:var(--dgsuikit-color-white)}@media (min-width:48rem){.dgsuikit\:md\:mx-0{margin-inline:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:md\:h-11{height:calc(var(--dgsuikit-spacing)*11)}.dgsuikit\:md\:w-11{width:calc(var(--dgsuikit-spacing)*11)}.dgsuikit\:md\:gap-x-4{column-gap:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:md\:font-h5-bold{font-size:16px;font-style:normal;font-weight:699;line-height:28px}}.dgsuikit\:before\:md\:border-t-0:before{content:var(--tw-content)}@media (min-width:48rem){.dgsuikit\:before\:md\:border-t-0:before{border-top-style:var(--tw-border-style);border-top-width:0}}.dgsuikit\:\[\&_\>div\:first-child\]\:flex-1>div:first-child{flex:1}.dgsuikit\:\[\&_\>div\:first-child\]\:pl-1>div:first-child{padding-left:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:\[\&_svg\]\:size-4 svg{width:calc(var(--dgsuikit-spacing)*4);height:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:\[\&_svg\]\:size-5 svg{width:calc(var(--dgsuikit-spacing)*5);height:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:\[\&_svg\]\:size-6 svg{width:calc(var(--dgsuikit-spacing)*6);height:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:\[\&_svg\]\:size-full svg{width:100%;height:100%}.dgsuikit\:\[\&_svg\]\:h-6 svg{height:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.dgsuikit\:\[\&\>svg\]\:w-6>svg{width:calc(var(--dgsuikit-spacing)*6)}}.button-large-icon .icon-button{width:20px;height:20px}.button-medium-icon .icon-button{width:18px;height:18px}.button-small-icon .icon-button{width:16px;height:16px}.dot-flashing{color:#c8d3f7;background-color:#c8d3f7;border-radius:5px;width:7px;height:7px;margin:0 .75rem;animation:.25s linear .125s infinite alternate dot-flashing;position:relative}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{color:#c8d3f7;background-color:#c8d3f7;border-radius:5px;width:7px;height:7px;animation:.25s infinite alternate dot-flashing;left:-15px}.dot-flashing:after{color:#c8d3f7;background-color:#c8d3f7;border-radius:5px;width:7px;height:7px;animation:.25s .25s infinite alternate dot-flashing;left:15px}@keyframes dot-flashing{0%{background-color:#c8d3f7}50%,to{color:#f0f3ff;background-color:#f0f3ff}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
|
|
1
|
+
/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--dgsuikit-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--dgsuikit-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--dgsuikit-color-teal-500:oklch(70.4% .14 182.503);--dgsuikit-color-black:#000;--dgsuikit-color-white:#fff;--dgsuikit-spacing:.25rem;--dgsuikit-text-sm:.875rem;--dgsuikit-text-sm--line-height:calc(1.25/.875);--dgsuikit-text-base:1rem;--dgsuikit-text-base--line-height: 1.5 ;--dgsuikit-text-lg:1.125rem;--dgsuikit-text-lg--line-height:calc(1.75/1.125);--dgsuikit-text-xl:1.25rem;--dgsuikit-text-xl--line-height:calc(1.75/1.25);--dgsuikit-text-3xl:1.875rem;--dgsuikit-text-3xl--line-height: 1.2 ;--dgsuikit-font-weight-light:300;--dgsuikit-font-weight-normal:400;--dgsuikit-font-weight-medium:500;--dgsuikit-font-weight-semibold:600;--dgsuikit-leading-normal:1.5;--dgsuikit-radius-sm:.25rem;--dgsuikit-radius-md:.375rem;--dgsuikit-radius-lg:.5rem;--dgsuikit-radius-xl:.75rem;--dgsuikit-radius-2xl:1rem;--dgsuikit-ease-in-out:cubic-bezier(.4,0,.2,1);--dgsuikit-default-transition-duration:.15s;--dgsuikit-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--dgsuikit-default-font-family:var(--dgsuikit-font-sans);--dgsuikit-default-mono-font-family:var(--dgsuikit-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--dgsuikit-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--dgsuikit-default-font-feature-settings,normal);font-variation-settings:var(--dgsuikit-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--dgsuikit-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--dgsuikit-default-mono-font-feature-settings,normal);font-variation-settings:var(--dgsuikit-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{cursor:pointer}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#64748b40;border-radius:9999px}:root{--dgs-color-primary-50:240 243 255;--dgs-color-primary-100:200 211 247;--dgs-color-primary-200:158 176 240;--dgs-color-primary-300:117 144 235;--dgs-color-primary-400:76 110 229;--dgs-color-primary-500:40 82 228;--dgs-color-primary-600:21 59 191;--dgs-color-primary-700:16 44 143;--dgs-color-primary-800:10 30 95;--dgs-color-primary-900:4 13 48;--dgs-color-secondary-50:245 250 250;--dgs-color-secondary-100:226 243 243;--dgs-color-secondary-200:198 231 231;--dgs-color-secondary-300:158 214 217;--dgs-color-secondary-400:124 203 207;--dgs-color-secondary-500:0 186 188;--dgs-color-secondary-600:0 155 157;--dgs-color-secondary-700:0 124 125;--dgs-color-secondary-800:0 93 94;--dgs-color-secondary-900:0 62 63;--dgs-color-success-50:236 253 249;--dgs-color-success-100:209 250 240;--dgs-color-success-200:167 243 224;--dgs-color-success-300:110 231 201;--dgs-color-success-400:52 211 171;--dgs-color-success-500:16 185 143;--dgs-color-success-600:5 150 114;--dgs-color-success-700:4 120 91;--dgs-color-success-800:6 95 73;--dgs-color-success-900:6 78 60;--dgs-color-warning-50:255 246 224;--dgs-color-warning-100:254 233 178;--dgs-color-warning-200:254 222 142;--dgs-color-warning-300:254 212 107;--dgs-color-warning-400:253 199 63;--dgs-color-warning-500:253 187 19;--dgs-color-warning-600:216 158 13;--dgs-color-warning-700:162 119 6;--dgs-color-warning-800:108 78 2;--dgs-color-warning-900:54 39 0;--dgs-color-error-50:255 235 236;--dgs-color-error-100:250 209 212;--dgs-color-error-200:237 161 166;--dgs-color-error-300:227 120 127;--dgs-color-error-400:219 87 96;--dgs-color-error-500:213 28 41;--dgs-color-error-600:167 5 16;--dgs-color-error-700:117 0 8;--dgs-color-error-800:87 0 6;--dgs-color-error-900:71 0 5;--dgs-color-gray-50:248 250 252;--dgs-color-gray-100:241 245 249;--dgs-color-gray-200:226 232 240;--dgs-color-gray-300:203 213 225;--dgs-color-gray-400:148 163 184;--dgs-color-gray-500:100 116 139;--dgs-color-gray-600:71 85 105;--dgs-color-gray-700:51 65 85;--dgs-color-gray-800:30 41 59;--dgs-color-gray-900:15 23 42;--dgs-color-sky-50:235 248 255;--dgs-color-sky-100:190 231 255;--dgs-color-sky-200:158 219 255;--dgs-color-sky-300:126 208 255;--dgs-color-sky-400:93 196 255;--dgs-color-sky-500:61 184 255;--dgs-color-sky-600:51 153 212;--dgs-color-sky-700:41 123 170;--dgs-color-sky-800:31 92 128;--dgs-color-sky-900:20 61 85;--dgs-color-violet-50:243 233 253;--dgs-color-violet-100:217 182 252;--dgs-color-violet-200:198 146 250;--dgs-color-violet-300:180 110 249;--dgs-color-violet-400:161 73 247;--dgs-color-violet-500:142 37 246;--dgs-color-violet-600:118 31 205;--dgs-color-violet-700:118 31 205;--dgs-color-violet-800:71 19 123;--dgs-color-violet-900:47 12 82;--dgs-color-flamingo-50:254 234 242;--dgs-color-flamingo-100:253 189 216;--dgs-color-flamingo-200:252 155 196;--dgs-color-flamingo-300:252 122 176;--dgs-color-flamingo-400:251 89 157;--dgs-color-flamingo-500:250 56 137;--dgs-color-flamingo-600:208 47 114;--dgs-color-flamingo-700:167 37 91;--dgs-color-flamingo-800:125 28 69;--dgs-color-flamingo-900:83 19 46}}@layer components;@layer utilities{.dgsuikit\:pointer-events-none{pointer-events:none}.dgsuikit\:\!absolute{position:absolute!important}.dgsuikit\:absolute{position:absolute}.dgsuikit\:fixed{position:fixed}.dgsuikit\:relative{position:relative}.dgsuikit\:sticky{position:sticky}.dgsuikit\:inset-0{inset:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:top-0{top:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:top-1\/2{top:50%}.dgsuikit\:top-2{top:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:top-7{top:calc(var(--dgsuikit-spacing)*7)}.dgsuikit\:right-0{right:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:right-0\.5{right:calc(var(--dgsuikit-spacing)*.5)}.dgsuikit\:right-1\/2{right:50%}.dgsuikit\:right-2{right:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:right-4{right:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:right-\[-1px\]{right:-1px}.dgsuikit\:right-\[calc\(100\%-2px\)\]{right:calc(100% - 2px)}.dgsuikit\:bottom-0{bottom:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:bottom-2{bottom:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:bottom-4{bottom:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:bottom-full{bottom:100%}.dgsuikit\:left-0{left:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:left-0\.5{left:calc(var(--dgsuikit-spacing)*.5)}.dgsuikit\:left-1\/2{left:50%}.dgsuikit\:left-2{left:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:left-4{left:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:left-\[-1px\]{left:-1px}.dgsuikit\:left-\[5\.5\%\]{left:5.5%}.dgsuikit\:left-\[calc\(100\%-2px\)\]{left:calc(100% - 2px)}.dgsuikit\:z-10{z-index:10}.dgsuikit\:z-20{z-index:20}.dgsuikit\:z-40{z-index:40}.dgsuikit\:z-50{z-index:50}.dgsuikit\:container{width:100%}@media (min-width:40rem){.dgsuikit\:container{max-width:40rem}}@media (min-width:48rem){.dgsuikit\:container{max-width:48rem}}@media (min-width:64rem){.dgsuikit\:container{max-width:64rem}}@media (min-width:80rem){.dgsuikit\:container{max-width:80rem}}@media (min-width:96rem){.dgsuikit\:container{max-width:96rem}}.dgsuikit\:m-auto{margin:auto}.dgsuikit\:container{margin-inline:auto;padding-inline:1rem}@media (min-width:48rem){.dgsuikit\:container{padding-inline:1.5rem}}.dgsuikit\:-mx-4{margin-inline:calc(var(--dgsuikit-spacing)*-4)}.dgsuikit\:my-5{margin-block:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:my-\[2px\]{margin-block:2px}.dgsuikit\:ms-2{margin-inline-start:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:-mt-1{margin-top:calc(var(--dgsuikit-spacing)*-1)}.dgsuikit\:mt-0{margin-top:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:mt-0\.5{margin-top:calc(var(--dgsuikit-spacing)*.5)}.dgsuikit\:mt-1{margin-top:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:mt-2{margin-top:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:mt-3{margin-top:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:mt-4{margin-top:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:mt-6{margin-top:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:mt-10{margin-top:calc(var(--dgsuikit-spacing)*10)}.dgsuikit\:mt-\[1px\]{margin-top:1px}.dgsuikit\:mt-auto{margin-top:auto}.dgsuikit\:mr-2{margin-right:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:\!mb-0{margin-bottom:calc(var(--dgsuikit-spacing)*0)!important}.dgsuikit\:mb-2{margin-bottom:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:mb-2\.5{margin-bottom:calc(var(--dgsuikit-spacing)*2.5)}.dgsuikit\:mb-4{margin-bottom:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:mb-8{margin-bottom:calc(var(--dgsuikit-spacing)*8)}.dgsuikit\:ml-1{margin-left:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:ml-2{margin-left:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:ml-3{margin-left:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dgsuikit\:no-scrollbar::-webkit-scrollbar{display:none}.dgsuikit\:no-scrollbar{ms-overflow-style:none;scrollbar-width:none}.dgsuikit\:block{display:block}.dgsuikit\:flex{display:flex}.dgsuikit\:grid{display:grid}.dgsuikit\:hidden{display:none}.dgsuikit\:inline-flex{display:inline-flex}.dgsuikit\:\!size-\[72px\]{width:72px!important;height:72px!important}.dgsuikit\:\!size-full{width:100%!important;height:100%!important}.dgsuikit\:size-0{width:calc(var(--dgsuikit-spacing)*0);height:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:size-4{width:calc(var(--dgsuikit-spacing)*4);height:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:size-5{width:calc(var(--dgsuikit-spacing)*5);height:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:size-6{width:calc(var(--dgsuikit-spacing)*6);height:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:size-7{width:calc(var(--dgsuikit-spacing)*7);height:calc(var(--dgsuikit-spacing)*7)}.dgsuikit\:size-12{width:calc(var(--dgsuikit-spacing)*12);height:calc(var(--dgsuikit-spacing)*12)}.dgsuikit\:size-20{width:calc(var(--dgsuikit-spacing)*20);height:calc(var(--dgsuikit-spacing)*20)}.dgsuikit\:size-\[120px\]{width:120px;height:120px}.dgsuikit\:size-full{width:100%;height:100%}.dgsuikit\:\!h-0\.5{height:calc(var(--dgsuikit-spacing)*.5)!important}.dgsuikit\:\!h-8{height:calc(var(--dgsuikit-spacing)*8)!important}.dgsuikit\:h-0\.5{height:calc(var(--dgsuikit-spacing)*.5)}.dgsuikit\:h-1{height:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:h-2{height:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:h-3{height:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:h-3\/4{height:75%}.dgsuikit\:h-4{height:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:h-5{height:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:h-6{height:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:h-9{height:calc(var(--dgsuikit-spacing)*9)}.dgsuikit\:h-10{height:calc(var(--dgsuikit-spacing)*10)}.dgsuikit\:h-12{height:calc(var(--dgsuikit-spacing)*12)}.dgsuikit\:h-15{height:calc(var(--dgsuikit-spacing)*15)}.dgsuikit\:h-16{height:calc(var(--dgsuikit-spacing)*16)}.dgsuikit\:h-\[1px\]{height:1px}.dgsuikit\:h-\[6px\]{height:6px}.dgsuikit\:h-\[14px\]{height:14px}.dgsuikit\:h-\[18px\]{height:18px}.dgsuikit\:h-\[100px\]{height:100px}.dgsuikit\:h-\[190px\]{height:190px}.dgsuikit\:h-\[200px\]{height:200px}.dgsuikit\:h-auto{height:auto}.dgsuikit\:h-fit{height:fit-content}.dgsuikit\:h-full{height:100%}.dgsuikit\:max-h-0{max-height:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:max-h-\[360px\]{max-height:360px}.dgsuikit\:max-h-max{max-height:max-content}.dgsuikit\:min-h-12{min-height:calc(var(--dgsuikit-spacing)*12)}.dgsuikit\:\!w-3{width:calc(var(--dgsuikit-spacing)*3)!important}.dgsuikit\:\!w-full{width:100%!important}.dgsuikit\:w-0{width:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:w-1{width:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:w-2{width:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:w-3{width:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:w-4{width:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:w-5{width:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:w-9{width:calc(var(--dgsuikit-spacing)*9)}.dgsuikit\:w-10{width:calc(var(--dgsuikit-spacing)*10)}.dgsuikit\:w-11{width:calc(var(--dgsuikit-spacing)*11)}.dgsuikit\:w-12{width:calc(var(--dgsuikit-spacing)*12)}.dgsuikit\:w-\[1px\]{width:1px}.dgsuikit\:w-\[6px\]{width:6px}.dgsuikit\:w-\[14px\]{width:14px}.dgsuikit\:w-\[18px\]{width:18px}.dgsuikit\:w-\[22px\]{width:22px}.dgsuikit\:w-\[80px\]{width:80px}.dgsuikit\:w-\[100px\]{width:100px}.dgsuikit\:w-\[200px\]{width:200px}.dgsuikit\:w-\[280px\]{width:280px}.dgsuikit\:w-\[330px\]{width:330px}.dgsuikit\:w-\[400px\]{width:400px}.dgsuikit\:w-\[500px\]{width:500px}.dgsuikit\:w-\[800px\]{width:800px}.dgsuikit\:w-auto{width:auto}.dgsuikit\:w-fit{width:fit-content}.dgsuikit\:w-full{width:100%}.dgsuikit\:w-max{width:max-content}.dgsuikit\:max-w-\[80px\]{max-width:80px}.dgsuikit\:max-w-\[400px\]{max-width:400px}.dgsuikit\:max-w-full{max-width:100%}.dgsuikit\:min-w-5{min-width:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:min-w-6{min-width:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:min-w-8{min-width:calc(var(--dgsuikit-spacing)*8)}.dgsuikit\:min-w-10{min-width:calc(var(--dgsuikit-spacing)*10)}.dgsuikit\:min-w-\[50\%\]{min-width:50%}.dgsuikit\:min-w-\[300px\]{min-width:300px}.dgsuikit\:min-w-full{min-width:100%}.dgsuikit\:min-w-max{min-width:max-content}.dgsuikit\:flex-1{flex:1}.dgsuikit\:shrink-0{flex-shrink:0}.dgsuikit\:flex-grow{flex-grow:1}.dgsuikit\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:-translate-y-\[calc\(100\%\+8px\)\]{--tw-translate-y: calc((100% + 8px)*-1) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-y-1\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-y-\[calc\(-100\%-8px\)\]{--tw-translate-y: calc(-100% - 8px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-y-\[calc\(100\%\+8px\)\]{--tw-translate-y: calc(100% + 8px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dgsuikit\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dgsuikit\:rotate-45{rotate:45deg}.dgsuikit\:rotate-180{rotate:180deg}.dgsuikit\:\!cursor-not-allowed{cursor:not-allowed!important}.dgsuikit\:\!cursor-pointer{cursor:pointer!important}.dgsuikit\:\!cursor-wait{cursor:wait!important}.dgsuikit\:cursor-default{cursor:default}.dgsuikit\:cursor-not-allowed{cursor:not-allowed}.dgsuikit\:cursor-pointer{cursor:pointer}.dgsuikit\:cursor-text{cursor:text}.dgsuikit\:resize-none{resize:none}.dgsuikit\:snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.dgsuikit\:snap-mandatory{--tw-scroll-snap-strictness:mandatory}.dgsuikit\:snap-normal{scroll-snap-stop:normal}.dgsuikit\:appearance-none{appearance:none}.dgsuikit\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dgsuikit\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.dgsuikit\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.dgsuikit\:grid-rows-\[0fr\]{grid-template-rows:0fr}.dgsuikit\:grid-rows-\[1fr\]{grid-template-rows:1fr}.dgsuikit\:flex-col{flex-direction:column}.dgsuikit\:flex-row{flex-direction:row}.dgsuikit\:flex-row-reverse{flex-direction:row-reverse}.dgsuikit\:flex-wrap{flex-wrap:wrap}.dgsuikit\:items-baseline{align-items:baseline}.dgsuikit\:items-center{align-items:center}.dgsuikit\:items-start{align-items:flex-start}.dgsuikit\:\!justify-center{justify-content:center!important}.dgsuikit\:justify-between{justify-content:space-between}.dgsuikit\:justify-center{justify-content:center}.dgsuikit\:justify-end{justify-content:flex-end}.dgsuikit\:justify-start{justify-content:flex-start}.dgsuikit\:gap-1{gap:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:gap-2{gap:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:gap-3{gap:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:gap-4{gap:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:gap-5{gap:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:gap-\[2px\]{gap:2px}.dgsuikit\:gap-\[6px\]{gap:6px}:where(.dgsuikit\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--dgsuikit-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--dgsuikit-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.dgsuikit\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--dgsuikit-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--dgsuikit-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.dgsuikit\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--dgsuikit-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--dgsuikit-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.dgsuikit\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--dgsuikit-spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--dgsuikit-spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.dgsuikit\:gap-x-1{column-gap:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:gap-x-2{column-gap:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:gap-x-3{column-gap:calc(var(--dgsuikit-spacing)*3)}:where(.dgsuikit\:space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--dgsuikit-spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--dgsuikit-spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.dgsuikit\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--dgsuikit-spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--dgsuikit-spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.dgsuikit\:gap-y-2{row-gap:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:gap-y-3{row-gap:calc(var(--dgsuikit-spacing)*3)}:where(.dgsuikit\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.dgsuikit\:divide-solid>:not(:last-child)){--tw-border-style:solid;border-style:solid}:where(.dgsuikit\:divide-gray-200>:not(:last-child)){border-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:\!truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.dgsuikit\:overflow-hidden{overflow:hidden}.dgsuikit\:overflow-x-auto{overflow-x:auto}.dgsuikit\:overflow-x-hidden{overflow-x:hidden}.dgsuikit\:overflow-y-auto{overflow-y:auto}.dgsuikit\:overflow-y-hidden{overflow-y:hidden}.dgsuikit\:rounded{border-radius:.25rem}.dgsuikit\:rounded-2xl{border-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:rounded-\[20px\]{border-radius:20px}.dgsuikit\:rounded-full{border-radius:3.40282e38px}.dgsuikit\:rounded-lg{border-radius:var(--dgsuikit-radius-lg)}.dgsuikit\:rounded-md{border-radius:var(--dgsuikit-radius-md)}.dgsuikit\:rounded-none{border-radius:0}.dgsuikit\:rounded-sm{border-radius:var(--dgsuikit-radius-sm)}.dgsuikit\:rounded-xl{border-radius:var(--dgsuikit-radius-xl)}.dgsuikit\:rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.dgsuikit\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.dgsuikit\:rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.dgsuikit\:rounded-tl{border-top-left-radius:.25rem}.dgsuikit\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.dgsuikit\:rounded-tr-2xl{border-top-right-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.dgsuikit\:rounded-br{border-bottom-right-radius:.25rem}.dgsuikit\:rounded-br-2xl{border-bottom-right-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:border{border-style:var(--tw-border-style);border-width:1px}.dgsuikit\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.dgsuikit\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.dgsuikit\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.dgsuikit\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dgsuikit\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.dgsuikit\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.dgsuikit\:border-dashed{--tw-border-style:dashed;border-style:dashed}.dgsuikit\:border-none{--tw-border-style:none;border-style:none}.dgsuikit\:border-solid{--tw-border-style:solid;border-style:solid}.dgsuikit\:\!border-error-500{border-color:rgb(var(--dgs-color-error-500)/1)!important}.dgsuikit\:\!border-gray-200{border-color:rgb(var(--dgs-color-gray-200)/1)!important}.dgsuikit\:\!border-primary-500{border-color:rgb(var(--dgs-color-primary-500)/1)!important}.dgsuikit\:\!border-warning-600{border-color:rgb(var(--dgs-color-warning-600)/1)!important}.dgsuikit\:border-error-200{border-color:rgb(var(--dgs-color-error-200)/1)}.dgsuikit\:border-error-300{border-color:rgb(var(--dgs-color-error-300)/1)}.dgsuikit\:border-error-500{border-color:rgb(var(--dgs-color-error-500)/1)}.dgsuikit\:border-gray-100{border-color:rgb(var(--dgs-color-gray-100)/1)}.dgsuikit\:border-gray-200{border-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:border-gray-300{border-color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:border-gray-400{border-color:rgb(var(--dgs-color-gray-400)/1)}.dgsuikit\:border-primary-100{border-color:rgb(var(--dgs-color-primary-100)/1)}.dgsuikit\:border-primary-200{border-color:rgb(var(--dgs-color-primary-200)/1)}.dgsuikit\:border-primary-300{border-color:rgb(var(--dgs-color-primary-300)/1)}.dgsuikit\:border-primary-500{border-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:border-success-200{border-color:rgb(var(--dgs-color-success-200)/1)}.dgsuikit\:border-success-500{border-color:rgb(var(--dgs-color-success-500)/1)}.dgsuikit\:border-transparent{border-color:#0000}.dgsuikit\:border-warning-200{border-color:rgb(var(--dgs-color-warning-200)/1)}.dgsuikit\:border-warning-500{border-color:rgb(var(--dgs-color-warning-500)/1)}.dgsuikit\:\!bg-gray-50{background-color:rgb(var(--dgs-color-gray-50)/1)!important}.dgsuikit\:\!bg-primary-50{background-color:rgb(var(--dgs-color-primary-50)/1)!important}.dgsuikit\:\!bg-primary-500{background-color:rgb(var(--dgs-color-primary-500)/1)!important}.dgsuikit\:bg-black\/40{background-color:var(--dgsuikit-color-black)}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:bg-black\/40{background-color:color-mix(in oklab,var(--dgsuikit-color-black)40%,transparent)}}.dgsuikit\:bg-black\/50{background-color:var(--dgsuikit-color-black)}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:bg-black\/50{background-color:color-mix(in oklab,var(--dgsuikit-color-black)50%,transparent)}}.dgsuikit\:bg-black\/70{background-color:var(--dgsuikit-color-black)}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:bg-black\/70{background-color:color-mix(in oklab,var(--dgsuikit-color-black)70%,transparent)}}.dgsuikit\:bg-error-50{background-color:rgb(var(--dgs-color-error-50)/1)}.dgsuikit\:bg-error-500{background-color:rgb(var(--dgs-color-error-500)/1)}.dgsuikit\:bg-flamingo-50{background-color:rgb(var(--dgs-color-flamingo-50)/1)}.dgsuikit\:bg-flamingo-500{background-color:rgb(var(--dgs-color-flamingo-500)/1)}.dgsuikit\:bg-gray-50{background-color:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:bg-gray-100{background-color:rgb(var(--dgs-color-gray-100)/1)}.dgsuikit\:bg-gray-200{background-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:bg-gray-300{background-color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:bg-gray-500,.dgsuikit\:bg-gray-500\/50{background-color:rgb(var(--dgs-color-gray-500)/1)}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:bg-gray-500\/50{background-color:color-mix(in oklab,rgb(var(--dgs-color-gray-500)/1)50%,transparent)}}.dgsuikit\:bg-gray-600{background-color:rgb(var(--dgs-color-gray-600)/1)}.dgsuikit\:bg-gray-700{background-color:rgb(var(--dgs-color-gray-700)/1)}.dgsuikit\:bg-primary-50{background-color:rgb(var(--dgs-color-primary-50)/1)}.dgsuikit\:bg-primary-100{background-color:rgb(var(--dgs-color-primary-100)/1)}.dgsuikit\:bg-primary-500{background-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:bg-secondary-100{background-color:rgb(var(--dgs-color-secondary-100)/1)}.dgsuikit\:bg-secondary-500{background-color:rgb(var(--dgs-color-secondary-500)/1)}.dgsuikit\:bg-secondary-600{background-color:rgb(var(--dgs-color-secondary-600)/1)}.dgsuikit\:bg-sky-50{background-color:rgb(var(--dgs-color-sky-50)/1)}.dgsuikit\:bg-sky-600{background-color:rgb(var(--dgs-color-sky-600)/1)}.dgsuikit\:bg-success-50{background-color:rgb(var(--dgs-color-success-50)/1)}.dgsuikit\:bg-success-600{background-color:rgb(var(--dgs-color-success-600)/1)}.dgsuikit\:bg-teal-500{background-color:var(--dgsuikit-color-teal-500)}.dgsuikit\:bg-transparent{background-color:#0000}.dgsuikit\:bg-violet-50{background-color:rgb(var(--dgs-color-violet-50)/1)}.dgsuikit\:bg-violet-500{background-color:rgb(var(--dgs-color-violet-500)/1)}.dgsuikit\:bg-warning-50{background-color:rgb(var(--dgs-color-warning-50)/1)}.dgsuikit\:bg-warning-500{background-color:rgb(var(--dgs-color-warning-500)/1)}.dgsuikit\:bg-white{background-color:var(--dgsuikit-color-white)}.dgsuikit\:bg-none{background-image:none}.dgsuikit\:stroke-gray-50{stroke:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:stroke-gray-400{stroke:rgb(var(--dgs-color-gray-400)/1)}.dgsuikit\:stroke-primary-100{stroke:rgb(var(--dgs-color-primary-100)/1)}.dgsuikit\:stroke-primary-500{stroke:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:stroke-secondary-100{stroke:rgb(var(--dgs-color-secondary-100)/1)}.dgsuikit\:stroke-secondary-600{stroke:rgb(var(--dgs-color-secondary-600)/1)}.dgsuikit\:\!p-0{padding:calc(var(--dgsuikit-spacing)*0)!important}.dgsuikit\:p-0{padding:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:p-1{padding:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:p-3{padding:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:p-4{padding:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:p-6{padding:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:p-10{padding:calc(var(--dgsuikit-spacing)*10)}.dgsuikit\:p-\[1px\]{padding:1px}.dgsuikit\:p-\[10px\]{padding:10px}.dgsuikit\:\!px-0{padding-inline:calc(var(--dgsuikit-spacing)*0)!important}.dgsuikit\:px-0{padding-inline:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:px-2{padding-inline:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:px-3{padding-inline:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:px-4{padding-inline:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:px-5{padding-inline:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:px-6{padding-inline:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:px-\[5\.5\%\]{padding-inline:5.5%}.dgsuikit\:px-\[6px\]{padding-inline:6px}.dgsuikit\:px-\[10px\]{padding-inline:10px}.dgsuikit\:py-1{padding-block:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:py-1\.5{padding-block:calc(var(--dgsuikit-spacing)*1.5)}.dgsuikit\:py-2{padding-block:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:py-2\.5{padding-block:calc(var(--dgsuikit-spacing)*2.5)}.dgsuikit\:py-3{padding-block:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:py-4{padding-block:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:py-\[2px\]{padding-block:2px}.dgsuikit\:\!pt-0{padding-top:calc(var(--dgsuikit-spacing)*0)!important}.dgsuikit\:\!pt-3{padding-top:calc(var(--dgsuikit-spacing)*3)!important}.dgsuikit\:pt-1{padding-top:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:pt-3{padding-top:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:pt-4{padding-top:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:pt-6{padding-top:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:pr-3{padding-right:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:pr-11{padding-right:calc(var(--dgsuikit-spacing)*11)}.dgsuikit\:pr-\[80px\]{padding-right:80px}.dgsuikit\:pr-\[calc\(1em\+1px\)\]{padding-right:calc(1em + 1px)}.dgsuikit\:\!pb-3{padding-bottom:calc(var(--dgsuikit-spacing)*3)!important}.dgsuikit\:pb-2{padding-bottom:calc(var(--dgsuikit-spacing)*2)}.dgsuikit\:pb-3{padding-bottom:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:pl-0{padding-left:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:pl-3{padding-left:calc(var(--dgsuikit-spacing)*3)}.dgsuikit\:pl-9{padding-left:calc(var(--dgsuikit-spacing)*9)}.dgsuikit\:pl-\[calc\(1em\+1px\)\]{padding-left:calc(1em + 1px)}.dgsuikit\:\!text-center{text-align:center!important}.dgsuikit\:\!text-left{text-align:left!important}.dgsuikit\:text-center{text-align:center}.dgsuikit\:text-right{text-align:right}.dgsuikit\:text-start{text-align:start}.dgsuikit\:\!font-p1-medium{font-size:16px!important;font-style:normal!important;font-weight:500!important;line-height:28px!important}.dgsuikit\:font-button-large{font-size:16px;font-style:normal;font-weight:600;line-height:24px}.dgsuikit\:font-button-medium{font-size:14px;font-style:normal;font-weight:600;line-height:24px}.dgsuikit\:font-button-small{font-size:13px;font-style:normal;font-weight:600;line-height:20px}.dgsuikit\:font-caption-demibold{font-size:11px;font-style:normal;font-weight:600;line-height:16px}.dgsuikit\:font-caption-regular{font-size:11px;font-style:normal;font-weight:400;line-height:20px}.dgsuikit\:font-h2-bold{font-size:22px;font-style:normal;font-weight:699;line-height:36px}.dgsuikit\:font-h3-bold{font-size:20px;font-style:normal;font-weight:699;line-height:32px}.dgsuikit\:font-h4-bold{font-size:18px;font-style:normal;font-weight:699;line-height:32px}.dgsuikit\:font-h5-bold{font-size:16px;font-style:normal;font-weight:699;line-height:28px}.dgsuikit\:font-h6-bold{font-size:14px;font-style:normal;font-weight:699;line-height:24px}.dgsuikit\:font-oveline-demibold{font-size:10px;font-style:normal;font-weight:600;line-height:12px}.dgsuikit\:font-oveline-regular{font-size:10px;font-style:normal;font-weight:400;line-height:12px}.dgsuikit\:font-p1-medium{font-size:16px;font-style:normal;font-weight:500;line-height:28px}.dgsuikit\:font-p1-regular{font-size:16px;font-style:normal;font-weight:400;line-height:28px}.dgsuikit\:font-p2-medium{font-size:14px;font-style:normal;font-weight:500;line-height:24px}.dgsuikit\:font-p2-regular{font-size:14px;font-style:normal;font-weight:400;line-height:24px}.dgsuikit\:font-p3-medium{font-size:13px;font-style:normal;font-weight:500;line-height:24px}.dgsuikit\:font-p3-regular{font-size:13px;font-style:normal;font-weight:400;line-height:24px}.dgsuikit\:text-3xl{font-size:var(--dgsuikit-text-3xl);line-height:var(--tw-leading,var(--dgsuikit-text-3xl--line-height))}.dgsuikit\:text-base{font-size:var(--dgsuikit-text-base);line-height:var(--tw-leading,var(--dgsuikit-text-base--line-height))}.dgsuikit\:text-lg{font-size:var(--dgsuikit-text-lg);line-height:var(--tw-leading,var(--dgsuikit-text-lg--line-height))}.dgsuikit\:text-sm{font-size:var(--dgsuikit-text-sm);line-height:var(--tw-leading,var(--dgsuikit-text-sm--line-height))}.dgsuikit\:text-xl{font-size:var(--dgsuikit-text-xl);line-height:var(--tw-leading,var(--dgsuikit-text-xl--line-height))}.dgsuikit\:leading-6{--tw-leading:calc(var(--dgsuikit-spacing)*6);line-height:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:leading-7{--tw-leading:calc(var(--dgsuikit-spacing)*7);line-height:calc(var(--dgsuikit-spacing)*7)}.dgsuikit\:leading-normal{--tw-leading:var(--dgsuikit-leading-normal);line-height:var(--dgsuikit-leading-normal)}.dgsuikit\:font-bold{--tw-font-weight:699;font-weight:699}.dgsuikit\:font-light{--tw-font-weight:var(--dgsuikit-font-weight-light);font-weight:var(--dgsuikit-font-weight-light)}.dgsuikit\:font-medium{--tw-font-weight:var(--dgsuikit-font-weight-medium);font-weight:var(--dgsuikit-font-weight-medium)}.dgsuikit\:font-normal{--tw-font-weight:var(--dgsuikit-font-weight-normal);font-weight:var(--dgsuikit-font-weight-normal)}.dgsuikit\:font-semibold{--tw-font-weight:var(--dgsuikit-font-weight-semibold);font-weight:var(--dgsuikit-font-weight-semibold)}.dgsuikit\:break-words{overflow-wrap:break-word}.dgsuikit\:whitespace-pre{white-space:pre}.dgsuikit\:\!text-primary-500{color:rgb(var(--dgs-color-primary-500)/1)!important}.dgsuikit\:\!text-white{color:var(--dgsuikit-color-white)!important}.dgsuikit\:text-black{color:var(--dgsuikit-color-black)}.dgsuikit\:text-error-500{color:rgb(var(--dgs-color-error-500)/1)}.dgsuikit\:text-error-600{color:rgb(var(--dgs-color-error-600)/1)}.dgsuikit\:text-error-700{color:rgb(var(--dgs-color-error-700)/1)}.dgsuikit\:text-flamingo-700{color:rgb(var(--dgs-color-flamingo-700)/1)}.dgsuikit\:text-gray-50{color:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:text-gray-200{color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:text-gray-300{color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:text-gray-400{color:rgb(var(--dgs-color-gray-400)/1)}.dgsuikit\:text-gray-500{color:rgb(var(--dgs-color-gray-500)/1)}.dgsuikit\:text-gray-600{color:rgb(var(--dgs-color-gray-600)/1)}.dgsuikit\:text-gray-700{color:rgb(var(--dgs-color-gray-700)/1)}.dgsuikit\:text-gray-800{color:rgb(var(--dgs-color-gray-800)/1)}.dgsuikit\:text-gray-900{color:rgb(var(--dgs-color-gray-900)/1)}.dgsuikit\:text-primary-200{color:rgb(var(--dgs-color-primary-200)/1)}.dgsuikit\:text-primary-400{color:rgb(var(--dgs-color-primary-400)/1)}.dgsuikit\:text-primary-500{color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:text-primary-600{color:rgb(var(--dgs-color-primary-600)/1)}.dgsuikit\:text-primary-700{color:rgb(var(--dgs-color-primary-700)/1)}.dgsuikit\:text-secondary-400{color:rgb(var(--dgs-color-secondary-400)/1)}.dgsuikit\:text-secondary-500{color:rgb(var(--dgs-color-secondary-500)/1)}.dgsuikit\:text-secondary-700{color:rgb(var(--dgs-color-secondary-700)/1)}.dgsuikit\:text-sky-700{color:rgb(var(--dgs-color-sky-700)/1)}.dgsuikit\:text-success-600{color:rgb(var(--dgs-color-success-600)/1)}.dgsuikit\:text-success-800{color:rgb(var(--dgs-color-success-800)/1)}.dgsuikit\:text-violet-800{color:rgb(var(--dgs-color-violet-800)/1)}.dgsuikit\:text-warning-500{color:rgb(var(--dgs-color-warning-500)/1)}.dgsuikit\:text-warning-700{color:rgb(var(--dgs-color-warning-700)/1)}.dgsuikit\:text-warning-800{color:rgb(var(--dgs-color-warning-800)/1)}.dgsuikit\:text-white{color:var(--dgsuikit-color-white)}.dgsuikit\:line-through{text-decoration-line:line-through}.dgsuikit\:caret-transparent{caret-color:#0000}.dgsuikit\:\!opacity-100{opacity:1!important}.dgsuikit\:opacity-0{opacity:0}.dgsuikit\:opacity-40{opacity:.4}.dgsuikit\:opacity-50{opacity:.5}.dgsuikit\:opacity-60{opacity:.6}.dgsuikit\:opacity-75{opacity:.75}.dgsuikit\:opacity-100{opacity:1}.dgsuikit\:shadow-lg{--tw-shadow:0px 13px 36px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:shadow-md{--tw-shadow:0px 9px 20px 0px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:ring-\[3px\]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:\!ring-error-50{--tw-ring-color:rgb(var(--dgs-color-error-50)/1)!important}.dgsuikit\:\!ring-gray-100{--tw-ring-color:rgb(var(--dgs-color-gray-100)/1)!important}.dgsuikit\:ring-gray-100{--tw-ring-color:rgb(var(--dgs-color-gray-100)/1)}.dgsuikit\:ring-gray-300{--tw-ring-color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:ring-primary-300{--tw-ring-color:rgb(var(--dgs-color-primary-300)/1)}.dgsuikit\:ring-transparent{--tw-ring-color:transparent}.dgsuikit\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.dgsuikit\:ring-offset-transparent{--tw-ring-offset-color:transparent}.dgsuikit\:ring-offset-white{--tw-ring-offset-color:var(--dgsuikit-color-white)}.dgsuikit\:\!transition-\[width\,opacity\]{transition-property:width,opacity!important;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))!important}.dgsuikit\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-\[background-color\,box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-\[background-color\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-\[width\,max-width\,opacity\]{transition-property:width,max-width,opacity;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:duration-100{--tw-duration:.1s;transition-duration:.1s}.dgsuikit\:duration-300{--tw-duration:.3s;transition-duration:.3s}.dgsuikit\:ease-in-out{--tw-ease:var(--dgsuikit-ease-in-out);transition-timing-function:var(--dgsuikit-ease-in-out)}.dgsuikit\:ease-linear{--tw-ease:linear;transition-timing-function:linear}.dgsuikit\:ss02{-moz-font-feature-settings:"ss02";-webkit-font-feature-settings:"ss02";font-feature-settings:"ss02"}.dgsuikit\:\[direction\:ltr\]{direction:ltr}.dgsuikit\:group-checked\:text-primary-500:is(:where(.dgsuikit\:group):checked *){color:rgb(var(--dgs-color-primary-500)/1)}@media (hover:hover){.dgsuikit\:group-hover\:border-primary-500:is(:where(.dgsuikit\:group):hover *){border-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:group-hover\:bg-primary-400:is(:where(.dgsuikit\:group):hover *){background-color:rgb(var(--dgs-color-primary-400)/1)}.dgsuikit\:group-hover\:bg-secondary-500:is(:where(.dgsuikit\:group):hover *){background-color:rgb(var(--dgs-color-secondary-500)/1)}.dgsuikit\:group-hover\:text-gray-500:is(:where(.dgsuikit\:group):hover *){color:rgb(var(--dgs-color-gray-500)/1)}.dgsuikit\:group-hover\:text-gray-600:is(:where(.dgsuikit\:group):hover *){color:rgb(var(--dgs-color-gray-600)/1)}.dgsuikit\:group-hover\:text-primary-500:is(:where(.dgsuikit\:group):hover *){color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:group-hover\:opacity-100:is(:where(.dgsuikit\:group):hover *){opacity:1}.dgsuikit\:group-hover\:ring-4:is(:where(.dgsuikit\:group):hover *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:group-hover\:ring-error-50:is(:where(.dgsuikit\:group):hover *){--tw-ring-color:rgb(var(--dgs-color-error-50)/1)}.dgsuikit\:group-hover\:ring-gray-100:is(:where(.dgsuikit\:group):hover *){--tw-ring-color:rgb(var(--dgs-color-gray-100)/1)}}.dgsuikit\:group-focus\:ring-4:is(:where(.dgsuikit\:group):focus *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:group-focus\:ring-primary-300:is(:where(.dgsuikit\:group):focus *){--tw-ring-color:rgb(var(--dgs-color-primary-300)/1)}.dgsuikit\:group-focus\:ring-offset-1:is(:where(.dgsuikit\:group):focus *){--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.dgsuikit\:group-focus\:ring-offset-white:is(:where(.dgsuikit\:group):focus *){--tw-ring-offset-color:var(--dgsuikit-color-white)}.dgsuikit\:group-active\:bg-primary-600:is(:where(.dgsuikit\:group):active *){background-color:rgb(var(--dgs-color-primary-600)/1)}.dgsuikit\:group-active\:bg-secondary-700:is(:where(.dgsuikit\:group):active *){background-color:rgb(var(--dgs-color-secondary-700)/1)}.dgsuikit\:group-active\:ring-0:is(:where(.dgsuikit\:group):active *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:peer-checked\:opacity-100:is(:where(.dgsuikit\:peer):checked~*){opacity:1}.dgsuikit\:placeholder\:\!text-center::placeholder{text-align:center!important}.dgsuikit\:placeholder\:text-left::placeholder{text-align:left}.dgsuikit\:placeholder\:text-right::placeholder{text-align:right}.dgsuikit\:before\:absolute:before{content:var(--tw-content);position:absolute}.dgsuikit\:before\:top-0:before{content:var(--tw-content);top:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:before\:top-1\/2:before{content:var(--tw-content);top:50%}.dgsuikit\:before\:-right-4:before{content:var(--tw-content);right:calc(var(--dgsuikit-spacing)*-4)}.dgsuikit\:before\:right-0:before{content:var(--tw-content);right:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:before\:left-0:before{content:var(--tw-content);left:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:before\:h-\[22px\]:before{content:var(--tw-content);height:22px}.dgsuikit\:before\:w-1:before{content:var(--tw-content);width:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:before\:w-full:before{content:var(--tw-content);width:100%}.dgsuikit\:before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:before\:rounded-l-md:before{content:var(--tw-content);border-top-left-radius:var(--dgsuikit-radius-md);border-bottom-left-radius:var(--dgsuikit-radius-md)}.dgsuikit\:before\:border-t:before{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:1px}.dgsuikit\:before\:border-b:before{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dgsuikit\:before\:border-solid:before{content:var(--tw-content);--tw-border-style:solid;border-style:solid}.dgsuikit\:before\:border-gray-200:before{content:var(--tw-content);border-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:before\:bg-primary-500:before{content:var(--tw-content);background-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.dgsuikit\:after\:absolute:after{content:var(--tw-content);position:absolute}.dgsuikit\:after\:top-0:after{content:var(--tw-content);top:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:after\:right-0:after{content:var(--tw-content);right:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:after\:left-0:after{content:var(--tw-content);left:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:after\:h-full:after{content:var(--tw-content);height:100%}.dgsuikit\:after\:w-\[30px\]:after{content:var(--tw-content);width:30px}.dgsuikit\:after\:-translate-x-full:after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.dgsuikit\:after\:shadow-\[inset_-10px_0_8px_-8px\]:after{content:var(--tw-content);--tw-shadow:inset -10px 0 8px -8px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:after\:shadow-\[inset_10px_0_8px_-8px\]:after{content:var(--tw-content);--tw-shadow:inset 10px 0 8px -8px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:after\:\!shadow-\[rgba\(0\,0\,0\,0\.06\)\]:after{content:var(--tw-content);--tw-shadow-color:#0000000f!important}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:after\:\!shadow-\[rgba\(0\,0\,0\,0\.06\)\]:after{--tw-shadow-color:color-mix(in oklab,#0000000f var(--tw-shadow-alpha),transparent)!important}}.dgsuikit\:after\:shadow-transparent:after{content:var(--tw-content);--tw-shadow-color:transparent}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:after\:shadow-transparent:after{--tw-shadow-color:color-mix(in oklab,transparent var(--tw-shadow-alpha),transparent)}}.dgsuikit\:after\:transition-shadow:after{content:var(--tw-content);transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--dgsuikit-default-transition-timing-function));transition-duration:var(--tw-duration,var(--dgsuikit-default-transition-duration))}.dgsuikit\:first\:mt-0:first-child{margin-top:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:first\:rounded-tr-2xl:first-child{border-top-right-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:first\:rounded-br-2xl:first-child{border-bottom-right-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:last\:rounded-tl-2xl:last-child{border-top-left-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:last\:rounded-bl-2xl:last-child{border-bottom-left-radius:var(--dgsuikit-radius-2xl)}.dgsuikit\:first-of-type\:border-t-0:first-of-type{border-top-style:var(--tw-border-style);border-top-width:0}.dgsuikit\:last-of-type\:border-b:last-of-type{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.dgsuikit\:checked\:border-transparent:checked{border-color:#0000}.dgsuikit\:checked\:bg-primary-500:checked{background-color:rgb(var(--dgs-color-primary-500)/1)}@media (hover:hover){.dgsuikit\:hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dgsuikit\:hover\:border-error-200:hover{border-color:rgb(var(--dgs-color-error-200)/1)}.dgsuikit\:hover\:border-gray-300:hover{border-color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:hover\:border-primary-200:hover{border-color:rgb(var(--dgs-color-primary-200)/1)}.dgsuikit\:hover\:border-success-400:hover{border-color:rgb(var(--dgs-color-success-400)/1)}.dgsuikit\:hover\:border-warning-400:hover{border-color:rgb(var(--dgs-color-warning-400)/1)}.dgsuikit\:hover\:bg-error-50:hover{background-color:rgb(var(--dgs-color-error-50)/1)}.dgsuikit\:hover\:bg-error-400:hover{background-color:rgb(var(--dgs-color-error-400)/1)}.dgsuikit\:hover\:bg-gray-50:hover{background-color:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:hover\:bg-gray-100:hover{background-color:rgb(var(--dgs-color-gray-100)/1)}.dgsuikit\:hover\:bg-gray-300:hover{background-color:rgb(var(--dgs-color-gray-300)/1)}.dgsuikit\:hover\:bg-gray-500:hover,.dgsuikit\:hover\:bg-gray-500\/80:hover{background-color:rgb(var(--dgs-color-gray-500)/1)}@supports (color:color-mix(in lab,red,red)){.dgsuikit\:hover\:bg-gray-500\/80:hover{background-color:color-mix(in oklab,rgb(var(--dgs-color-gray-500)/1)80%,transparent)}}.dgsuikit\:hover\:bg-primary-50:hover{background-color:rgb(var(--dgs-color-primary-50)/1)}.dgsuikit\:hover\:bg-primary-300:hover{background-color:rgb(var(--dgs-color-primary-300)/1)}.dgsuikit\:hover\:bg-success-50:hover{background-color:rgb(var(--dgs-color-success-50)/1)}.dgsuikit\:hover\:bg-success-500:hover{background-color:rgb(var(--dgs-color-success-500)/1)}.dgsuikit\:hover\:bg-warning-50:hover{background-color:rgb(var(--dgs-color-warning-50)/1)}.dgsuikit\:hover\:bg-warning-300:hover{background-color:rgb(var(--dgs-color-warning-300)/1)}.dgsuikit\:hover\:text-error-400:hover{color:rgb(var(--dgs-color-error-400)/1)}.dgsuikit\:hover\:text-gray-500:hover{color:rgb(var(--dgs-color-gray-500)/1)}.dgsuikit\:hover\:text-gray-600:hover{color:rgb(var(--dgs-color-gray-600)/1)}.dgsuikit\:hover\:text-primary-400:hover{color:rgb(var(--dgs-color-primary-400)/1)}.dgsuikit\:hover\:text-primary-500:hover{color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:hover\:text-success-500:hover{color:rgb(var(--dgs-color-success-500)/1)}.dgsuikit\:hover\:text-warning-600:hover{color:rgb(var(--dgs-color-warning-600)/1)}.dgsuikit\:hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:hover\:ring-error-50:hover{--tw-ring-color:rgb(var(--dgs-color-error-50)/1)}.dgsuikit\:hover\:ring-gray-50:hover{--tw-ring-color:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:hover\:ring-gray-100:hover{--tw-ring-color:rgb(var(--dgs-color-gray-100)/1)}}.dgsuikit\:focus\:\!ring:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.dgsuikit\:focus\:ring-\[3px\]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dgsuikit\:focus\:\!ring-error-300:focus{--tw-ring-color:rgb(var(--dgs-color-error-300)/1)!important}.dgsuikit\:focus\:\!ring-primary-300:focus{--tw-ring-color:rgb(var(--dgs-color-primary-300)/1)!important}.dgsuikit\:focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.dgsuikit\:focus\:ring-offset-white:focus{--tw-ring-offset-color:var(--dgsuikit-color-white)}.dgsuikit\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.dgsuikit\:active\:border-error-600:active{border-color:rgb(var(--dgs-color-error-600)/1)}.dgsuikit\:active\:border-gray-700:active{border-color:rgb(var(--dgs-color-gray-700)/1)}.dgsuikit\:active\:border-primary-600:active{border-color:rgb(var(--dgs-color-primary-600)/1)}.dgsuikit\:active\:border-success-700:active{border-color:rgb(var(--dgs-color-success-700)/1)}.dgsuikit\:active\:border-warning-600:active{border-color:rgb(var(--dgs-color-warning-600)/1)}.dgsuikit\:active\:bg-error-100:active{background-color:rgb(var(--dgs-color-error-100)/1)}.dgsuikit\:active\:bg-error-600:active{background-color:rgb(var(--dgs-color-error-600)/1)}.dgsuikit\:active\:bg-gray-200:active{background-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:active\:bg-gray-700:active{background-color:rgb(var(--dgs-color-gray-700)/1)}.dgsuikit\:active\:bg-primary-600:active{background-color:rgb(var(--dgs-color-primary-600)/1)}.dgsuikit\:active\:bg-success-100:active{background-color:rgb(var(--dgs-color-success-100)/1)}.dgsuikit\:active\:bg-success-700:active{background-color:rgb(var(--dgs-color-success-700)/1)}.dgsuikit\:active\:bg-warning-100:active{background-color:rgb(var(--dgs-color-warning-100)/1)}.dgsuikit\:active\:bg-warning-600:active{background-color:rgb(var(--dgs-color-warning-600)/1)}.dgsuikit\:active\:text-error-700:active{color:rgb(var(--dgs-color-error-700)/1)}.dgsuikit\:active\:text-gray-800:active{color:rgb(var(--dgs-color-gray-800)/1)}.dgsuikit\:active\:text-primary-700:active{color:rgb(var(--dgs-color-primary-700)/1)}.dgsuikit\:active\:text-success-700:active{color:rgb(var(--dgs-color-success-700)/1)}.dgsuikit\:active\:text-warning-800:active{color:rgb(var(--dgs-color-warning-800)/1)}.dgsuikit\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.dgsuikit\:disabled\:border-error-500:disabled{border-color:rgb(var(--dgs-color-error-500)/1)}.dgsuikit\:disabled\:border-gray-600:disabled{border-color:rgb(var(--dgs-color-gray-600)/1)}.dgsuikit\:disabled\:bg-gray-50:disabled{background-color:rgb(var(--dgs-color-gray-50)/1)}.dgsuikit\:disabled\:bg-gray-200:disabled{background-color:rgb(var(--dgs-color-gray-200)/1)}.dgsuikit\:disabled\:text-gray-400:disabled{color:rgb(var(--dgs-color-gray-400)/1)}.dgsuikit\:disabled\:opacity-40:disabled{opacity:.4}.dgsuikit\:disabled\:active\:border-success-600:disabled:active{border-color:rgb(var(--dgs-color-success-600)/1)}.dgsuikit\:has-\[\:checked\]\:border-primary-500:has(:checked){border-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:has-\[\:checked\]\:bg-primary-50:has(:checked){background-color:rgb(var(--dgs-color-primary-50)/1)}.dgsuikit\:has-\[\:disabled\]\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.dgsuikit\:has-\[\:disabled\]\:opacity-40:has(:disabled){opacity:.4}.dgsuikit\:has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.dgsuikit\:has-\[\:focus\]\:border-primary-500:has(:focus){border-color:rgb(var(--dgs-color-primary-500)/1)}.dgsuikit\:has-\[\:focus\]\:bg-white:has(:focus){background-color:var(--dgsuikit-color-white)}.dgsuikit\:has-\[\:focus\]\:ring-error-50:has(:focus){--tw-ring-color:rgb(var(--dgs-color-error-50)/1)}.dgsuikit\:has-\[\:focus\]\:ring-error-300:has(:focus){--tw-ring-color:rgb(var(--dgs-color-error-300)/1)}.dgsuikit\:has-\[\:focus\]\:ring-primary-50:has(:focus){--tw-ring-color:rgb(var(--dgs-color-primary-50)/1)}.dgsuikit\:has-\[\:focus\]\:ring-primary-300:has(:focus){--tw-ring-color:rgb(var(--dgs-color-primary-300)/1)}.dgsuikit\:has-\[\:focus\]\:ring-offset-1:has(:focus){--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.dgsuikit\:has-\[\:focus\]\:ring-offset-white:has(:focus){--tw-ring-offset-color:var(--dgsuikit-color-white)}@media (min-width:48rem){.dgsuikit\:md\:mx-0{margin-inline:calc(var(--dgsuikit-spacing)*0)}.dgsuikit\:md\:h-11{height:calc(var(--dgsuikit-spacing)*11)}.dgsuikit\:md\:w-11{width:calc(var(--dgsuikit-spacing)*11)}.dgsuikit\:md\:gap-x-4{column-gap:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:md\:font-h5-bold{font-size:16px;font-style:normal;font-weight:699;line-height:28px}}.dgsuikit\:before\:md\:border-t-0:before{content:var(--tw-content)}@media (min-width:48rem){.dgsuikit\:before\:md\:border-t-0:before{border-top-style:var(--tw-border-style);border-top-width:0}}.dgsuikit\:\[\&_\>div\:first-child\]\:flex-1>div:first-child{flex:1}.dgsuikit\:\[\&_\>div\:first-child\]\:pl-1>div:first-child{padding-left:calc(var(--dgsuikit-spacing)*1)}.dgsuikit\:\[\&_svg\]\:size-4 svg{width:calc(var(--dgsuikit-spacing)*4);height:calc(var(--dgsuikit-spacing)*4)}.dgsuikit\:\[\&_svg\]\:size-5 svg{width:calc(var(--dgsuikit-spacing)*5);height:calc(var(--dgsuikit-spacing)*5)}.dgsuikit\:\[\&_svg\]\:size-6 svg{width:calc(var(--dgsuikit-spacing)*6);height:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:\[\&_svg\]\:size-full svg{width:100%;height:100%}.dgsuikit\:\[\&_svg\]\:h-6 svg{height:calc(var(--dgsuikit-spacing)*6)}.dgsuikit\:\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.dgsuikit\:\[\&\>svg\]\:w-6>svg{width:calc(var(--dgsuikit-spacing)*6)}}.button-large-icon .icon-button{width:20px;height:20px}.button-medium-icon .icon-button{width:18px;height:18px}.button-small-icon .icon-button{width:16px;height:16px}.dot-flashing{color:#c8d3f7;background-color:#c8d3f7;border-radius:5px;width:7px;height:7px;margin:0 .75rem;animation:.25s linear .125s infinite alternate dot-flashing;position:relative}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{color:#c8d3f7;background-color:#c8d3f7;border-radius:5px;width:7px;height:7px;animation:.25s infinite alternate dot-flashing;left:-15px}.dot-flashing:after{color:#c8d3f7;background-color:#c8d3f7;border-radius:5px;width:7px;height:7px;animation:.25s .25s infinite alternate dot-flashing;left:15px}@keyframes dot-flashing{0%{background-color:#c8d3f7}50%,to{color:#f0f3ff;background-color:#f0f3ff}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
|