@medicaresoft/dicom-viewer 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +132 -0
- package/dist/Action.d.ts +8 -0
- package/dist/DicomViewer.d.ts +30 -0
- package/dist/components/DicomOverlays.d.ts +10 -0
- package/dist/components/DicomPlaybackControls.d.ts +3 -0
- package/dist/components/DicomToolbar.d.ts +2 -0
- package/dist/components/DicomToolbarButton.d.ts +14 -0
- package/dist/components/DicomViewport.d.ts +2 -0
- package/dist/components/MobileTimelineSlider.d.ts +3 -0
- package/dist/components/MobileToolsPanel.d.ts +2 -0
- package/dist/components/PresetsDropdown.d.ts +1 -0
- package/dist/components/footer.d.ts +2 -0
- package/dist/components/sidebar.d.ts +2 -0
- package/dist/constants.d.ts +8 -0
- package/dist/context.d.ts +12 -0
- package/dist/downloadQueue.d.ts +12 -0
- package/dist/hooks/useCornerstoneViewer.d.ts +27 -0
- package/dist/hooks/useDicomViewerState.d.ts +15 -0
- package/dist/hooks/useDragScroll.d.ts +11 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +36449 -0
- package/dist/interfaces.d.ts +117 -0
- package/dist/skeleton.d.ts +3 -0
- package/dist/skeleton.js +136 -0
- package/dist/style.css +3 -0
- package/dist/types.d.ts +85 -0
- package/dist/ui/Skeleton.d.ts +1 -0
- package/dist/ui/Tabs.d.ts +20 -0
- package/dist/ui/cn.d.ts +2 -0
- package/package.json +63 -0
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import type { Dispatch, ReactElement, RefObject } from "react";
|
|
2
|
+
import type { ActionProps, DicomFileFetcher, DicomStudy, PresetsConfig, ThumbnailUrlResolver, ViewerBranding, ViewerModalProps } from "./types";
|
|
3
|
+
import type { DownloadQueue } from "./downloadQueue";
|
|
4
|
+
export type DicomViewerAction = {
|
|
5
|
+
type: "SET_ACTIVE_SERIES_INDEX";
|
|
6
|
+
payload: number;
|
|
7
|
+
} | {
|
|
8
|
+
type: "SET_LAYOUT";
|
|
9
|
+
payload: "1x1" | "1x2" | "2x2";
|
|
10
|
+
} | {
|
|
11
|
+
type: "SET_ACTIVE_VIEWPORT_INDEX";
|
|
12
|
+
payload: number;
|
|
13
|
+
} | {
|
|
14
|
+
type: "SET_SHOW_OVERLAYS";
|
|
15
|
+
payload: boolean;
|
|
16
|
+
} | {
|
|
17
|
+
type: "TOGGLE_PLAY_SPEED";
|
|
18
|
+
} | {
|
|
19
|
+
type: "TOGGLE_REFERENCE_LINES";
|
|
20
|
+
} | {
|
|
21
|
+
type: "SET_VIEWPORT_IMAGE_INDEX";
|
|
22
|
+
payload: {
|
|
23
|
+
viewportIndex: number;
|
|
24
|
+
imageIndex: number;
|
|
25
|
+
};
|
|
26
|
+
} | {
|
|
27
|
+
type: "SET_VIEWPORT_SYNC_STATE";
|
|
28
|
+
payload: {
|
|
29
|
+
viewportIndex: number;
|
|
30
|
+
isLoading: boolean;
|
|
31
|
+
loadingProgress: number;
|
|
32
|
+
downloadedCount: number;
|
|
33
|
+
totalImages: number;
|
|
34
|
+
toolBindings: Record<number, string>;
|
|
35
|
+
isPlaying: boolean;
|
|
36
|
+
};
|
|
37
|
+
} | {
|
|
38
|
+
type: "UPDATE_VIEWPORT_SERIES";
|
|
39
|
+
payload: {
|
|
40
|
+
viewportIndex: number;
|
|
41
|
+
seriesIndex: number;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
export interface ViewportState {
|
|
45
|
+
seriesIndex: number;
|
|
46
|
+
currentImageIndex: number;
|
|
47
|
+
isLoading: boolean;
|
|
48
|
+
loadingProgress: number;
|
|
49
|
+
downloadedCount: number;
|
|
50
|
+
totalImages: number;
|
|
51
|
+
toolBindings: Record<number, string>;
|
|
52
|
+
isPlaying: boolean;
|
|
53
|
+
}
|
|
54
|
+
export interface DicomViewerState {
|
|
55
|
+
layout: "1x1" | "1x2" | "2x2";
|
|
56
|
+
activeViewportIndex: number;
|
|
57
|
+
viewports: ViewportState[];
|
|
58
|
+
study: DicomStudy;
|
|
59
|
+
showOverlays: boolean;
|
|
60
|
+
playSpeed: 1 | 1.5 | 2;
|
|
61
|
+
showReferenceLines: boolean;
|
|
62
|
+
}
|
|
63
|
+
export interface ViewportController {
|
|
64
|
+
viewportRef: RefObject<HTMLDivElement | null>;
|
|
65
|
+
ww: number | null;
|
|
66
|
+
wc: number | null;
|
|
67
|
+
zoomScale: number;
|
|
68
|
+
changeTool: (toolName: string, mouseButton?: number) => void;
|
|
69
|
+
handleSliderChange: (value: number) => void;
|
|
70
|
+
togglePlay: () => void;
|
|
71
|
+
handleResetView: () => void;
|
|
72
|
+
handleClearMeasurements: () => void;
|
|
73
|
+
setWindowing: (ww: number, wc: number) => void;
|
|
74
|
+
handleInvert: () => void;
|
|
75
|
+
handleRotateCw: () => void;
|
|
76
|
+
handleRotateCcw: () => void;
|
|
77
|
+
handleFlipHorizontal: () => void;
|
|
78
|
+
handleFlipVertical: () => void;
|
|
79
|
+
}
|
|
80
|
+
export interface DicomContextType {
|
|
81
|
+
state: DicomViewerState;
|
|
82
|
+
dispatch: Dispatch<DicomViewerAction>;
|
|
83
|
+
viewportRef: RefObject<HTMLDivElement | null>;
|
|
84
|
+
isLoading: boolean;
|
|
85
|
+
loadingProgress: number;
|
|
86
|
+
downloadedCount: number;
|
|
87
|
+
totalImages: number;
|
|
88
|
+
currentImageIndex: number;
|
|
89
|
+
activeTool: string;
|
|
90
|
+
toolBindings: Record<number, string> | undefined;
|
|
91
|
+
isPlaying: boolean;
|
|
92
|
+
ww: number | null;
|
|
93
|
+
wc: number | null;
|
|
94
|
+
zoomScale: number;
|
|
95
|
+
changeTool: (toolName: string, mouseButton?: number) => void;
|
|
96
|
+
handleSliderChange: (value: number) => void;
|
|
97
|
+
togglePlay: () => void;
|
|
98
|
+
handleResetView: () => void;
|
|
99
|
+
handleClearMeasurements: () => void;
|
|
100
|
+
setWindowing: (ww: number, wc: number) => void;
|
|
101
|
+
handleInvert: () => void;
|
|
102
|
+
handleRotateCw: () => void;
|
|
103
|
+
handleRotateCcw: () => void;
|
|
104
|
+
handleFlipHorizontal: () => void;
|
|
105
|
+
handleFlipVertical: () => void;
|
|
106
|
+
activeSeriesIndex: number;
|
|
107
|
+
registerViewport: (index: number, controller: ViewportController) => () => void;
|
|
108
|
+
referenceLinesSynchronizer: any;
|
|
109
|
+
getDicomFile: DicomFileFetcher;
|
|
110
|
+
getThumbnailUrl?: ThumbnailUrlResolver;
|
|
111
|
+
presets?: PresetsConfig;
|
|
112
|
+
downloadQueue: DownloadQueue;
|
|
113
|
+
branding: ViewerBranding;
|
|
114
|
+
onBack?: () => void;
|
|
115
|
+
actions: ReactElement<ActionProps>[];
|
|
116
|
+
modals: ReactElement<ViewerModalProps>[];
|
|
117
|
+
}
|
package/dist/skeleton.js
ADDED
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
3
|
+
//#region src/skeleton.tsx
|
|
4
|
+
var n = () => /* @__PURE__ */ t("div", {
|
|
5
|
+
className: "h-dvh bg-[#07090e] text-slate-100 flex flex-col md:flex-row overflow-hidden font-sans select-none w-full relative animate-pulse",
|
|
6
|
+
children: [
|
|
7
|
+
/* @__PURE__ */ t("aside", {
|
|
8
|
+
className: "hidden md:flex w-80 border-r border-slate-800 bg-[#0c0e14] h-full flex-col shrink-0",
|
|
9
|
+
children: [
|
|
10
|
+
/* @__PURE__ */ t("div", {
|
|
11
|
+
className: "p-4 border-b border-slate-800 space-y-2 text-left",
|
|
12
|
+
children: [
|
|
13
|
+
/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/40 rounded-md w-1/3" }),
|
|
14
|
+
/* @__PURE__ */ e("div", { className: "h-4 bg-slate-800/60 rounded-md w-3/4" }),
|
|
15
|
+
/* @__PURE__ */ e("div", { className: "h-2 bg-slate-800/30 rounded-md w-1/2" })
|
|
16
|
+
]
|
|
17
|
+
}),
|
|
18
|
+
/* @__PURE__ */ t("div", {
|
|
19
|
+
className: "p-4 border-b border-slate-800 space-y-3",
|
|
20
|
+
children: [/* @__PURE__ */ e("div", { className: "h-2 bg-slate-800/30 rounded-md w-1/2" }), /* @__PURE__ */ t("div", {
|
|
21
|
+
className: "space-y-2",
|
|
22
|
+
children: [/* @__PURE__ */ e("div", { className: "h-8 bg-slate-900/60 border border-slate-800/50 rounded-xl w-full" }), /* @__PURE__ */ e("div", { className: "h-8 bg-slate-900/60 border border-slate-800/50 rounded-xl w-full" })]
|
|
23
|
+
})]
|
|
24
|
+
}),
|
|
25
|
+
/* @__PURE__ */ t("div", {
|
|
26
|
+
className: "p-4 flex-1 flex flex-col space-y-4",
|
|
27
|
+
children: [/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/30 rounded-md w-1/3" }), /* @__PURE__ */ e("div", {
|
|
28
|
+
className: "space-y-3 flex-1 overflow-hidden",
|
|
29
|
+
children: [...[
|
|
30
|
+
,
|
|
31
|
+
,
|
|
32
|
+
,
|
|
33
|
+
]].map((n, r) => /* @__PURE__ */ t("div", {
|
|
34
|
+
className: "flex gap-3 p-3.5 rounded-2xl bg-slate-900/20 border border-white/5",
|
|
35
|
+
children: [/* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-xl bg-slate-800/30 shrink-0" }), /* @__PURE__ */ t("div", {
|
|
36
|
+
className: "flex-1 space-y-2.5 py-1",
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ e("div", { className: "h-3 bg-slate-800/50 rounded-md w-2/3" }),
|
|
39
|
+
/* @__PURE__ */ e("div", { className: "h-4 bg-slate-800/20 rounded-md w-10" }),
|
|
40
|
+
/* @__PURE__ */ e("div", { className: "h-2 bg-slate-800/30 rounded-md w-1/2" })
|
|
41
|
+
]
|
|
42
|
+
})]
|
|
43
|
+
}, r))
|
|
44
|
+
})]
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
}),
|
|
48
|
+
/* @__PURE__ */ t("div", {
|
|
49
|
+
className: "flex-1 flex flex-col h-full min-w-0 overflow-hidden bg-black relative",
|
|
50
|
+
children: [
|
|
51
|
+
/* @__PURE__ */ t("div", {
|
|
52
|
+
className: "px-3 py-2 md:px-4 md:py-3 bg-[#0c0e14] border-b border-slate-800 flex flex-nowrap items-center justify-between gap-3 shrink-0 w-full overflow-hidden",
|
|
53
|
+
children: [/* @__PURE__ */ e("div", {
|
|
54
|
+
className: "flex-1 min-w-0 flex flex-nowrap gap-1.5 overflow-hidden",
|
|
55
|
+
children: [...[
|
|
56
|
+
,
|
|
57
|
+
,
|
|
58
|
+
,
|
|
59
|
+
,
|
|
60
|
+
,
|
|
61
|
+
]].map((t, n) => /* @__PURE__ */ e("div", { className: "h-8 w-20 bg-slate-900/50 border border-slate-800/50 rounded-lg shrink-0" }, n))
|
|
62
|
+
}), /* @__PURE__ */ t("div", {
|
|
63
|
+
className: "flex flex-nowrap gap-2 shrink-0 border-l border-slate-800/80 pl-2.5 md:border-l-0 md:pl-0",
|
|
64
|
+
children: [/* @__PURE__ */ e("div", { className: "h-8 w-24 bg-slate-900/50 border border-slate-800/50 rounded-lg shrink-0" }), /* @__PURE__ */ e("div", { className: "h-8 w-24 bg-slate-900/50 border border-slate-800/50 rounded-lg shrink-0" })]
|
|
65
|
+
})]
|
|
66
|
+
}),
|
|
67
|
+
/* @__PURE__ */ t("div", {
|
|
68
|
+
className: "flex-1 relative bg-slate-950 overflow-hidden flex items-center justify-center min-h-0",
|
|
69
|
+
children: [
|
|
70
|
+
/* @__PURE__ */ t("div", {
|
|
71
|
+
className: "absolute top-4 left-4 bg-slate-950/70 border border-white/5 px-2.5 py-1.5 rounded-xl w-40 space-y-2",
|
|
72
|
+
children: [
|
|
73
|
+
/* @__PURE__ */ e("div", { className: "h-3 bg-slate-800/50 rounded-md w-3/4" }),
|
|
74
|
+
/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/30 rounded-md w-1/2" }),
|
|
75
|
+
/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/30 rounded-md w-2/3" })
|
|
76
|
+
]
|
|
77
|
+
}),
|
|
78
|
+
/* @__PURE__ */ t("div", {
|
|
79
|
+
className: "absolute top-4 right-4 bg-slate-950/70 border border-white/5 px-2.5 py-1.5 rounded-xl w-32 space-y-2 text-right",
|
|
80
|
+
children: [
|
|
81
|
+
/* @__PURE__ */ e("div", { className: "h-3 bg-slate-800/50 rounded-md w-2/3 ml-auto" }),
|
|
82
|
+
/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/30 rounded-md w-1/3 ml-auto" }),
|
|
83
|
+
/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/30 rounded-md w-1/2 ml-auto" })
|
|
84
|
+
]
|
|
85
|
+
}),
|
|
86
|
+
/* @__PURE__ */ t("div", {
|
|
87
|
+
className: "flex flex-col items-center gap-3 z-10",
|
|
88
|
+
children: [/* @__PURE__ */ e("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-slate-500 border-t-transparent" }), /* @__PURE__ */ e("div", { className: "h-3.5 bg-slate-800/50 rounded-md w-32" })]
|
|
89
|
+
}),
|
|
90
|
+
/* @__PURE__ */ t("div", {
|
|
91
|
+
className: "absolute bottom-4 left-4 bg-slate-950/70 border border-white/5 px-2.5 py-1.5 rounded-xl w-24 space-y-2",
|
|
92
|
+
children: [
|
|
93
|
+
/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/30 rounded-md w-2/3" }),
|
|
94
|
+
/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/30 rounded-md w-2/3" }),
|
|
95
|
+
/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/30 rounded-md w-1/2" })
|
|
96
|
+
]
|
|
97
|
+
}),
|
|
98
|
+
/* @__PURE__ */ e("div", { className: "absolute bottom-4 right-4 bg-slate-950/60 h-4 w-24 rounded border border-slate-900" })
|
|
99
|
+
]
|
|
100
|
+
}),
|
|
101
|
+
/* @__PURE__ */ t("div", {
|
|
102
|
+
className: "hidden md:flex h-14 border-t border-slate-800 bg-[#0c0e14] items-center px-4 gap-4 shrink-0",
|
|
103
|
+
children: [/* @__PURE__ */ e("div", { className: "h-8 w-8 bg-slate-900/50 border border-slate-800/50 rounded-lg shrink-0" }), /* @__PURE__ */ e("div", { className: "flex-1 h-2 bg-slate-900/60 rounded-full" })]
|
|
104
|
+
})
|
|
105
|
+
]
|
|
106
|
+
}),
|
|
107
|
+
/* @__PURE__ */ t("footer", {
|
|
108
|
+
className: "md:hidden w-full border-t border-slate-800 bg-[#0c0e14] shrink-0 flex flex-col h-56",
|
|
109
|
+
children: [/* @__PURE__ */ t("div", {
|
|
110
|
+
className: "flex items-center justify-between p-3 border-b border-slate-800",
|
|
111
|
+
children: [/* @__PURE__ */ e("div", { className: "h-3 bg-slate-800/50 rounded-md w-1/3" }), /* @__PURE__ */ t("div", {
|
|
112
|
+
className: "flex gap-2",
|
|
113
|
+
children: [/* @__PURE__ */ e("div", { className: "h-8 w-8 bg-slate-900/50 border border-slate-800/50 rounded-xl" }), /* @__PURE__ */ e("div", { className: "h-8 w-8 bg-slate-900/50 border border-slate-800/50 rounded-xl" })]
|
|
114
|
+
})]
|
|
115
|
+
}), /* @__PURE__ */ t("div", {
|
|
116
|
+
className: "p-3 flex flex-col space-y-2 flex-1",
|
|
117
|
+
children: [/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/30 rounded-md w-1/4" }), /* @__PURE__ */ e("div", {
|
|
118
|
+
className: "flex gap-3 overflow-hidden flex-1 items-center",
|
|
119
|
+
children: [...[
|
|
120
|
+
,
|
|
121
|
+
,
|
|
122
|
+
,
|
|
123
|
+
]].map((n, r) => /* @__PURE__ */ t("div", {
|
|
124
|
+
className: "flex items-center gap-2 p-2.5 rounded-xl bg-slate-900/20 border border-white/5 shrink-0 w-[170px]",
|
|
125
|
+
children: [/* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-lg bg-slate-800/30 shrink-0" }), /* @__PURE__ */ t("div", {
|
|
126
|
+
className: "flex-1 space-y-1.5",
|
|
127
|
+
children: [/* @__PURE__ */ e("div", { className: "h-2.5 bg-slate-800/50 rounded-md w-2/3" }), /* @__PURE__ */ e("div", { className: "h-3 bg-slate-800/20 rounded-md w-8" })]
|
|
128
|
+
})]
|
|
129
|
+
}, r))
|
|
130
|
+
})]
|
|
131
|
+
})]
|
|
132
|
+
})
|
|
133
|
+
]
|
|
134
|
+
});
|
|
135
|
+
//#endregion
|
|
136
|
+
export { n as DicomViewerSkeleton, n as default };
|
package/dist/style.css
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-950:oklch(27.9% .077 45.635);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-950:oklch(30.2% .056 229.695);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-950:oklch(29.1% .149 302.717);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--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(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--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:where(:not(iframe)){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}::-webkit-calendar-picker-indicator{line-height:1}:-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}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.top-0{top:0}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-16{bottom:calc(var(--spacing) * 16)}.left-0{left:0}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-56{height:calc(var(--spacing) * 56)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[180px\]{max-height:180px}.max-h-\[260px\]{max-height:260px}.max-h-\[320px\]{max-height:320px}.min-h-0{min-height:0}.min-h-\[90px\]{min-height:90px}.min-h-\[120px\]{min-height:120px}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-60{width:calc(var(--spacing) * 60)}.w-80{width:calc(var(--spacing) * 80)}.w-\[170px\]{width:170px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-\[200px\]{max-width:200px}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-top-right{transform-origin:100% 0}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-none\!{cursor:none!important}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.scrollbar-none{scrollbar-width:none}.scrollbar-thin{scrollbar-width:thin}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#242735\]{border-color:#242735}.border-amber-800\/80{border-color:#953d00cc}@supports (color:color-mix(in lab, red, red)){.border-amber-800\/80{border-color:color-mix(in oklab, var(--color-amber-800) 80%, transparent)}}.border-cyan-800\/80{border-color:#005f78cc}@supports (color:color-mix(in lab, red, red)){.border-cyan-800\/80{border-color:color-mix(in oklab, var(--color-cyan-800) 80%, transparent)}}.border-primary\/25{border-color:var(--dv-primary,#004461)}@supports (color:color-mix(in lab, red, red)){.border-primary\/25{border-color:color-mix(in oklab, var(--dv-primary,#004461) 25%, transparent)}}.border-purple-800\/80{border-color:#6e11b0cc}@supports (color:color-mix(in lab, red, red)){.border-purple-800\/80{border-color:color-mix(in oklab, var(--color-purple-800) 80%, transparent)}}.border-secondary,.border-secondary\/25{border-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.border-secondary\/25{border-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 25%, transparent)}}.border-secondary\/30{border-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.border-secondary\/30{border-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 30%, transparent)}}.border-secondary\/35{border-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.border-secondary\/35{border-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 35%, transparent)}}.border-secondary\/40{border-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.border-secondary\/40{border-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 40%, transparent)}}.border-secondary\/45{border-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.border-secondary\/45{border-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 45%, transparent)}}.border-secondary\/60{border-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.border-secondary\/60{border-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 60%, transparent)}}.border-slate-500{border-color:var(--color-slate-500)}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-800\/50{border-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.border-slate-800\/50{border-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.border-slate-800\/80{border-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.border-slate-800\/80{border-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.border-slate-900{border-color:var(--color-slate-900)}.border-slate-900\/50{border-color:#0f172b80}@supports (color:color-mix(in lab, red, red)){.border-slate-900\/50{border-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#0c0e14\]{background-color:#0c0e14}.bg-\[\#0e1017\]{background-color:#0e1017}.bg-\[\#1a1d27\]{background-color:#1a1d27}.bg-\[\#090b11\]{background-color:#090b11}.bg-\[\#090b11\]\/90{background-color:oklab(15.0381% .0000409335 -.0134042/.9)}.bg-\[\#07090e\]{background-color:#07090e}.bg-\[\#11131c\]{background-color:#11131c}.bg-\[\#11131c\]\/90{background-color:oklab(18.9059% .00154323 -.0185384/.9)}.bg-\[\#13151c\]\/65{background-color:oklab(19.6884% .00063619 -.0144322/.65)}.bg-\[\#13151c\]\/80{background-color:oklab(19.6884% .00063619 -.0144322/.8)}.bg-\[\#13151c\]\/85{background-color:oklab(19.6884% .00063619 -.0144322/.85)}.bg-\[\#13151c\]\/90{background-color:oklab(19.6884% .00063619 -.0144322/.9)}.bg-\[\#060608\]{background-color:#060608}.bg-\[\#060608\]\/95{background-color:oklab(12.3375% .00148499 -.00533298/.95)}.bg-\[\#242735\]{background-color:#242735}.bg-amber-950\/80{background-color:#461901cc}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\/80{background-color:color-mix(in oklab, var(--color-amber-950) 80%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-cyan-950\/80{background-color:#053345cc}@supports (color:color-mix(in lab, red, red)){.bg-cyan-950\/80{background-color:color-mix(in oklab, var(--color-cyan-950) 80%, transparent)}}.bg-primary\/10{background-color:var(--dv-primary,#004461)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--dv-primary,#004461) 10%, transparent)}}.bg-purple-950\/80{background-color:#3c0366cc}@supports (color:color-mix(in lab, red, red)){.bg-purple-950\/80{background-color:color-mix(in oklab, var(--color-purple-950) 80%, transparent)}}.bg-secondary\/5{background-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/5{background-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 5%, transparent)}}.bg-secondary\/10{background-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/10{background-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 10%, transparent)}}.bg-secondary\/15{background-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/15{background-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 15%, transparent)}}.bg-secondary\/30{background-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/30{background-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 30%, transparent)}}.bg-slate-800\/20{background-color:#1d293d33}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/20{background-color:color-mix(in oklab, var(--color-slate-800) 20%, transparent)}}.bg-slate-800\/30{background-color:#1d293d4d}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/30{background-color:color-mix(in oklab, var(--color-slate-800) 30%, transparent)}}.bg-slate-800\/40{background-color:#1d293d66}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/40{background-color:color-mix(in oklab, var(--color-slate-800) 40%, transparent)}}.bg-slate-800\/50{background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/50{background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.bg-slate-800\/60{background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/60{background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.bg-slate-900\/20{background-color:#0f172b33}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/20{background-color:color-mix(in oklab, var(--color-slate-900) 20%, transparent)}}.bg-slate-900\/50{background-color:#0f172b80}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/50{background-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.bg-slate-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/60{background-color:color-mix(in oklab, var(--color-slate-900) 60%, transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/60{background-color:#02061899}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/60{background-color:color-mix(in oklab, var(--color-slate-950) 60%, transparent)}}.bg-slate-950\/70{background-color:#020618b3}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/70{background-color:color-mix(in oklab, var(--color-slate-950) 70%, transparent)}}.bg-slate-950\/80{background-color:#020618cc}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/80{background-color:color-mix(in oklab, var(--color-slate-950) 80%, transparent)}}.bg-slate-950\/95{background-color:#020618f2}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/95{background-color:color-mix(in oklab, var(--color-slate-950) 95%, transparent)}}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.from-black{--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-secondary{--tw-gradient-from:var(--dv-secondary,#bb2d19);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black\/70{--tw-gradient-via:#000000b3}@supports (color:color-mix(in lab, red, red)){.via-black\/70{--tw-gradient-via:color-mix(in oklab, var(--color-black) 70%, transparent)}}.via-black\/70{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-secondary\/50{--tw-gradient-to:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.to-secondary\/50{--tw-gradient-to:color-mix(in oklab, var(--dv-secondary,#bb2d19) 50%, transparent)}}.to-secondary\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[2px\]{padding:2px}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pr-1{padding-right:var(--spacing)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-1{padding-left:var(--spacing)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-amber-400{color:var(--color-amber-400)}.text-cyan-400{color:var(--color-cyan-400)}.text-primary{color:var(--dv-primary,#004461)}.text-purple-400{color:var(--color-purple-400)}.text-rose-400{color:var(--color-rose-400)}.text-secondary{color:var(--dv-secondary,#bb2d19)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.uppercase{text-transform:uppercase}.accent-secondary{accent-color:var(--dv-secondary,#bb2d19)}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 1px 4px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 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)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.shadow-secondary\/5{--tw-shadow-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.shadow-secondary\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--dv-secondary,#bb2d19) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-secondary\/10{--tw-shadow-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.shadow-secondary\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--dv-secondary,#bb2d19) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-secondary\/15{--tw-shadow-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.shadow-secondary\/15{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--dv-secondary,#bb2d19) 15%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-secondary\/20{--tw-shadow-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.shadow-secondary\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--dv-secondary,#bb2d19) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-secondary\/30{--tw-shadow-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.shadow-secondary\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--dv-secondary,#bb2d19) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-secondary\/20{--tw-ring-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.ring-secondary\/20{--tw-ring-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 20%, transparent)}}.ring-secondary\/30{--tw-ring-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.ring-secondary\/30{--tw-ring-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 30%, transparent)}}.ring-secondary\/35{--tw-ring-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.ring-secondary\/35{--tw-ring-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 35%, transparent)}}.blur-xs{--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-110{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#30354a\]:hover{border-color:#30354a}.hover\:border-rose-800\/55:hover{border-color:#a300378c}@supports (color:color-mix(in lab, red, red)){.hover\:border-rose-800\/55:hover{border-color:color-mix(in oklab, var(--color-rose-800) 55%, transparent)}}.hover\:border-secondary\/20:hover{border-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.hover\:border-secondary\/20:hover{border-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 20%, transparent)}}.hover\:border-slate-700\/50:hover{border-color:#31415880}@supports (color:color-mix(in lab, red, red)){.hover\:border-slate-700\/50:hover{border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.hover\:border-slate-800\/50:hover{border-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.hover\:border-slate-800\/50:hover{border-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.hover\:bg-\[\#202432\]:hover{background-color:#202432}.hover\:bg-\[\#222634\]:hover{background-color:#222634}.hover\:bg-rose-950\/25:hover{background-color:#4d021840}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-950\/25:hover{background-color:color-mix(in oklab, var(--color-rose-950) 25%, transparent)}}.hover\:bg-slate-800\/10:hover{background-color:#1d293d1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-800\/10:hover{background-color:color-mix(in oklab, var(--color-slate-800) 10%, transparent)}}.hover\:bg-slate-800\/40:hover{background-color:#1d293d66}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-800\/40:hover{background-color:color-mix(in oklab, var(--color-slate-800) 40%, transparent)}}.hover\:bg-slate-800\/60:hover{background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-800\/60:hover{background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.hover\:bg-slate-900\/60:hover{background-color:#0f172b99}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-900\/60:hover{background-color:color-mix(in oklab, var(--color-slate-900) 60%, transparent)}}.hover\:text-rose-200:hover{color:var(--color-rose-200)}.hover\:text-rose-400:hover{color:var(--color-rose-400)}.hover\:text-slate-100:hover{color:var(--color-slate-100)}.hover\:text-slate-200:hover{color:var(--color-slate-200)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:transform-none:disabled{transform:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-40:disabled{opacity:.4}.data-active\:border-secondary\/20[data-active]{border-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.data-active\:border-secondary\/20[data-active]{border-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 20%, transparent)}}.data-active\:bg-secondary\/10[data-active]{background-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.data-active\:bg-secondary\/10[data-active]{background-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 10%, transparent)}}.data-active\:font-bold[data-active]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.data-active\:text-secondary[data-active]{color:var(--dv-secondary,#bb2d19)}.data-\[state\=active\]\:border-secondary\/20[data-state=active]{border-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=active\]\:border-secondary\/20[data-state=active]{border-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 20%, transparent)}}.data-\[state\=active\]\:bg-secondary\/10[data-state=active]{background-color:var(--dv-secondary,#bb2d19)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=active\]\:bg-secondary\/10[data-state=active]{background-color:color-mix(in oklab, var(--dv-secondary,#bb2d19) 10%, transparent)}}.data-\[state\=active\]\:font-bold[data-state=active]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.data-\[state\=active\]\:text-secondary[data-state=active]{color:var(--dv-secondary,#bb2d19)}@media (width>=48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:py-3{padding-block:calc(var(--spacing) * 3)}.md\:pl-0{padding-left:0}}.\[\&_canvas\]\:cursor-none\! canvas{cursor:none!important}}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
|
3
|
+
/*$vite$:1*/
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Tipos neutros del visor DICOM. Este paquete NO conoce los modelos del
|
|
4
|
+
* host: el host pasa su objeto de estudio y TypeScript lo valida por
|
|
5
|
+
* compatibilidad estructural. Los campos extra del host (reports, aeTitle,
|
|
6
|
+
* etc.) son permitidos por la asignación estructural, sin index signatures.
|
|
7
|
+
*/
|
|
8
|
+
export interface DicomFile {
|
|
9
|
+
position: number;
|
|
10
|
+
instanceUid: string;
|
|
11
|
+
}
|
|
12
|
+
export interface DicomSeries {
|
|
13
|
+
id: string;
|
|
14
|
+
seriesInstanceUid: string;
|
|
15
|
+
modality: string;
|
|
16
|
+
name: string;
|
|
17
|
+
files: DicomFile[];
|
|
18
|
+
}
|
|
19
|
+
export interface DicomStudy {
|
|
20
|
+
id: string;
|
|
21
|
+
studyInstanceUid: string;
|
|
22
|
+
patientName: string;
|
|
23
|
+
patientId: string;
|
|
24
|
+
patientBirthDate?: string;
|
|
25
|
+
patientAge?: string;
|
|
26
|
+
patientSex?: string;
|
|
27
|
+
studyDate?: string;
|
|
28
|
+
studyTime?: string;
|
|
29
|
+
studyDescription?: string;
|
|
30
|
+
series: DicomSeries[];
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Fuente de bytes DICOM inyectada por el host.
|
|
34
|
+
* Recibe el `instanceUid` que el propio host entregó en `study.series[].files[]`
|
|
35
|
+
* y devuelve el archivo como Blob/ArrayBuffer. El paquete nunca hace HTTP.
|
|
36
|
+
*/
|
|
37
|
+
export type DicomFileFetcher = (instanceUid: string) => Promise<Blob | ArrayBuffer>;
|
|
38
|
+
/** Resuelve la URL de la miniatura de una serie a partir del primer instanceUid. */
|
|
39
|
+
export type ThumbnailUrlResolver = (instanceUid: string) => string;
|
|
40
|
+
export interface ViewerBranding {
|
|
41
|
+
/** URL del logo institucional (overlays + toolbar). */
|
|
42
|
+
logo?: string;
|
|
43
|
+
/** Nombre de la institución (overlay inferior derecho). */
|
|
44
|
+
name?: string;
|
|
45
|
+
}
|
|
46
|
+
/** Presets de ventana (W/C) por modalidad: { CT: { abdomen: {W, C} } }. */
|
|
47
|
+
export type PresetsConfig = Record<string, Record<string, {
|
|
48
|
+
W: number;
|
|
49
|
+
C: number;
|
|
50
|
+
}>>;
|
|
51
|
+
export type ActionPlacement = "toolbar" | "sidebar" | "footer";
|
|
52
|
+
export interface ActionContext {
|
|
53
|
+
study: DicomStudy;
|
|
54
|
+
activeSeriesIndex: number;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Acción inyectable en un slot del visor. El paquete solo evalúa `visible`
|
|
58
|
+
* (función sin conocimiento de permisos) y ejecuta `onClick`; toda la lógica
|
|
59
|
+
* de negocio vive en el host.
|
|
60
|
+
*/
|
|
61
|
+
export interface ActionProps {
|
|
62
|
+
id: string;
|
|
63
|
+
placement: ActionPlacement;
|
|
64
|
+
label?: ReactNode;
|
|
65
|
+
icon?: ReactNode;
|
|
66
|
+
onClick?: (ctx: ActionContext) => void;
|
|
67
|
+
/** Si retorna false la acción no se renderiza. Los permisos viven aquí, en el host. */
|
|
68
|
+
visible?: () => boolean;
|
|
69
|
+
disabled?: boolean;
|
|
70
|
+
className?: string;
|
|
71
|
+
/** Contenido custom: si existe, reemplaza el render por defecto (label+icon). */
|
|
72
|
+
children?: ReactNode;
|
|
73
|
+
}
|
|
74
|
+
/** Modal inyectado por el host; se renderiza en la capa superior del visor. */
|
|
75
|
+
export interface ViewerModalProps {
|
|
76
|
+
id: string;
|
|
77
|
+
open?: boolean;
|
|
78
|
+
onClose?: () => void;
|
|
79
|
+
children?: ReactNode;
|
|
80
|
+
}
|
|
81
|
+
/** Utilidades de presentación derivadas de DicomStudy. */
|
|
82
|
+
export declare const getPatientName: (study: DicomStudy) => string;
|
|
83
|
+
export declare const getStudyModality: (study: DicomStudy) => string;
|
|
84
|
+
/** Convierte fecha DICOM yyyyMMdd a dd/mm/yyyy para display. */
|
|
85
|
+
export declare const formatStudyDate: (studyDate: string | number | undefined) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export declare function Tabs({ defaultValue, className, children, }: {
|
|
3
|
+
defaultValue: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function TabsList({ className, children, }: {
|
|
8
|
+
className?: string;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function TabsTrigger({ value, className, children, }: {
|
|
12
|
+
value: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function TabsContent({ value, className, children, }: {
|
|
17
|
+
value: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
package/dist/ui/cn.d.ts
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@medicaresoft/dicom-viewer",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"description": "Visor DICOM reutilizable basado en Cornerstone v2. Núcleo de visualización sin lógica de negocio ni permisos: el host inyecta datos, acciones y branding.",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"keywords": [
|
|
8
|
+
"dicom",
|
|
9
|
+
"pacs",
|
|
10
|
+
"medical-imaging",
|
|
11
|
+
"cornerstone",
|
|
12
|
+
"viewer",
|
|
13
|
+
"react"
|
|
14
|
+
],
|
|
15
|
+
"exports": {
|
|
16
|
+
".": {
|
|
17
|
+
"types": "./dist/index.d.ts",
|
|
18
|
+
"import": "./dist/index.js"
|
|
19
|
+
},
|
|
20
|
+
"./skeleton": {
|
|
21
|
+
"types": "./dist/skeleton.d.ts",
|
|
22
|
+
"import": "./dist/skeleton.js"
|
|
23
|
+
},
|
|
24
|
+
"./style.css": "./dist/style.css"
|
|
25
|
+
},
|
|
26
|
+
"files": [
|
|
27
|
+
"dist"
|
|
28
|
+
],
|
|
29
|
+
"sideEffects": [
|
|
30
|
+
"**/*.css"
|
|
31
|
+
],
|
|
32
|
+
"scripts": {
|
|
33
|
+
"build": "vite build && tsc -p tsconfig.build.json",
|
|
34
|
+
"typecheck": "tsc --noEmit",
|
|
35
|
+
"link:shared": "bash scripts/link-shared-deps.sh",
|
|
36
|
+
"prepublishOnly": "npm run build"
|
|
37
|
+
},
|
|
38
|
+
"peerDependencies": {
|
|
39
|
+
"react": ">=18",
|
|
40
|
+
"react-dom": ">=18"
|
|
41
|
+
},
|
|
42
|
+
"dependencies": {
|
|
43
|
+
"clsx": "^2.1.1",
|
|
44
|
+
"cornerstone-core": "^2.6.1",
|
|
45
|
+
"cornerstone-math": "^0.1.10",
|
|
46
|
+
"cornerstone-tools": "^6.0.10",
|
|
47
|
+
"cornerstone-wado-image-loader": "^4.13.2",
|
|
48
|
+
"dicom-parser": "^1.8.21",
|
|
49
|
+
"hammerjs": "^2.0.8",
|
|
50
|
+
"lucide-react": "^1.16.0",
|
|
51
|
+
"tailwind-merge": "^3.6.0"
|
|
52
|
+
},
|
|
53
|
+
"devDependencies": {
|
|
54
|
+
"@tailwindcss/vite": "^4.3.0",
|
|
55
|
+
"@types/hammerjs": "^2.0.46",
|
|
56
|
+
"@types/react": "^19.2.14",
|
|
57
|
+
"@types/react-dom": "^19.2.3",
|
|
58
|
+
"@vitejs/plugin-react": "^6.0.1",
|
|
59
|
+
"tailwindcss": "^4.3.0",
|
|
60
|
+
"typescript": "~6.0.2",
|
|
61
|
+
"vite": "^8.0.12"
|
|
62
|
+
}
|
|
63
|
+
}
|