mesurer-solid 0.2.3-beta.5 → 0.2.3-beta.6
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/index.js +4706 -4400
- package/dist/inject-script.js +21 -21
- package/dist/inject.js +4702 -4396
- package/dist/plugins.js +258 -258
- package/package.json +1 -1
package/dist/plugins.js
CHANGED
|
@@ -2997,152 +2997,11 @@ var _o = /* @__PURE__ */ new WeakMap(), vo = (e) => {
|
|
|
2997
2997
|
return () => {
|
|
2998
2998
|
r || (r = !0, n.listeners.delete(t), xo(e, n));
|
|
2999
2999
|
};
|
|
3000
|
-
}, Co =
|
|
3001
|
-
{
|
|
3002
|
-
name: "iPhone SE",
|
|
3003
|
-
width: 375,
|
|
3004
|
-
height: 667
|
|
3005
|
-
},
|
|
3006
|
-
{
|
|
3007
|
-
name: "iPhone X",
|
|
3008
|
-
width: 375,
|
|
3009
|
-
height: 812
|
|
3010
|
-
},
|
|
3011
|
-
{
|
|
3012
|
-
name: "iPhone 15",
|
|
3013
|
-
width: 393,
|
|
3014
|
-
height: 852
|
|
3015
|
-
},
|
|
3016
|
-
{
|
|
3017
|
-
name: "iPhone 15 Pro Max",
|
|
3018
|
-
width: 430,
|
|
3019
|
-
height: 932
|
|
3020
|
-
},
|
|
3021
|
-
{
|
|
3022
|
-
name: "Pixel 8",
|
|
3023
|
-
width: 412,
|
|
3024
|
-
height: 915
|
|
3025
|
-
},
|
|
3026
|
-
{
|
|
3027
|
-
name: "Galaxy S24",
|
|
3028
|
-
width: 360,
|
|
3029
|
-
height: 780
|
|
3030
|
-
},
|
|
3031
|
-
{
|
|
3032
|
-
name: "iPad mini",
|
|
3033
|
-
width: 744,
|
|
3034
|
-
height: 1133
|
|
3035
|
-
},
|
|
3036
|
-
{
|
|
3037
|
-
name: "iPad",
|
|
3038
|
-
width: 820,
|
|
3039
|
-
height: 1180
|
|
3040
|
-
},
|
|
3041
|
-
{
|
|
3042
|
-
name: "iPad Pro 12.9",
|
|
3043
|
-
width: 1024,
|
|
3044
|
-
height: 1366
|
|
3045
|
-
},
|
|
3046
|
-
{
|
|
3047
|
-
name: "Laptop",
|
|
3048
|
-
width: 1280,
|
|
3049
|
-
height: 800
|
|
3050
|
-
},
|
|
3051
|
-
{
|
|
3052
|
-
name: "MacBook Air 13",
|
|
3053
|
-
width: 1470,
|
|
3054
|
-
height: 956
|
|
3055
|
-
},
|
|
3056
|
-
{
|
|
3057
|
-
name: "Full HD",
|
|
3058
|
-
width: 1920,
|
|
3059
|
-
height: 1080
|
|
3060
|
-
}
|
|
3061
|
-
], wo = 1;
|
|
3062
|
-
({ ...Co[2] }), wo++;
|
|
3063
|
-
var To = () => globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`, Eo = /* @__PURE__ */ new WeakMap(), Do = (e) => (Eo.get(e) ?? 0) > 0, Oo = /* @__PURE__ */ new WeakMap(), ko = (e, t) => {
|
|
3064
|
-
let n = Oo.get(e) ?? /* @__PURE__ */ new Set();
|
|
3065
|
-
return n.add(t), Oo.set(e, n), () => {
|
|
3066
|
-
n.delete(t);
|
|
3067
|
-
};
|
|
3068
|
-
}, Ao = "mesurer-solid-styles", jo = (e) => e?.nodeType === 11, Mo = (e) => e.nodeType === 9;
|
|
3069
|
-
function No(e, t) {
|
|
3070
|
-
let n = t?.ownerDocument ?? globalThis.document;
|
|
3071
|
-
if (!n) return;
|
|
3072
|
-
let r = jo(t) ? t : n;
|
|
3073
|
-
if (r.querySelector(`#${Ao}`)) return;
|
|
3074
|
-
let i = n.createElement("style");
|
|
3075
|
-
i.id = Ao, i.textContent = e, Mo(r) ? r.head.append(i) : r.append(i);
|
|
3076
|
-
}
|
|
3077
|
-
var Po = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --msr-font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --msr-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --msr-color-red-50: oklch(97.1% 0.013 17.38);\n --msr-color-red-200: oklch(88.5% 0.062 18.334);\n --msr-color-red-600: oklch(57.7% 0.245 27.325);\n --msr-color-black: #000;\n --msr-color-white: #fff;\n --msr-spacing: 0.25rem;\n --msr-font-weight-normal: 400;\n --msr-font-weight-medium: 500;\n --msr-font-weight-semibold: 600;\n --msr-radius-md: 0.375rem;\n --msr-radius-lg: 0.5rem;\n --msr-default-transition-duration: 150ms;\n --msr-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --msr-default-font-family: var(--msr-font-sans);\n --msr-default-mono-font-family: var(--msr-font-mono);\n --msr-color-ink-50: #f8fafc;\n --msr-color-ink-200: #e2e8f0;\n --msr-color-ink-500: #64748b;\n --msr-color-ink-700: #334155;\n --msr-color-ink-900: #0f172a;\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--msr-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\");\n font-feature-settings: var(--msr-default-font-feature-settings, normal);\n font-variation-settings: var(--msr-default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--msr-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--msr-default-mono-font-feature-settings, normal);\n font-variation-settings: var(--msr-default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring:where(:not(iframe)) {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .msr\\:pointer-events-auto {\n pointer-events: auto;\n }\n .msr\\:pointer-events-none {\n pointer-events: none;\n }\n .msr\\:absolute {\n position: absolute;\n }\n .msr\\:fixed {\n position: fixed;\n }\n .msr\\:relative {\n position: relative;\n }\n .msr\\:inset-0 {\n inset: 0px;\n }\n .msr\\:inset-x-0 {\n inset-inline: 0px;\n }\n .msr\\:top-0 {\n top: 0px;\n }\n .msr\\:top-1\\/2 {\n top: calc(1 / 2 * 100%);\n }\n .msr\\:top-3 {\n top: calc(var(--msr-spacing) * 3);\n }\n .msr\\:top-\\[18px\\] {\n top: 18px;\n }\n .msr\\:top-full {\n top: 100%;\n }\n .msr\\:right-0 {\n right: 0px;\n }\n .msr\\:right-1\\.5 {\n right: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:right-2 {\n right: calc(var(--msr-spacing) * 2);\n }\n .msr\\:right-3 {\n right: calc(var(--msr-spacing) * 3);\n }\n .msr\\:right-\\[8px\\] {\n right: 8px;\n }\n .msr\\:bottom-0 {\n bottom: 0px;\n }\n .msr\\:bottom-1\\.5 {\n bottom: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:bottom-full {\n bottom: 100%;\n }\n .msr\\:left-0 {\n left: 0px;\n }\n .msr\\:left-1\\/2 {\n left: calc(1 / 2 * 100%);\n }\n .msr\\:left-\\[8px\\] {\n left: 8px;\n }\n .msr\\:left-\\[18px\\] {\n left: 18px;\n }\n .msr\\:z-10 {\n z-index: 10;\n }\n .msr\\:z-\\[2\\] {\n z-index: 2;\n }\n .msr\\:z-\\[3\\] {\n z-index: 3;\n }\n .msr\\:z-\\[60\\] {\n z-index: 60;\n }\n .msr\\:z-\\[70\\] {\n z-index: 70;\n }\n .msr\\:z-\\[80\\] {\n z-index: 80;\n }\n .msr\\:z-\\[90\\] {\n z-index: 90;\n }\n .msr\\:z-\\[94\\] {\n z-index: 94;\n }\n .msr\\:z-\\[95\\] {\n z-index: 95;\n }\n .msr\\:z-\\[110\\] {\n z-index: 110;\n }\n .msr\\:z-\\[120\\] {\n z-index: 120;\n }\n .msr\\:col-span-2 {\n grid-column: span 2 / span 2;\n }\n .msr\\:col-start-1 {\n grid-column-start: 1;\n }\n .msr\\:col-start-3 {\n grid-column-start: 3;\n }\n .msr\\:col-end-3 {\n grid-column-end: 3;\n }\n .msr\\:m-0 {\n margin: 0px;\n }\n .msr\\:mx-1 {\n margin-inline: var(--msr-spacing);\n }\n .msr\\:mt-1 {\n margin-top: var(--msr-spacing);\n }\n .msr\\:mt-1\\.5 {\n margin-top: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:mt-2 {\n margin-top: calc(var(--msr-spacing) * 2);\n }\n .msr\\:mb-1 {\n margin-bottom: var(--msr-spacing);\n }\n .msr\\:mb-2 {\n margin-bottom: calc(var(--msr-spacing) * 2);\n }\n .msr\\:-ml-1 {\n margin-left: calc(var(--msr-spacing) * -1);\n }\n .msr\\:ml-1 {\n margin-left: var(--msr-spacing);\n }\n .msr\\:ml-2 {\n margin-left: calc(var(--msr-spacing) * 2);\n }\n .msr\\:ml-6 {\n margin-left: calc(var(--msr-spacing) * 6);\n }\n .msr\\:ml-auto {\n margin-left: auto;\n }\n .msr\\:box-border {\n box-sizing: border-box;\n }\n .msr\\:block {\n display: block;\n }\n .msr\\:flex {\n display: flex;\n }\n .msr\\:grid {\n display: grid;\n }\n .msr\\:inline-flex {\n display: inline-flex;\n }\n .msr\\:size-1\\.5 {\n width: calc(var(--msr-spacing) * 1.5);\n height: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:size-3 {\n width: calc(var(--msr-spacing) * 3);\n height: calc(var(--msr-spacing) * 3);\n }\n .msr\\:size-4 {\n width: calc(var(--msr-spacing) * 4);\n height: calc(var(--msr-spacing) * 4);\n }\n .msr\\:size-5 {\n width: calc(var(--msr-spacing) * 5);\n height: calc(var(--msr-spacing) * 5);\n }\n .msr\\:size-6 {\n width: calc(var(--msr-spacing) * 6);\n height: calc(var(--msr-spacing) * 6);\n }\n .msr\\:size-7 {\n width: calc(var(--msr-spacing) * 7);\n height: calc(var(--msr-spacing) * 7);\n }\n .msr\\:size-8 {\n width: calc(var(--msr-spacing) * 8);\n height: calc(var(--msr-spacing) * 8);\n }\n .msr\\:size-\\[10px\\] {\n width: 10px;\n height: 10px;\n }\n .msr\\:size-\\[18px\\] {\n width: 18px;\n height: 18px;\n }\n .msr\\:size-full {\n width: 100%;\n height: 100%;\n }\n .msr\\:h-2 {\n height: calc(var(--msr-spacing) * 2);\n }\n .msr\\:h-5 {\n height: calc(var(--msr-spacing) * 5);\n }\n .msr\\:h-6 {\n height: calc(var(--msr-spacing) * 6);\n }\n .msr\\:h-7 {\n height: calc(var(--msr-spacing) * 7);\n }\n .msr\\:h-8 {\n height: calc(var(--msr-spacing) * 8);\n }\n .msr\\:h-36 {\n height: calc(var(--msr-spacing) * 36);\n }\n .msr\\:h-\\[3px\\] {\n height: 3px;\n }\n .msr\\:h-\\[14px\\] {\n height: 14px;\n }\n .msr\\:h-\\[18px\\] {\n height: 18px;\n }\n .msr\\:h-\\[19px\\] {\n height: 19px;\n }\n .msr\\:h-full {\n height: 100%;\n }\n .msr\\:h-px {\n height: 1px;\n }\n .msr\\:max-h-32 {\n max-height: calc(var(--msr-spacing) * 32);\n }\n .msr\\:max-h-36 {\n max-height: calc(var(--msr-spacing) * 36);\n }\n .msr\\:max-h-\\[50vh\\] {\n max-height: 50vh;\n }\n .msr\\:max-h-\\[220px\\] {\n max-height: 220px;\n }\n .msr\\:max-h-\\[calc\\(100vh-16px\\)\\] {\n max-height: calc(100vh - 16px);\n }\n .msr\\:max-h-\\[min\\(70vh\\,34rem\\)\\] {\n max-height: min(70vh, 34rem);\n }\n .msr\\:max-h-\\[min\\(320px\\,calc\\(100vh-16px\\)\\)\\] {\n max-height: min(320px, calc(100vh - 16px));\n }\n .msr\\:min-h-0 {\n min-height: 0px;\n }\n .msr\\:min-h-\\[34px\\] {\n min-height: 34px;\n }\n .msr\\:w-0 {\n width: 0px;\n }\n .msr\\:w-0\\.5 {\n width: calc(var(--msr-spacing) * 0.5);\n }\n .msr\\:w-3 {\n width: calc(var(--msr-spacing) * 3);\n }\n .msr\\:w-4 {\n width: calc(var(--msr-spacing) * 4);\n }\n .msr\\:w-5 {\n width: calc(var(--msr-spacing) * 5);\n }\n .msr\\:w-6 {\n width: calc(var(--msr-spacing) * 6);\n }\n .msr\\:w-8 {\n width: calc(var(--msr-spacing) * 8);\n }\n .msr\\:w-9 {\n width: calc(var(--msr-spacing) * 9);\n }\n .msr\\:w-12 {\n width: calc(var(--msr-spacing) * 12);\n }\n .msr\\:w-44 {\n width: calc(var(--msr-spacing) * 44);\n }\n .msr\\:w-60 {\n width: calc(var(--msr-spacing) * 60);\n }\n .msr\\:w-64 {\n width: calc(var(--msr-spacing) * 64);\n }\n .msr\\:w-\\[18px\\] {\n width: 18px;\n }\n .msr\\:w-\\[26px\\] {\n width: 26px;\n }\n .msr\\:w-\\[208px\\] {\n width: 208px;\n }\n .msr\\:w-\\[272px\\] {\n width: 272px;\n }\n .msr\\:w-full {\n width: 100%;\n }\n .msr\\:w-px {\n width: 1px;\n }\n .msr\\:max-w-0 {\n max-width: 0px;\n }\n .msr\\:max-w-20 {\n max-width: calc(var(--msr-spacing) * 20);\n }\n .msr\\:max-w-\\[calc\\(100vw-16px\\)\\] {\n max-width: calc(100vw - 16px);\n }\n .msr\\:min-w-0 {\n min-width: 0px;\n }\n .msr\\:min-w-36 {\n min-width: calc(var(--msr-spacing) * 36);\n }\n .msr\\:flex-1 {\n flex: 1;\n }\n .msr\\:flex-none {\n flex: none;\n }\n .msr\\:shrink-0 {\n flex-shrink: 0;\n }\n .msr\\:-translate-x-1 {\n --tw-translate-x: calc(var(--msr-spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .msr\\:-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .msr\\:translate-x-0 {\n --tw-translate-x: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .msr\\:-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .msr\\:-rotate-90 {\n rotate: calc(90deg * -1);\n }\n .msr\\:rotate-45 {\n rotate: 45deg;\n }\n .msr\\:rotate-90 {\n rotate: 90deg;\n }\n .msr\\:rotate-180 {\n rotate: 180deg;\n }\n .msr\\:rotate-\\[45deg\\] {\n rotate: 45deg;\n }\n .msr\\:rotate-\\[135deg\\] {\n rotate: 135deg;\n }\n .msr\\:cursor-crosshair {\n cursor: crosshair;\n }\n .msr\\:cursor-default {\n cursor: default;\n }\n .msr\\:cursor-pointer {\n cursor: pointer;\n }\n .msr\\:touch-none {\n touch-action: none;\n }\n .msr\\:resize-none {\n resize: none;\n }\n .msr\\:list-none {\n list-style-type: none;\n }\n .msr\\:appearance-none {\n appearance: none;\n }\n .msr\\:grid-cols-\\[3\\.5rem_minmax\\(0\\,1fr\\)\\] {\n grid-template-columns: 3.5rem minmax(0,1fr);\n }\n .msr\\:grid-cols-\\[5\\.5rem_minmax\\(0\\,1fr\\)\\] {\n grid-template-columns: 5.5rem minmax(0,1fr);\n }\n .msr\\:grid-cols-\\[78px_150px\\] {\n grid-template-columns: 78px 150px;\n }\n .msr\\:grid-cols-\\[78px_156px\\] {\n grid-template-columns: 78px 156px;\n }\n .msr\\:grid-cols-\\[78px_minmax\\(0\\,1fr\\)\\] {\n grid-template-columns: 78px minmax(0,1fr);\n }\n .msr\\:grid-cols-\\[auto_minmax\\(0\\,1fr\\)\\] {\n grid-template-columns: auto minmax(0,1fr);\n }\n .msr\\:grid-cols-\\[minmax\\(0\\,1fr\\)\\] {\n grid-template-columns: minmax(0,1fr);\n }\n .msr\\:grid-cols-\\[minmax\\(0\\,1fr\\)_28px_34px\\] {\n grid-template-columns: minmax(0,1fr) 28px 34px;\n }\n .msr\\:flex-col {\n flex-direction: column;\n }\n .msr\\:items-baseline {\n align-items: baseline;\n }\n .msr\\:items-center {\n align-items: center;\n }\n .msr\\:items-start {\n align-items: flex-start;\n }\n .msr\\:items-stretch {\n align-items: stretch;\n }\n .msr\\:justify-between {\n justify-content: space-between;\n }\n .msr\\:justify-center {\n justify-content: center;\n }\n .msr\\:justify-end {\n justify-content: flex-end;\n }\n .msr\\:gap-0 {\n gap: 0px;\n }\n .msr\\:gap-0\\.5 {\n gap: calc(var(--msr-spacing) * 0.5);\n }\n .msr\\:gap-1 {\n gap: var(--msr-spacing);\n }\n .msr\\:gap-1\\.5 {\n gap: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:gap-2 {\n gap: calc(var(--msr-spacing) * 2);\n }\n .msr\\:gap-3 {\n gap: calc(var(--msr-spacing) * 3);\n }\n .msr\\:gap-\\[2px\\] {\n gap: 2px;\n }\n .msr\\:gap-px {\n gap: 1px;\n }\n .msr\\:gap-x-3 {\n column-gap: calc(var(--msr-spacing) * 3);\n }\n .msr\\:gap-y-1 {\n row-gap: var(--msr-spacing);\n }\n .msr\\:self-center {\n align-self: center;\n }\n .msr\\:self-stretch {\n align-self: stretch;\n }\n .msr\\:justify-self-end {\n justify-self: flex-end;\n }\n .msr\\:truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .msr\\:overflow-auto {\n overflow: auto;\n }\n .msr\\:overflow-hidden {\n overflow: hidden;\n }\n .msr\\:overflow-visible {\n overflow: visible;\n }\n .msr\\:overflow-x-hidden {\n overflow-x: hidden;\n }\n .msr\\:overflow-y-auto {\n overflow-y: auto;\n }\n .msr\\:rounded {\n border-radius: 0.25rem;\n }\n .msr\\:rounded-\\[3px\\] {\n border-radius: 3px;\n }\n .msr\\:rounded-\\[5px\\] {\n border-radius: 5px;\n }\n .msr\\:rounded-\\[6px\\] {\n border-radius: 6px;\n }\n .msr\\:rounded-\\[7px\\] {\n border-radius: 7px;\n }\n .msr\\:rounded-\\[8px\\] {\n border-radius: 8px;\n }\n .msr\\:rounded-\\[9px\\] {\n border-radius: 9px;\n }\n .msr\\:rounded-\\[10px\\] {\n border-radius: 10px;\n }\n .msr\\:rounded-\\[12px\\] {\n border-radius: 12px;\n }\n .msr\\:rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .msr\\:rounded-lg {\n border-radius: var(--msr-radius-lg);\n }\n .msr\\:rounded-md {\n border-radius: var(--msr-radius-md);\n }\n .msr\\:rounded-none {\n border-radius: 0;\n }\n .msr\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .msr\\:border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n .msr\\:border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .msr\\:border-t-2 {\n border-top-style: var(--tw-border-style);\n border-top-width: 2px;\n }\n .msr\\:border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .msr\\:border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .msr\\:border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n .msr\\:border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .msr\\:border-dotted {\n --tw-border-style: dotted;\n border-style: dotted;\n }\n .msr\\:border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .msr\\:border-\\[\\#0d99ff\\] {\n border-color: #0d99ff;\n }\n .msr\\:border-\\[\\#2563eb\\]\\/70 {\n border-color: color-mix(in oklab, #2563eb 70%, transparent);\n }\n .msr\\:border-black\\/8 {\n border-color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--msr-color-black) 8%, transparent);\n }\n }\n .msr\\:border-black\\/10 {\n border-color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n }\n }\n .msr\\:border-black\\/15 {\n border-color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--msr-color-black) 15%, transparent);\n }\n }\n .msr\\:border-ink-200 {\n border-color: var(--msr-color-ink-200);\n }\n .msr\\:border-ink-500 {\n border-color: var(--msr-color-ink-500);\n }\n .msr\\:border-ink-700 {\n border-color: var(--msr-color-ink-700);\n }\n .msr\\:border-red-200 {\n border-color: var(--msr-color-red-200);\n }\n .msr\\:border-transparent {\n border-color: transparent;\n }\n .msr\\:bg-\\[\\#0d99ff\\] {\n background-color: #0d99ff;\n }\n .msr\\:bg-\\[\\#0d99ff\\]\\/10 {\n background-color: color-mix(in oklab, #0d99ff 10%, transparent);\n }\n .msr\\:bg-\\[\\#2563eb\\] {\n background-color: #2563eb;\n }\n .msr\\:bg-\\[\\#fff\\] {\n background-color: #fff;\n }\n .msr\\:bg-black {\n background-color: var(--msr-color-black);\n }\n .msr\\:bg-black\\/10 {\n background-color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n }\n }\n .msr\\:bg-ink-50 {\n background-color: var(--msr-color-ink-50);\n }\n .msr\\:bg-ink-50\\/40 {\n background-color: var(--msr-color-ink-50);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-ink-50) 40%, transparent);\n }\n }\n .msr\\:bg-ink-200 {\n background-color: var(--msr-color-ink-200);\n }\n .msr\\:bg-ink-900 {\n background-color: var(--msr-color-ink-900);\n }\n .msr\\:bg-ink-900\\/90 {\n background-color: var(--msr-color-ink-900);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-ink-900) 90%, transparent);\n }\n }\n .msr\\:bg-transparent {\n background-color: transparent;\n }\n .msr\\:bg-white {\n background-color: var(--msr-color-white);\n }\n .msr\\:bg-white\\/60 {\n background-color: var(--msr-color-white);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n }\n }\n .msr\\:bg-white\\/85 {\n background-color: var(--msr-color-white);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-white) 85%, transparent);\n }\n }\n .msr\\:p-0 {\n padding: 0px;\n }\n .msr\\:p-1 {\n padding: var(--msr-spacing);\n }\n .msr\\:p-1\\.5 {\n padding: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:p-2 {\n padding: calc(var(--msr-spacing) * 2);\n }\n .msr\\:p-3 {\n padding: calc(var(--msr-spacing) * 3);\n }\n .msr\\:p-\\[2px\\] {\n padding: 2px;\n }\n .msr\\:p-px {\n padding: 1px;\n }\n .msr\\:px-0 {\n padding-inline: 0px;\n }\n .msr\\:px-0\\.5 {\n padding-inline: calc(var(--msr-spacing) * 0.5);\n }\n .msr\\:px-1 {\n padding-inline: var(--msr-spacing);\n }\n .msr\\:px-1\\.5 {\n padding-inline: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:px-2 {\n padding-inline: calc(var(--msr-spacing) * 2);\n }\n .msr\\:py-0 {\n padding-block: 0px;\n }\n .msr\\:py-0\\.5 {\n padding-block: calc(var(--msr-spacing) * 0.5);\n }\n .msr\\:py-1 {\n padding-block: var(--msr-spacing);\n }\n .msr\\:py-1\\.5 {\n padding-block: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:py-2 {\n padding-block: calc(var(--msr-spacing) * 2);\n }\n .msr\\:pt-0\\.5 {\n padding-top: calc(var(--msr-spacing) * 0.5);\n }\n .msr\\:pt-2 {\n padding-top: calc(var(--msr-spacing) * 2);\n }\n .msr\\:pr-0 {\n padding-right: 0px;\n }\n .msr\\:pr-2 {\n padding-right: calc(var(--msr-spacing) * 2);\n }\n .msr\\:pr-6 {\n padding-right: calc(var(--msr-spacing) * 6);\n }\n .msr\\:pb-1 {\n padding-bottom: var(--msr-spacing);\n }\n .msr\\:pb-1\\.5 {\n padding-bottom: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:pb-2 {\n padding-bottom: calc(var(--msr-spacing) * 2);\n }\n .msr\\:text-center {\n text-align: center;\n }\n .msr\\:text-left {\n text-align: left;\n }\n .msr\\:text-right {\n text-align: right;\n }\n .msr\\:font-mono {\n font-family: var(--msr-font-mono);\n }\n .msr\\:text-\\[9px\\] {\n font-size: 9px;\n }\n .msr\\:text-\\[10px\\] {\n font-size: 10px;\n }\n .msr\\:text-\\[11px\\] {\n font-size: 11px;\n }\n .msr\\:text-\\[12px\\] {\n font-size: 12px;\n }\n .msr\\:text-\\[14px\\] {\n font-size: 14px;\n }\n .msr\\:leading-4 {\n --tw-leading: calc(var(--msr-spacing) * 4);\n line-height: calc(var(--msr-spacing) * 4);\n }\n .msr\\:leading-5 {\n --tw-leading: calc(var(--msr-spacing) * 5);\n line-height: calc(var(--msr-spacing) * 5);\n }\n .msr\\:leading-\\[1\\.45\\] {\n --tw-leading: 1.45;\n line-height: 1.45;\n }\n .msr\\:leading-\\[18px\\] {\n --tw-leading: 18px;\n line-height: 18px;\n }\n .msr\\:leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n .msr\\:font-medium {\n --tw-font-weight: var(--msr-font-weight-medium);\n font-weight: var(--msr-font-weight-medium);\n }\n .msr\\:font-normal {\n --tw-font-weight: var(--msr-font-weight-normal);\n font-weight: var(--msr-font-weight-normal);\n }\n .msr\\:font-semibold {\n --tw-font-weight: var(--msr-font-weight-semibold);\n font-weight: var(--msr-font-weight-semibold);\n }\n .msr\\:break-words {\n overflow-wrap: break-word;\n }\n .msr\\:text-ellipsis {\n text-overflow: ellipsis;\n }\n .msr\\:whitespace-nowrap {\n white-space: nowrap;\n }\n .msr\\:whitespace-pre-wrap {\n white-space: pre-wrap;\n }\n .msr\\:text-\\[\\#64748b\\] {\n color: #64748b;\n }\n .msr\\:text-black {\n color: var(--msr-color-black);\n }\n .msr\\:text-black\\/30 {\n color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--msr-color-black) 30%, transparent);\n }\n }\n .msr\\:text-black\\/45 {\n color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--msr-color-black) 45%, transparent);\n }\n }\n .msr\\:text-ink-50 {\n color: var(--msr-color-ink-50);\n }\n .msr\\:text-ink-500 {\n color: var(--msr-color-ink-500);\n }\n .msr\\:text-ink-700 {\n color: var(--msr-color-ink-700);\n }\n .msr\\:text-ink-900 {\n color: var(--msr-color-ink-900);\n }\n .msr\\:text-red-600 {\n color: var(--msr-color-red-600);\n }\n .msr\\:text-white {\n color: var(--msr-color-white);\n }\n .msr\\:text-white\\/60 {\n color: var(--msr-color-white);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n }\n }\n .msr\\:tabular-nums {\n --tw-numeric-spacing: tabular-nums;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .msr\\:underline {\n text-decoration-line: underline;\n }\n .msr\\:underline-offset-2 {\n text-underline-offset: 2px;\n }\n .msr\\:opacity-0 {\n opacity: 0%;\n }\n .msr\\:opacity-60 {\n opacity: 60%;\n }\n .msr\\:opacity-80 {\n opacity: 80%;\n }\n .msr\\:opacity-100 {\n opacity: 100%;\n }\n .msr\\:shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .msr\\:outline-transparent {\n outline-color: transparent;\n }\n .msr\\:transition-\\[max-width\\,opacity\\,transform\\,padding\\] {\n transition-property: max-width,opacity,transform,padding;\n transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n }\n .msr\\:transition-\\[width\\,opacity\\] {\n transition-property: width,opacity;\n transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n }\n .msr\\:transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n }\n .msr\\:transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n }\n .msr\\:transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n }\n .msr\\:transition-none {\n transition-property: none;\n }\n .msr\\:duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n }\n .msr\\:ease-\\[ease\\] {\n --tw-ease: ease;\n transition-timing-function: ease;\n }\n .msr\\:outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n .msr\\:select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n @media (hover: hover) {\n .msr\\:group-hover\\:border-ink-200:is(:where(.msr\\:group):hover *) {\n border-color: var(--msr-color-ink-200);\n }\n }\n .msr\\:focus-within\\:rounded-l-\\[5px\\]:focus-within {\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n }\n .msr\\:focus-within\\:rounded-r-\\[5px\\]:focus-within {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n }\n .msr\\:focus-within\\:outline:focus-within {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .msr\\:focus-within\\:outline-1:focus-within {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .msr\\:focus-within\\:outline-offset-\\[-1px\\]:focus-within {\n outline-offset: -1px;\n }\n .msr\\:focus-within\\:outline-\\[\\#0d99ff\\]:focus-within {\n outline-color: #0d99ff;\n }\n .msr\\:focus-within\\:outline-\\[var\\(--msr-accent\\)\\]:focus-within {\n outline-color: var(--msr-accent);\n }\n @media (hover: hover) {\n .msr\\:hover\\:border-ink-200:hover {\n border-color: var(--msr-color-ink-200);\n }\n .msr\\:hover\\:bg-\\[\\#0d99ff\\]:hover {\n background-color: #0d99ff;\n }\n .msr\\:hover\\:bg-black\\/4:hover {\n background-color: var(--msr-color-black);\n }\n @supports (color: color-mix(in lab, red, red)) {\n .msr\\:hover\\:bg-black\\/4:hover {\n background-color: color-mix(in oklab, var(--msr-color-black) 4%, transparent);\n }\n }\n .msr\\:hover\\:bg-black\\/10:hover {\n background-color: var(--msr-color-black);\n }\n @supports (color: color-mix(in lab, red, red)) {\n .msr\\:hover\\:bg-black\\/10:hover {\n background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n }\n }\n .msr\\:hover\\:bg-ink-50:hover {\n background-color: var(--msr-color-ink-50);\n }\n .msr\\:hover\\:bg-red-50:hover {\n background-color: var(--msr-color-red-50);\n }\n .msr\\:hover\\:bg-white:hover {\n background-color: var(--msr-color-white);\n }\n .msr\\:hover\\:text-ink-700:hover {\n color: var(--msr-color-ink-700);\n }\n .msr\\:hover\\:text-ink-900:hover {\n color: var(--msr-color-ink-900);\n }\n .msr\\:hover\\:text-white:hover {\n color: var(--msr-color-white);\n }\n .msr\\:hover\\:underline:hover {\n text-decoration-line: underline;\n }\n }\n .msr\\:focus\\:border-\\[\\#0d99ff\\]:focus {\n border-color: #0d99ff;\n }\n .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus {\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_var\\(--msr-accent\\)\\]:focus {\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--msr-accent));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n .msr\\:focus-visible\\:border-\\[\\#0d99ff\\]:focus-visible {\n border-color: #0d99ff;\n }\n .msr\\:focus-visible\\:bg-\\[\\#0d99ff\\]:focus-visible {\n background-color: #0d99ff;\n }\n .msr\\:focus-visible\\:bg-black\\/4:focus-visible {\n background-color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-black) 4%, transparent);\n }\n }\n .msr\\:focus-visible\\:text-white:focus-visible {\n color: var(--msr-color-white);\n }\n .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus-visible {\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#ef4444\\]:focus-visible {\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ef4444);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:focus-visible\\:ring-1:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:focus-visible\\:ring-\\[\\#0d99ff\\]\\/25:focus-visible {\n --tw-ring-color: color-mix(in oklab, #0d99ff 25%, transparent);\n }\n .msr\\:focus-visible\\:ring-\\[var\\(--msr-accent\\)\\]\\/25:focus-visible {\n --tw-ring-color: var(--msr-accent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--msr-accent) 25%, transparent);\n }\n }\n .msr\\:focus-visible\\:outline-none:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n .msr\\:disabled\\:cursor-default:disabled {\n cursor: default;\n }\n .msr\\:disabled\\:opacity-40:disabled {\n opacity: 40%;\n }\n .msr\\:disabled\\:opacity-45:disabled {\n opacity: 45%;\n }\n @media (prefers-reduced-motion: reduce) {\n .msr\\:motion-reduce\\:transition-none {\n transition-property: none;\n }\n }\n}\n:root, :host {\n --color-ink-50: #f8fafc;\n --color-ink-200: #e2e8f0;\n --color-ink-500: #64748b;\n --color-ink-700: #334155;\n --color-ink-900: #0f172a;\n}\n:host {\n all: initial;\n display: block;\n color-scheme: light;\n color: #0f172a;\n font-family: ui-sans-serif, system-ui, sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 1.5;\n letter-spacing: normal;\n direction: ltr;\n --msr-spacing: 4px;\n}\n*, *::before, *::after {\n box-sizing: border-box;\n}\n@layer base {\n *, ::before, ::after, ::backdrop {\n --tw-border-style: solid;\n --tw-outline-style: solid;\n --tw-shadow: 0 0 #0000;\n --tw-inset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n }\n button, input, select, textarea {\n appearance: none;\n background-color: transparent;\n padding: 0;\n font: inherit;\n color: inherit;\n letter-spacing: inherit;\n }\n}\n.mesurer-toolbar-surface {\n box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.18), 0 3px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n.mesurer-menu-surface {\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n}\n.mesurer-color-picker {\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n.mesurer-settings-tabs {\n box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);\n}\n.mesurer-settings-tab[aria-selected=\"true\"] {\n box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12);\n}\n.mesurer-switch-track {\n box-sizing: border-box;\n border: 1px solid #e2e8f0;\n}\n.mesurer-switch-track[data-checked=\"true\"] {\n border-color: #0d99ff;\n}\n.mesurer-control-shell {\n border: 1px solid transparent;\n}\n.mesurer-control-shell:hover {\n border-color: #e2e8f0;\n}\n.mesurer-control-focus:focus-within {\n outline: 1px solid #0d99ff;\n outline-offset: -1px;\n}\n.mesurer-root {\n --msr-spacing: 4px;\n}\n[data-mesurer-context-root=\"true\"] :where(*) {\n all: revert-layer;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-trigger=\"true\"] {\n appearance: none !important;\n box-sizing: border-box !important;\n display: flex !important;\n width: 24px !important;\n height: 24px !important;\n min-width: 24px !important;\n min-height: 24px !important;\n max-width: 24px !important;\n max-height: 24px !important;\n margin: 0 !important;\n padding: 0 !important;\n align-items: center !important;\n justify-content: center !important;\n border: 1px solid var(--msr-color-ink-200, #e2e8f0) !important;\n border-radius: 7px !important;\n background: var(--msr-surface, #fff) !important;\n color: var(--msr-content, #0f172a) !important;\n opacity: 1 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-trigger=\"true\"]:hover {\n background: var(--msr-content, #0f172a) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background: color-mix(in srgb, var(--msr-content, #0f172a) 6%, var(--msr-surface, #fff)) !important;\n }\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-trigger=\"true\"]:focus-visible {\n border-color: #0d99ff !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-marker=\"true\"] {\n appearance: none !important;\n box-sizing: border-box !important;\n display: flex !important;\n width: 24px !important;\n height: 24px !important;\n min-width: 24px !important;\n min-height: 24px !important;\n max-width: 24px !important;\n max-height: 24px !important;\n margin: 0 !important;\n padding: 0 !important;\n align-items: center !important;\n justify-content: center !important;\n border: 0 !important;\n border-radius: 0 !important;\n background: transparent !important;\n}\n[data-mesurer-context-root=\"true\"] :is( [data-mesurer-annotation-composer=\"true\"], [data-mesurer-annotation-panel=\"true\"] ) {\n box-shadow: var(--msr-shadow-floating, 0 10px 30px rgba(0, 0, 0, 0.08));\n}\n[data-mesurer-context-root=\"true\"] :is( [data-mesurer-annotation-trigger=\"true\"], [data-mesurer-annotation-composer=\"true\"], [data-mesurer-annotation-panel=\"true\"] ) svg {\n display: block !important;\n width: 14px !important;\n height: 14px !important;\n min-width: 14px !important;\n min-height: 14px !important;\n visibility: visible !important;\n opacity: 1 !important;\n fill: currentColor !important;\n color: inherit !important;\n flex-shrink: 0 !important;\n}\n[data-mesurer-context-root=\"true\"] :is( [data-mesurer-annotation-trigger=\"true\"], [data-mesurer-annotation-composer=\"true\"], [data-mesurer-annotation-panel=\"true\"] ) svg path {\n fill: currentColor !important;\n stroke: none !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-send=\"true\"] {\n appearance: none !important;\n box-sizing: border-box !important;\n display: flex !important;\n width: 24px !important;\n height: 24px !important;\n min-width: 24px !important;\n min-height: 24px !important;\n margin: 0 !important;\n padding: 0 !important;\n align-items: center !important;\n justify-content: center !important;\n border: 0 !important;\n border-radius: 9999px !important;\n background: #0d99ff !important;\n color: #fff !important;\n opacity: 1 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-send=\"true\"]:disabled {\n opacity: 0.4 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-composer=\"true\"] .mesurer-send-icon {\n width: 16px !important;\n height: 16px !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-composer=\"true\"] .mesurer-send-icon path {\n fill: none !important;\n stroke: currentColor !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-composer=\"true\"] textarea {\n box-sizing: border-box !important;\n min-height: 34px !important;\n max-height: 128px !important;\n resize: none !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"box\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n position: absolute !important;\n left: calc(anchor(left) + var(--mesurer-nested-scroll-x, 0px)) !important;\n top: calc(anchor(top) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"label\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n position: absolute !important;\n left: calc(anchor(center) + var(--mesurer-nested-scroll-x, 0px)) !important;\n top: calc(anchor(bottom) + 2px + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n position: absolute !important;\n left: calc(anchor(left) + var(--mesurer-native-anchor-x, 0px) + var(--mesurer-nested-scroll-x, 0px)) !important;\n top: calc(anchor(top) + var(--mesurer-native-anchor-y, 0px) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\n[data-mesurer-text-edit-ring=\"true\"], [data-mesurer-text-selection-highlight=\"true\"], [data-mesurer-text-caret=\"true\"] {\n z-index: 2147482900 !important;\n}\n[data-mesurer-text-inspector-placement-shell=\"true\"], .mesurer-ti-card {\n z-index: 2147483647 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-scroll-mode=\"document\"] {\n position: absolute !important;\n}\n[data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n position: fixed !important;\n}\n[data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"][data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n position: fixed !important;\n}\n[data-mesurer-annotation-badge=\"true\"] {\n width: 20px !important;\n height: 20px !important;\n transform: none !important;\n transition: width 150ms ease, height 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease !important;\n}\n[data-mesurer-annotation-marker=\"true\"][data-mesurer-annotation-highlighted=\"true\"] > [data-mesurer-annotation-badge=\"true\"] {\n width: 24px !important;\n height: 24px !important;\n}\n[data-mesurer-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"], [data-mesurer-context-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"] {\n display: none !important;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] {\n grid-template-columns: minmax(0, 1fr) auto;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] > span:first-child {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n[data-mesurer-plugin-settings-disclosure=\"plugins\"] {\n width: calc(100% + 16px);\n margin-inline: -8px;\n}\n.mesurer-solid-root {\n position: fixed;\n inset: 0;\n z-index: 2147483000;\n pointer-events: none;\n --msr-spacing: 4px;\n}\n.mesurer-solid-root [role=\"slider\"] {\n border: 0;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"] [data-mesurer-distance-hover-target=\"true\"] {\n opacity: 1 !important;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"x\"]:hover) [data-mesurer-distance-line^=\"vertical\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"y\"]:hover) [data-mesurer-distance-line^=\"horizontal\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis]:hover) [data-mesurer-distance-connector=\"true\"], [data-mesurer-spacing-paint=\"true\"][data-mesurer-distance-active=\"true\"][data-mesurer-spacing-hover-axis] [data-mesurer-distance-connector=\"true\"] {\n opacity: 0.16 !important;\n}\n[data-mesurer-spacing-paint=\"true\"][data-mesurer-distance-active=\"true\"][data-mesurer-spacing-hover-axis=\"x\"] [data-mesurer-distance-line^=\"vertical\"], [data-mesurer-spacing-paint=\"true\"][data-mesurer-distance-active=\"true\"][data-mesurer-spacing-hover-axis=\"y\"] [data-mesurer-distance-line^=\"horizontal\"] {\n opacity: 0.16 !important;\n}\nbody.mesurer-solid-xray * {\n outline: solid 1px blue !important;\n}\nbody.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesurer-root] *, body.mesurer-solid-xray [data-mesurer-inspector-ui], body.mesurer-solid-xray [data-mesurer-inspector-ui] *, body.mesurer-solid-xray .mesurer-toolbar-surface, body.mesurer-solid-xray .mesurer-toolbar-surface *, body.mesurer-solid-xray .mesurer-ti-box, body.mesurer-solid-xray .mesurer-ti-card, body.mesurer-solid-xray .mesurer-ti-card *, body.mesurer-solid-xray .mesurer-ti-close {\n outline: none !important;\n}\n[data-mesurer-toolbar=\"true\"] div:has(> [data-mesurer-toolbar-compact-item]) {\n transition: padding-inline 150ms ease;\n}\n[data-mesurer-toolbar=\"true\"][data-mesurer-toolbar-compact=\"true\"] div:has(> [data-mesurer-toolbar-compact-item]):not(:has(> [data-mesurer-toolbar-compact-item][data-visible=\"true\"])) {\n padding-inline: 0;\n}\n[data-mesurer-selected-measurement=\"true\"]:has(> [data-mesurer-native-scroll-anchor=\"box\"]) {\n display: contents !important;\n}\n@media (prefers-reduced-motion: reduce) {\n [data-mesurer-toolbar=\"true\"] div:has(> [data-mesurer-toolbar-compact-item]) {\n transition: none;\n }\n [data-mesurer-annotation-badge=\"true\"] {\n transition: none !important;\n }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) {\n --msr-accent: #0d99ff;\n --msr-surface: #fff;\n --msr-surface-raised: #fff;\n --msr-surface-muted: #f8fafc;\n --msr-content: #18181b;\n --msr-color-white: #fff;\n --msr-color-black: #000;\n --msr-color-ink-50: #f8fafc;\n --msr-color-ink-100: #f1f5f9;\n --msr-color-ink-200: #e2e8f0;\n --msr-color-ink-300: #cbd5e1;\n --msr-color-ink-500: #64748b;\n --msr-color-ink-700: #334155;\n --msr-color-ink-900: #18181b;\n --color-ink-50: var(--msr-color-ink-50);\n --color-ink-100: var(--msr-color-ink-100);\n --color-ink-200: var(--msr-color-ink-200);\n --color-ink-300: var(--msr-color-ink-300);\n --color-ink-500: var(--msr-color-ink-500);\n --color-ink-700: var(--msr-color-ink-700);\n --color-ink-900: var(--msr-color-ink-900);\n --msr-danger-bg: #fef2f2;\n --msr-danger-border: #fecaca;\n --msr-danger-text: #dc2626;\n --msr-danger-solid-bg: #dc2626;\n --msr-danger-solid-hover: #b91c1c;\n --msr-danger-solid-text: #fff;\n --color-red-50: var(--msr-danger-bg);\n --color-red-200: var(--msr-danger-border);\n --color-red-600: var(--msr-danger-text);\n --color-red-700: #b91c1c;\n --msr-control-thumb: #fff;\n --msr-slider-track: rgba(15, 23, 42, 0.16);\n --msr-shadow-toolbar: 0 0 0.4px rgba(0, 0, 0, 0.22),\n 0 6px 18px rgba(0, 0, 0, 0.03),\n 0 3px 9px rgba(0, 0, 0, 0.06),\n 0 1px 1px rgba(0, 0, 0, 0.06);\n --msr-shadow-floating: 0 0 0.4px rgba(0, 0, 0, 0.22),\n 0 6px 18px rgba(0, 0, 0, 0.03),\n 0 3px 9px rgba(0, 0, 0, 0.06),\n 0 1px 1px rgba(0, 0, 0, 0.06);\n --msr-shadow-select-menu: var(--msr-shadow-floating);\n color: var(--msr-content);\n color-scheme: light;\n}\n:where( [data-mesurer-root=\"true\"][data-theme=\"dark\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"dark\"] ) {\n --msr-accent: #0c8ce9;\n --msr-surface: #323232;\n --msr-surface-raised: #3a3a3a;\n --msr-surface-muted: #3a3a3a;\n --msr-content: #f5f5f5;\n --msr-color-white: #f5f5f5;\n --msr-color-black: #171717;\n --msr-color-ink-50: #3a3a3a;\n --msr-color-ink-100: #414141;\n --msr-color-ink-200: #4a4a4a;\n --msr-color-ink-300: #5a5a5a;\n --msr-color-ink-500: #a0a0a0;\n --msr-color-ink-700: #dedede;\n --msr-color-ink-900: #f5f5f5;\n --msr-danger-bg: #3f2020;\n --msr-danger-border: #7f3f46;\n --msr-danger-text: #f87171;\n --msr-danger-solid-bg: #c95058;\n --msr-danger-solid-hover: #b7424b;\n --msr-danger-solid-text: #f5f5f5;\n --color-red-700: #fca5a5;\n --msr-control-thumb: #f4f4f5;\n --msr-slider-track: rgba(245, 245, 245, 0.24);\n --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n 0 3px 8px lch(0% 0 0 / 0.125),\n 0 2px 5px lch(0% 0 0 / 0.125),\n 0 1px 1px lch(0% 0 0 / 0.125);\n --msr-shadow-floating: 0 0 0.4px lch(100% 0 0 / 0.10),\n 0 3px 8px lch(0% 0 0 / 0.125),\n 0 2px 5px lch(0% 0 0 / 0.125),\n 0 1px 1px lch(0% 0 0 / 0.125);\n --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n 0 4px 12px lch(0% 0 0 / 0.22),\n 0 1px 3px lch(0% 0 0 / 0.18);\n color-scheme: dark;\n}\n@media (prefers-color-scheme: dark) {\n :where( [data-mesurer-root=\"true\"][data-theme=\"system\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"system\"] ) {\n --msr-accent: #0c8ce9;\n --msr-surface: #323232;\n --msr-surface-raised: #3a3a3a;\n --msr-surface-muted: #3a3a3a;\n --msr-content: #f5f5f5;\n --msr-color-white: #f5f5f5;\n --msr-color-black: #171717;\n --msr-color-ink-50: #3a3a3a;\n --msr-color-ink-100: #414141;\n --msr-color-ink-200: #4a4a4a;\n --msr-color-ink-300: #5a5a5a;\n --msr-color-ink-500: #a0a0a0;\n --msr-color-ink-700: #dedede;\n --msr-color-ink-900: #f5f5f5;\n --msr-danger-bg: #3f2020;\n --msr-danger-border: #7f3f46;\n --msr-danger-text: #f87171;\n --msr-danger-solid-bg: #c95058;\n --msr-danger-solid-hover: #b7424b;\n --msr-danger-solid-text: #f5f5f5;\n --color-red-700: #fca5a5;\n --msr-control-thumb: #f4f4f5;\n --msr-slider-track: rgba(245, 245, 245, 0.24);\n --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n 0 3px 8px lch(0% 0 0 / 0.125),\n 0 2px 5px lch(0% 0 0 / 0.125),\n 0 1px 1px lch(0% 0 0 / 0.125);\n --msr-shadow-floating: 0 0 0.4px lch(100% 0 0 / 0.10),\n 0 3px 8px lch(0% 0 0 / 0.125),\n 0 2px 5px lch(0% 0 0 / 0.125),\n 0 1px 1px lch(0% 0 0 / 0.125);\n --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n 0 4px 12px lch(0% 0 0 / 0.22),\n 0 1px 3px lch(0% 0 0 / 0.18);\n color-scheme: dark;\n }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-white\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#fff]\"] {\n background-color: var(--msr-surface) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-black\"] {\n color: var(--msr-content) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/4\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/5\"]:hover {\n background-color: var(--msr-content) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in srgb, var(--msr-content) 6%, transparent) !important;\n }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is(.mesurer-menu-surface, .mesurer-color-picker) {\n border-radius: 9px;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-toolbar-surface {\n background-color: var(--msr-surface) !important;\n box-shadow: var(--msr-shadow-toolbar) !important;\n color: var(--msr-content);\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is( .mesurer-menu-surface, .mesurer-color-picker, .mesurer-ti-card, [data-mesurer-text-inspector-info=\"true\"], [data-mesurer-annotation-panel=\"true\"], [data-mesurer-annotation-composer=\"true\"] ) {\n background-color: var(--msr-surface-raised) !important;\n color: var(--msr-content) !important;\n box-shadow: var(--msr-shadow-floating) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track[data-checked=\"false\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-control-shell {\n background-color: var(--msr-surface-muted) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track > span {\n background-color: var(--msr-control-thumb) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is(.mesurer-settings-select, .mesurer-settings-select-menu) {\n background-color: var(--msr-surface-raised) !important;\n border-color: var(--msr-color-ink-200) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-mesurer-rulers=\"true\"] {\n color: var(--msr-color-ink-500) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-container=\"true\"] > div:first-child {\n background-color: var(--msr-slider-track) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#0d99ff]\"] {\n background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:border-[#0d99ff]\"] {\n border-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-[#0d99ff]\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:focus-visible:bg-[#0d99ff]\"]:focus-visible {\n background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-white\"] {\n color: var(--msr-color-white) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-thumb=\"true\"]:focus-visible {\n box-shadow: 0 0 0 1px var(--msr-accent) !important;\n @supports (color: color-mix(in lab, red, red)) {\n box-shadow: 0 0 0 1px color-mix(in srgb, var(--msr-accent) 25%, transparent) !important;\n }\n}\n:where([data-mesurer-root=\"true\"], [data-mesurer-inspector-ui=\"true\"]) {\n --msr-radius-control: 5px;\n}\n@layer utilities {\n .msr\\:rounded-control {\n border-radius: var(--msr-radius-control);\n }\n}\n.mesurer-thin-scrollbar {\n scrollbar-width: thin;\n scrollbar-color: var(--msr-color-ink-200) transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-thumb {\n background: var(--msr-color-ink-200);\n border-radius: var(--msr-radius-control);\n}\n.mesurer-thin-scrollbar:hover {\n scrollbar-color: var(--msr-color-ink-300) transparent;\n}\n.mesurer-thin-scrollbar:hover::-webkit-scrollbar-thumb {\n background: var(--msr-color-ink-300);\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-corner {\n background: transparent;\n}\n.mesurer-toolbar-mode-switch[data-compact=\"true\"][data-value=\"select\"] [data-mesurer-toolbar-edit-control=\"true\"], .mesurer-toolbar-mode-switch[data-compact=\"true\"][data-value=\"edit\"] [data-mesurer-toolbar-mode-select-control=\"true\"], .mesurer-toolbar-mode-switch[data-compact=\"true\"] [data-mesurer-tool-menu-trigger] {\n display: none;\n}\n.mesurer-toolbar-mode-switch[data-compact=\"true\"][data-value=\"edit\"] .mesurer-toolbar-mode-switch-pill {\n transform: translateX(0);\n}\n.mesurer-toolbar-mode-switch {\n position: relative;\n z-index: 1;\n isolation: isolate;\n border-radius: 5px;\n background: transparent;\n}\n.mesurer-toolbar-mode-switch-pill {\n position: absolute;\n top: 2px;\n left: 2px;\n z-index: 0;\n width: 28px;\n height: 28px;\n border-radius: 3px;\n background: var(--msr-color-ink-200, #e2e8f0);\n transform: translateX(0);\n}\n.mesurer-toolbar-mode-switch[data-value=\"edit\"] .mesurer-toolbar-mode-switch-pill {\n transform: translateX(30px);\n}\n.mesurer-toolbar-mode-switch > :not(.mesurer-toolbar-mode-switch-pill) {\n position: relative;\n z-index: 1;\n}\n.mesurer-toolbar-mode-button {\n display: flex;\n width: 28px;\n height: 28px;\n align-items: center;\n justify-content: center;\n border-radius: 3px;\n color: var(--msr-color-ink-700, #334155);\n outline: none;\n}\n.mesurer-toolbar-mode-button[aria-pressed=\"true\"] {\n color: var(--msr-color-ink-900, #18181b);\n}\n.mesurer-toolbar-mode-button[aria-pressed=\"false\"]:not(:disabled):hover {\n background: var(--msr-color-ink-200, #e2e8f0);\n @supports (color: color-mix(in lab, red, red)) {\n background: color-mix(in srgb, var(--msr-color-ink-200, #e2e8f0) 50%, transparent);\n }\n}\n.mesurer-toolbar-mode-button:focus-visible {\n outline: 1px solid var(--msr-color-ink-500, #64748b);\n outline-offset: 1px;\n}\n.mesurer-toolbar-mode-button:disabled {\n cursor: default;\n opacity: 0.35;\n}\n.mesurer-toolbar-mode-stage {\n --msr-select-mode-w: 0px;\n --msr-edit-mode-w: 0px;\n position: relative;\n flex: none;\n width: var(--msr-select-mode-w);\n overflow: visible;\n}\n.mesurer-toolbar-mode-stage[data-mode=\"edit\"] {\n width: var(--msr-edit-mode-w);\n}\n.mesurer-toolbar-mode-track {\n display: flex;\n width: max-content;\n align-items: stretch;\n transform: translateX(0);\n}\n.mesurer-toolbar-mode-stage[data-mode=\"edit\"] .mesurer-toolbar-mode-track {\n transform: translateX(calc(-1 * var(--msr-select-mode-w)));\n}\n.mesurer-toolbar-mode-slot {\n flex: none;\n width: var(--msr-select-mode-w);\n}\n.mesurer-toolbar-mode-slot[data-mode=\"edit\"] {\n width: var(--msr-edit-mode-w);\n}\n.mesurer-toolbar-mode-panel {\n display: flex;\n width: max-content;\n align-items: stretch;\n}\n.mesurer-toolbar-mode-slot[data-open=\"false\"] {\n visibility: hidden;\n pointer-events: none;\n}\n.mesurer-toolbar-mode-stage[data-mode-motion=\"true\"] {\n overflow: hidden;\n}\n.mesurer-toolbar-mode-stage[data-mode-motion=\"true\"] .mesurer-toolbar-mode-slot[data-open=\"false\"] {\n visibility: visible;\n}\n.mesurer-toolbar-mode-stage:has( .mesurer-toolbar-mode-slot[data-open=\"true\"] [role=\"menu\"], .mesurer-toolbar-mode-slot[data-open=\"true\"] [role=\"dialog\"] ) {\n overflow: visible;\n}\n.mesurer-toolbar-mode-stage[data-ready=\"true\"], .mesurer-toolbar-mode-stage[data-ready=\"true\"] .mesurer-toolbar-mode-track {\n transition-duration: 150ms;\n transition-timing-function: ease;\n}\n.mesurer-toolbar-mode-stage[data-ready=\"true\"] {\n transition-property: width;\n}\n.mesurer-toolbar-mode-stage[data-compact-motion=\"true\"] {\n transition-property: none;\n}\n.mesurer-toolbar-mode-stage[data-ready=\"true\"] .mesurer-toolbar-mode-track {\n transition-property: transform;\n}\n.mesurer-toolbar-mode-switch {\n --msr-toolbar-mode-motion: 150ms ease;\n}\n.mesurer-toolbar-mode-switch-pill {\n transition: transform var(--msr-toolbar-mode-motion);\n}\n@media (prefers-reduced-motion: reduce) {\n .mesurer-toolbar-mode-stage, .mesurer-toolbar-mode-track, .mesurer-toolbar-mode-switch-pill {\n transition: none !important;\n }\n}\n[data-mesurer-root=\"true\"][data-mesurer-recording-active] [data-mesurer-motion-surface=\"true\"] {\n display: none !important;\n}\n.mesurer-toolbar-zone {\n position: fixed;\n pointer-events: none;\n border-radius: 9px;\n box-sizing: border-box;\n border: 1px dashed rgb(15 15 20 / 6%);\n outline: 1px dashed rgb(255 255 255 / 7%);\n outline-offset: -2px;\n background: rgb(15 15 20 / 1%);\n animation: mesurer-toolbar-zone-in 180ms ease-out both;\n}\n.mesurer-toolbar-zone[data-active=\"true\"] {\n border-color: rgb(15 15 20 / 14%);\n background: rgb(15 15 20 / 3.5%);\n}\n@keyframes mesurer-toolbar-zone-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] {\n flex-direction: column;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] > div:not([role=\"dialog\"]), [data-mesurer-toolbar][data-orientation=\"vertical\"] [role=\"group\"], [data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-panel, [data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-track, [data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-compact-item] {\n flex-direction: column;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [role=\"group\"] {\n padding: 2px 4px;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-compact-item] {\n max-width: none;\n padding: 2px 0;\n transition-property: max-height, opacity, transform, padding;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-compact-item][data-visible=\"false\"] {\n max-height: 0;\n padding: 0;\n transform: translateY(-4px);\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-compact-item][data-visible=\"true\"] {\n max-height: 80px;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-divider] {\n width: auto;\n height: 1px;\n transition-property: height, opacity;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-divider].msr\\:opacity-0 {\n height: 0;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-stage, [data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-slot {\n width: auto;\n height: var(--msr-select-mode-h, auto);\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-stage[data-mode=\"edit\"], [data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-slot[data-mode=\"edit\"] {\n height: var(--msr-edit-mode-h, auto);\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-stage {\n transition-property: height;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-track {\n width: auto;\n height: max-content;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-panel {\n width: auto;\n height: max-content;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-stage[data-mode=\"edit\"] .mesurer-toolbar-mode-track {\n transform: translateY(calc(-1 * var(--msr-select-mode-h)));\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-switch[data-value=\"edit\"] .mesurer-toolbar-mode-switch-pill {\n transform: translateY(30px);\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-switch[data-compact=\"true\"] .mesurer-toolbar-mode-switch-pill {\n transform: none;\n}\n[data-mesurer-toolbar][data-dock-edge] {\n transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n[data-mesurer-toolbar][data-tucked=\"true\"]:is(:not(:hover), [data-tuck-locked=\"true\"])[data-dock-edge=\"top\"] {\n transform: translateX(var(--msr-tuck-safe-offset, 0px)) translateY(calc(-100% - 10px));\n}\n[data-mesurer-toolbar][data-tucked=\"true\"]:is(:not(:hover), [data-tuck-locked=\"true\"])[data-dock-edge=\"bottom\"] {\n transform: translateY(calc(100% + 10px));\n}\n[data-mesurer-toolbar][data-tucked=\"true\"]:is(:not(:hover), [data-tuck-locked=\"true\"])[data-dock-edge=\"left\"] {\n transform: translateX(calc(-100% - 10px));\n}\n[data-mesurer-toolbar][data-tucked=\"true\"]:is(:not(:hover), [data-tuck-locked=\"true\"])[data-dock-edge=\"right\"] {\n transform: translateX(calc(100% + 10px));\n}\n[data-mesurer-toolbar] [role=\"tooltip\"][data-tooltip-side=\"left\"], [data-mesurer-toolbar] [role=\"tooltip\"][data-tooltip-side=\"right\"] {\n top: 50%;\n bottom: auto;\n margin: 0;\n translate: none;\n transform: translateY(-50%);\n}\n[data-mesurer-toolbar] [role=\"tooltip\"][data-tooltip-side=\"left\"] {\n left: auto;\n right: calc(100% + 14px);\n}\n[data-mesurer-toolbar] [role=\"tooltip\"][data-tooltip-side=\"right\"] {\n left: calc(100% + 14px);\n right: auto;\n}\n@media (prefers-reduced-motion: reduce) {\n [data-mesurer-toolbar][data-dock-edge] {\n transition: none !important;\n }\n .mesurer-toolbar-zone {\n animation: none;\n }\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ordinal {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-slashed-zero {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-figure {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-spacing {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-fraction {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ease {\n syntax: \"*\";\n inherits: false;\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-ordinal: initial;\n --tw-slashed-zero: initial;\n --tw-numeric-figure: initial;\n --tw-numeric-spacing: initial;\n --tw-numeric-fraction: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-duration: initial;\n --tw-ease: initial;\n }\n }\n}\n", Fo = "--mesurer-nested-scroll-x", Io = "--mesurer-nested-scroll-y", Lo = (e, t, n, r = {}) => {
|
|
3078
|
-
let i = e, a = /* @__PURE__ */ new Map(), o = t.ownerDocument, s = r.trackWindow === !0, c = (e) => {
|
|
3079
|
-
if (e.parentElement) return e.parentElement;
|
|
3080
|
-
let t = e.getRootNode();
|
|
3081
|
-
return t instanceof i.ShadowRoot ? t.host : null;
|
|
3082
|
-
}, l = c(t);
|
|
3083
|
-
for (; l;) l instanceof i.HTMLElement && l !== o.body && l !== o.documentElement && a.set(l, {
|
|
3084
|
-
left: l.scrollLeft,
|
|
3085
|
-
top: l.scrollTop
|
|
3086
|
-
}), l = c(l);
|
|
3087
|
-
let u = {
|
|
3088
|
-
left: e.scrollX,
|
|
3089
|
-
top: e.scrollY
|
|
3090
|
-
}, d = 0, f = 0, p = !1, m = () => {
|
|
3091
|
-
let e = /* @__PURE__ */ new Set();
|
|
3092
|
-
for (let t of n()) t?.isConnected && e.add(t);
|
|
3093
|
-
return e;
|
|
3094
|
-
}, h = (e, t, n) => {
|
|
3095
|
-
let r = e.style.getPropertyValue(t);
|
|
3096
|
-
if (n === 0) {
|
|
3097
|
-
r && e.style.removeProperty(t);
|
|
3098
|
-
return;
|
|
3099
|
-
}
|
|
3100
|
-
let i = `${n}px`;
|
|
3101
|
-
r !== i && e.style.setProperty(t, i);
|
|
3102
|
-
}, g = () => {
|
|
3103
|
-
if (!p) for (let e of m()) e.dataset.mesurerNestedScrollCompensation !== "true" && (e.dataset.mesurerNestedScrollCompensation = "true"), h(e, Fo, d), h(e, Io, f);
|
|
3104
|
-
}, _ = (e, t, n) => {
|
|
3105
|
-
let r = t - e.left, i = n - e.top;
|
|
3106
|
-
return r === 0 && i === 0 ? !1 : (e.left = t, e.top = n, d -= r, f -= i, !0);
|
|
3107
|
-
}, v = (e) => {
|
|
3108
|
-
if (p || !(e.currentTarget instanceof i.HTMLElement)) return;
|
|
3109
|
-
let t = e.currentTarget, n = a.get(t);
|
|
3110
|
-
!n || !_(n, t.scrollLeft, t.scrollTop) || g();
|
|
3111
|
-
}, y = () => {
|
|
3112
|
-
p || !s || !_(u, e.scrollX, e.scrollY) || g();
|
|
3113
|
-
};
|
|
3114
|
-
for (let e of a.keys()) e.addEventListener("scroll", v, {
|
|
3115
|
-
capture: !0,
|
|
3116
|
-
passive: !0
|
|
3117
|
-
});
|
|
3118
|
-
return s && e.addEventListener("scroll", y, {
|
|
3119
|
-
capture: !0,
|
|
3120
|
-
passive: !0
|
|
3121
|
-
}), g(), {
|
|
3122
|
-
sync: g,
|
|
3123
|
-
rebase() {
|
|
3124
|
-
if (!p) {
|
|
3125
|
-
for (let [e, t] of a) t.left = e.scrollLeft, t.top = e.scrollTop;
|
|
3126
|
-
u = {
|
|
3127
|
-
left: e.scrollX,
|
|
3128
|
-
top: e.scrollY
|
|
3129
|
-
}, d = 0, f = 0, g();
|
|
3130
|
-
}
|
|
3131
|
-
},
|
|
3132
|
-
release() {
|
|
3133
|
-
if (!p) {
|
|
3134
|
-
p = !0, s && e.removeEventListener("scroll", y, !0);
|
|
3135
|
-
for (let e of a.keys()) e.removeEventListener("scroll", v, !0);
|
|
3136
|
-
for (let e of m()) delete e.dataset.mesurerNestedScrollCompensation, e.style.removeProperty(Fo), e.style.removeProperty(Io);
|
|
3137
|
-
a.clear();
|
|
3138
|
-
}
|
|
3139
|
-
}
|
|
3140
|
-
};
|
|
3141
|
-
}, Ro = (e, t) => {
|
|
3000
|
+
}, Co = (e, t) => {
|
|
3142
3001
|
let n = t.CSS;
|
|
3143
3002
|
return n?.escape ? n.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
|
|
3144
|
-
},
|
|
3145
|
-
function
|
|
3003
|
+
}, wo = (e) => (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 200) || null, To = (e) => e.nodeType === 9, Eo = (e) => e.nodeType === 11;
|
|
3004
|
+
function Do(e) {
|
|
3146
3005
|
let t = e.getBoundingClientRect();
|
|
3147
3006
|
return {
|
|
3148
3007
|
left: t.left,
|
|
@@ -3151,23 +3010,23 @@ function Ho(e) {
|
|
|
3151
3010
|
height: t.height
|
|
3152
3011
|
};
|
|
3153
3012
|
}
|
|
3154
|
-
function
|
|
3013
|
+
function Oo(e) {
|
|
3155
3014
|
let t = e.getRootNode();
|
|
3156
|
-
return
|
|
3015
|
+
return Eo(t) ? t : e.ownerDocument;
|
|
3157
3016
|
}
|
|
3158
|
-
var
|
|
3159
|
-
if (
|
|
3160
|
-
let n =
|
|
3161
|
-
return
|
|
3162
|
-
},
|
|
3017
|
+
var ko = (e, t) => {
|
|
3018
|
+
if (To(e) || Eo(e)) return e;
|
|
3019
|
+
let n = Oo(e);
|
|
3020
|
+
return Eo(n) ? n : t;
|
|
3021
|
+
}, Ao = 600, jo = "audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video", Mo = /* @__PURE__ */ new WeakMap(), No = (e) => {
|
|
3163
3022
|
let t = e;
|
|
3164
3023
|
for (; t;) {
|
|
3165
|
-
if ((
|
|
3024
|
+
if ((Mo.get(t) ?? 0) > 0) return !0;
|
|
3166
3025
|
let e = t.getRootNode();
|
|
3167
|
-
t =
|
|
3026
|
+
t = Eo(e) ? e.host : t.parentElement;
|
|
3168
3027
|
}
|
|
3169
3028
|
return !1;
|
|
3170
|
-
},
|
|
3029
|
+
}, Po = (e, t) => t.x >= e.left && t.x <= e.right && t.y >= e.top && t.y <= e.bottom, Fo = (e, t) => Array.from(e.getClientRects()).some((e) => Po(e, t)), Io = (e, t, n) => {
|
|
3171
3030
|
let r = e;
|
|
3172
3031
|
for (; r;) {
|
|
3173
3032
|
let e = n.getComputedStyle(r);
|
|
@@ -3176,7 +3035,7 @@ var Wo = (e, t) => {
|
|
|
3176
3035
|
r = r.parentElement;
|
|
3177
3036
|
}
|
|
3178
3037
|
return !0;
|
|
3179
|
-
},
|
|
3038
|
+
}, Lo = (e, t) => {
|
|
3180
3039
|
if (e.matches("img, picture, video, canvas, svg image, path, circle, ellipse, line, polygon, polyline, rect, text, use")) return !0;
|
|
3181
3040
|
let n = t.getComputedStyle(e), r = n.backgroundImage !== "none" || n.backgroundColor !== "transparent" && n.backgroundColor !== "rgba(0, 0, 0, 0)", i = [
|
|
3182
3041
|
"top",
|
|
@@ -3185,7 +3044,7 @@ var Wo = (e, t) => {
|
|
|
3185
3044
|
"left"
|
|
3186
3045
|
].some((e) => Number.parseFloat(n.getPropertyValue(`border-${e}-width`)) > 0 && n.getPropertyValue(`border-${e}-style`) !== "none");
|
|
3187
3046
|
return r || i || n.boxShadow !== "none" || n.outlineStyle !== "none";
|
|
3188
|
-
},
|
|
3047
|
+
}, Ro = (e, t) => !!e.textContent?.trim() || Lo(e, t), zo = (e, t, n) => {
|
|
3189
3048
|
let r = t, i = r.caretRangeFromPoint?.(e.x, e.y)?.startContainer ?? r.caretPositionFromPoint?.(e.x, e.y)?.offsetNode;
|
|
3190
3049
|
if (!i) return null;
|
|
3191
3050
|
let a = t.defaultView?.Element;
|
|
@@ -3196,11 +3055,11 @@ var Wo = (e, t) => {
|
|
|
3196
3055
|
o = o.parentElement;
|
|
3197
3056
|
}
|
|
3198
3057
|
return o === n ? n : null;
|
|
3199
|
-
},
|
|
3058
|
+
}, Bo = (e, t, n) => {
|
|
3200
3059
|
let r = n.defaultView, i = r?.Element;
|
|
3201
3060
|
if (!r || !i) return [];
|
|
3202
3061
|
let a = [], o = /* @__PURE__ */ new Set(), s = (n, i, s) => {
|
|
3203
|
-
if (o.has(n) ||
|
|
3062
|
+
if (o.has(n) || No(n) || r.getComputedStyle(n).pointerEvents !== "none" || Io(n, e, r) || !Fo(n, t)) return;
|
|
3204
3063
|
let c = n.getBoundingClientRect();
|
|
3205
3064
|
o.add(n), a.push({
|
|
3206
3065
|
element: n,
|
|
@@ -3209,7 +3068,7 @@ var Wo = (e, t) => {
|
|
|
3209
3068
|
order: s
|
|
3210
3069
|
});
|
|
3211
3070
|
}, c = n.createTreeWalker(e, 1), l = c.nextNode(), u = 1;
|
|
3212
|
-
for (; l && u <=
|
|
3071
|
+
for (; l && u <= Ao;) {
|
|
3213
3072
|
if (l instanceof i) {
|
|
3214
3073
|
let t = l;
|
|
3215
3074
|
if (r.getComputedStyle(t).pointerEvents === "none") {
|
|
@@ -3220,9 +3079,9 @@ var Wo = (e, t) => {
|
|
|
3220
3079
|
}
|
|
3221
3080
|
u += 1, l = c.nextNode();
|
|
3222
3081
|
}
|
|
3223
|
-
let d =
|
|
3082
|
+
let d = zo(t, n, e);
|
|
3224
3083
|
return d && r.getComputedStyle(d).pointerEvents === "none" && s(d, 1e4, u), a.sort((e, t) => t.depth - e.depth || e.area - t.area || t.order - e.order).map(({ element: e }) => e);
|
|
3225
|
-
},
|
|
3084
|
+
}, Vo = (e, t, n) => {
|
|
3226
3085
|
let r = t.ownerDocument.defaultView;
|
|
3227
3086
|
if (!r) return [];
|
|
3228
3087
|
let i = [...new Set(e)], a = /* @__PURE__ */ new Map();
|
|
@@ -3231,7 +3090,7 @@ var Wo = (e, t) => {
|
|
|
3231
3090
|
t && (a.set(e, e.getAttribute("style")), t.style.setProperty("pointer-events", "auto", "important"));
|
|
3232
3091
|
}
|
|
3233
3092
|
try {
|
|
3234
|
-
let e =
|
|
3093
|
+
let e = Oo(t).elementsFromPoint(n.x, n.y), r = e.findIndex((e) => e === t), a = new Map(e.map((e, t) => [e, t]));
|
|
3235
3094
|
return i.filter((e) => {
|
|
3236
3095
|
let t = a.get(e);
|
|
3237
3096
|
return t !== void 0 && (r < 0 || t < r);
|
|
@@ -3239,31 +3098,31 @@ var Wo = (e, t) => {
|
|
|
3239
3098
|
} finally {
|
|
3240
3099
|
for (let [e, t] of a) t === null ? e.removeAttribute("style") : e.setAttribute("style", t);
|
|
3241
3100
|
}
|
|
3242
|
-
},
|
|
3101
|
+
}, Ho = (e, t) => {
|
|
3243
3102
|
let n = e;
|
|
3244
3103
|
for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
|
|
3245
3104
|
return n.parentElement === t ? n : null;
|
|
3246
|
-
},
|
|
3105
|
+
}, Uo = (e, t, n, r) => {
|
|
3247
3106
|
let i = r.defaultView;
|
|
3248
3107
|
if (!i) return [];
|
|
3249
|
-
let a =
|
|
3108
|
+
let a = Vo(Bo(e, t, r).filter((e) => Ro(e, i)), e, t);
|
|
3250
3109
|
if (a.length > 0) return a;
|
|
3251
|
-
if (e.textContent?.trim() && !e.matches(
|
|
3252
|
-
let o = [], s = /* @__PURE__ */ new Set(), c = !
|
|
3110
|
+
if (e.textContent?.trim() && !e.matches(jo) || e.matches("a, button, input, select, textarea, label, summary, [contenteditable='true']")) return [];
|
|
3111
|
+
let o = [], s = /* @__PURE__ */ new Set(), c = !To(n) && !Eo(n) ? n : null, l = e.parentElement;
|
|
3253
3112
|
for (; l && l !== r.body && l !== r.documentElement && !(c && l !== c && !c.contains(l));) {
|
|
3254
|
-
let a = l, u =
|
|
3255
|
-
if (!
|
|
3256
|
-
let t =
|
|
3113
|
+
let a = l, u = Ho(e, a), d = Bo(a, t, r).filter((e) => {
|
|
3114
|
+
if (!Go(e, n) || e.closest("[aria-hidden='true'], [inert]")) return !1;
|
|
3115
|
+
let t = Ho(e, a);
|
|
3257
3116
|
return t === null || t !== u;
|
|
3258
3117
|
});
|
|
3259
|
-
for (let e of d) s.has(e) ||
|
|
3118
|
+
for (let e of d) s.has(e) || !Ro(e, i) || (s.add(e), o.push(e));
|
|
3260
3119
|
if (a === c) break;
|
|
3261
3120
|
l = a.parentElement;
|
|
3262
3121
|
}
|
|
3263
|
-
return
|
|
3122
|
+
return Vo(o, e, t);
|
|
3264
3123
|
};
|
|
3265
|
-
function
|
|
3266
|
-
let r =
|
|
3124
|
+
function Wo(e, t, n = To(t) ? t : t.ownerDocument ?? document) {
|
|
3125
|
+
let r = ko(t, n), i = n.defaultView;
|
|
3267
3126
|
if (!i) return null;
|
|
3268
3127
|
let a = r.elementsFromPoint(e.x, e.y);
|
|
3269
3128
|
for (let r of a) {
|
|
@@ -3273,28 +3132,28 @@ function as(e, t, n = Bo(t) ? t : t.ownerDocument ?? document) {
|
|
|
3273
3132
|
if (!t || t === a) break;
|
|
3274
3133
|
a = t;
|
|
3275
3134
|
}
|
|
3276
|
-
if (!a || !
|
|
3277
|
-
let o =
|
|
3135
|
+
if (!a || !Go(a, t)) continue;
|
|
3136
|
+
let o = Uo(a, e, t, n);
|
|
3278
3137
|
if (o.length > 0) return o[0];
|
|
3279
3138
|
if (i.getComputedStyle(a).pointerEvents !== "none") return a;
|
|
3280
3139
|
}
|
|
3281
3140
|
return null;
|
|
3282
3141
|
}
|
|
3283
|
-
function
|
|
3284
|
-
if (
|
|
3142
|
+
function Go(e, t) {
|
|
3143
|
+
if (To(t)) return !0;
|
|
3285
3144
|
let n = e;
|
|
3286
3145
|
for (; n;) {
|
|
3287
3146
|
if (t === n || t.contains(n)) return !0;
|
|
3288
3147
|
let e = n.getRootNode();
|
|
3289
|
-
if (!
|
|
3148
|
+
if (!Eo(e)) return !1;
|
|
3290
3149
|
n = e.host;
|
|
3291
3150
|
}
|
|
3292
3151
|
return !1;
|
|
3293
3152
|
}
|
|
3294
|
-
function
|
|
3153
|
+
function Ko(e, t) {
|
|
3295
3154
|
if (!e) return t();
|
|
3296
|
-
let n =
|
|
3297
|
-
|
|
3155
|
+
let n = Mo.get(e) ?? 0;
|
|
3156
|
+
Mo.set(e, n + 1);
|
|
3298
3157
|
let r = [e, ...e.querySelectorAll("*")], i = r.map((e) => [
|
|
3299
3158
|
e,
|
|
3300
3159
|
e.style.getPropertyValue("pointer-events"),
|
|
@@ -3304,13 +3163,13 @@ function ss(e, t) {
|
|
|
3304
3163
|
try {
|
|
3305
3164
|
return t();
|
|
3306
3165
|
} finally {
|
|
3307
|
-
n === 0 ?
|
|
3166
|
+
n === 0 ? Mo.delete(e) : Mo.set(e, n);
|
|
3308
3167
|
for (let [e, t, n] of i) t ? e.style.setProperty("pointer-events", t, n) : e.style.removeProperty("pointer-events");
|
|
3309
3168
|
}
|
|
3310
3169
|
}
|
|
3311
|
-
function
|
|
3170
|
+
function qo(e) {
|
|
3312
3171
|
let t = e.ownerDocument.defaultView ?? window;
|
|
3313
|
-
if (e.id) return `#${
|
|
3172
|
+
if (e.id) return `#${Co(e.id, t)}`;
|
|
3314
3173
|
let n = e.getAttribute("data-testid");
|
|
3315
3174
|
if (n) return `[data-testid=${JSON.stringify(n)}]`;
|
|
3316
3175
|
let r = [], i = e;
|
|
@@ -3324,7 +3183,7 @@ function cs(e) {
|
|
|
3324
3183
|
}
|
|
3325
3184
|
return r.join(" > ");
|
|
3326
3185
|
}
|
|
3327
|
-
function
|
|
3186
|
+
function Jo(e) {
|
|
3328
3187
|
return {
|
|
3329
3188
|
tag: e.localName,
|
|
3330
3189
|
id: e.id || null,
|
|
@@ -3332,52 +3191,52 @@ function ls(e) {
|
|
|
3332
3191
|
role: e.getAttribute("role"),
|
|
3333
3192
|
ariaLabel: e.getAttribute("aria-label"),
|
|
3334
3193
|
classes: [...e.classList],
|
|
3335
|
-
text:
|
|
3194
|
+
text: wo(e)
|
|
3336
3195
|
};
|
|
3337
3196
|
}
|
|
3338
|
-
function
|
|
3197
|
+
function Yo(e) {
|
|
3339
3198
|
return !!(e.id || e.testId || e.role || e.ariaLabel || e.classes.length || e.text);
|
|
3340
3199
|
}
|
|
3341
|
-
function
|
|
3342
|
-
return e.localName !== t.tag || t.id && e.id !== t.id || t.testId && e.getAttribute("data-testid") !== t.testId || t.role && e.getAttribute("role") !== t.role || t.ariaLabel && e.getAttribute("aria-label") !== t.ariaLabel ? !1 : t.id || t.testId ? !0 : t.classes.some((t) => !e.classList.contains(t)) || t.text &&
|
|
3200
|
+
function Xo(e, t) {
|
|
3201
|
+
return e.localName !== t.tag || t.id && e.id !== t.id || t.testId && e.getAttribute("data-testid") !== t.testId || t.role && e.getAttribute("role") !== t.role || t.ariaLabel && e.getAttribute("aria-label") !== t.ariaLabel ? !1 : t.id || t.testId ? !0 : t.classes.some((t) => !e.classList.contains(t)) || t.text && wo(e) !== t.text ? !1 : Yo(t);
|
|
3343
3202
|
}
|
|
3344
|
-
var
|
|
3203
|
+
var Zo = () => ({
|
|
3345
3204
|
x: -1,
|
|
3346
3205
|
y: -1
|
|
3347
|
-
}),
|
|
3206
|
+
}), Qo = (e) => Number.parseFloat(e) * (e.endsWith("%") ? .01 : 1), $o = (e) => {
|
|
3348
3207
|
try {
|
|
3349
3208
|
return e.defaultView?.frameElement ?? null;
|
|
3350
3209
|
} catch {
|
|
3351
3210
|
return null;
|
|
3352
3211
|
}
|
|
3353
|
-
},
|
|
3212
|
+
}, es = (e) => {
|
|
3354
3213
|
let t = e.ownerDocument.defaultView?.HTMLIFrameElement;
|
|
3355
3214
|
return !!(t && e instanceof t);
|
|
3356
|
-
},
|
|
3357
|
-
if (!
|
|
3215
|
+
}, ts = (e) => {
|
|
3216
|
+
if (!es(e)) return null;
|
|
3358
3217
|
try {
|
|
3359
3218
|
return e.contentDocument;
|
|
3360
3219
|
} catch {
|
|
3361
3220
|
return null;
|
|
3362
3221
|
}
|
|
3363
|
-
},
|
|
3222
|
+
}, ns = (e) => {
|
|
3364
3223
|
let t = e;
|
|
3365
3224
|
return t.DOMMatrixReadOnly ?? t.DOMMatrix;
|
|
3366
|
-
},
|
|
3225
|
+
}, rs = (e) => {
|
|
3367
3226
|
let t = e.getRootNode();
|
|
3368
3227
|
return "host" in t && t.host instanceof Element ? t.host : null;
|
|
3369
|
-
},
|
|
3228
|
+
}, is = (e, t, n) => {
|
|
3370
3229
|
if (!e?.endsWith("px")) return t;
|
|
3371
3230
|
let r = Number.parseFloat(e);
|
|
3372
3231
|
return Number.isFinite(r) ? r + n.reduce((e, t) => e + (Number.parseFloat(t) || 0), 0) : t;
|
|
3373
|
-
},
|
|
3232
|
+
}, as = (e) => {
|
|
3374
3233
|
let t = e.ownerDocument.defaultView;
|
|
3375
3234
|
if (!t) return null;
|
|
3376
3235
|
let n = 1, r = 0, i = 0, a = 1, o = null, s = e;
|
|
3377
3236
|
for (; s;) {
|
|
3378
3237
|
let c = t.getComputedStyle(s);
|
|
3379
3238
|
s === e && (o = c);
|
|
3380
|
-
let l =
|
|
3239
|
+
let l = ns(t), u = {
|
|
3381
3240
|
a: 1,
|
|
3382
3241
|
b: 0,
|
|
3383
3242
|
c: 0,
|
|
@@ -3399,17 +3258,17 @@ var fs = () => ({
|
|
|
3399
3258
|
if (c.perspective && c.perspective !== "none") return null;
|
|
3400
3259
|
let d = (c.rotate || "none").split(/\s+/), f = d.length === 4;
|
|
3401
3260
|
if (!(!f || Number(d[0]) === 0 && Number(d[1]) === 0 && Number(d[2]) !== 0) || d.length > 1 && d.length !== 2 && !f || d.length === 2 && d[0] !== "z") return null;
|
|
3402
|
-
let p =
|
|
3403
|
-
n = E, r = D, i = O, a = k, s = s.parentElement ??
|
|
3261
|
+
let p = Qo(c.zoom || "1") || 1, m = !c.scale || c.scale === "none" ? [1, 1] : c.scale.split(/\s+/).map(Qo), h = d.at(-1) ?? "0", g = Number.parseFloat(h) || 0, _ = (h.endsWith("grad") ? g * Math.PI / 200 : h.endsWith("rad") ? g : h.endsWith("turn") ? g * Math.PI * 2 : g * Math.PI / 180) * (f ? Math.sign(Number(d[2])) : 1), v = Number.isFinite(m[0]) ? m[0] ?? 1 : 1, y = Number.isFinite(m[1]) ? m[1] ?? v : v, b = Math.cos(_), x = Math.sin(_), S = p * (b * v * u.a - x * y * u.b), C = p * (x * v * u.a + b * y * u.b), w = p * (b * v * u.c - x * y * u.d), T = p * (x * v * u.c + b * y * u.d), E = S * n + w * r, D = C * n + T * r, O = S * i + w * a, k = C * i + T * a;
|
|
3262
|
+
n = E, r = D, i = O, a = k, s = s.parentElement ?? rs(s);
|
|
3404
3263
|
}
|
|
3405
3264
|
let c = e.getBoundingClientRect();
|
|
3406
3265
|
if (!(e instanceof t.HTMLElement)) return null;
|
|
3407
|
-
let l = o, u = l?.boxSizing !== "border-box", d =
|
|
3266
|
+
let l = o, u = l?.boxSizing !== "border-box", d = is(l?.width, e.offsetWidth, u ? [
|
|
3408
3267
|
l?.paddingLeft ?? "0",
|
|
3409
3268
|
l?.paddingRight ?? "0",
|
|
3410
3269
|
l?.borderLeftWidth ?? "0",
|
|
3411
3270
|
l?.borderRightWidth ?? "0"
|
|
3412
|
-
] : []), f =
|
|
3271
|
+
] : []), f = is(l?.height, e.offsetHeight, u ? [
|
|
3413
3272
|
l?.paddingTop ?? "0",
|
|
3414
3273
|
l?.paddingBottom ?? "0",
|
|
3415
3274
|
l?.borderTopWidth ?? "0",
|
|
@@ -3423,22 +3282,22 @@ var fs = () => ({
|
|
|
3423
3282
|
y: c.top - Math.min(0, r * d, a * f, r * d + a * f) + r * (e.clientLeft + (Number.parseFloat(l?.paddingLeft ?? "0") || 0)) + a * (e.clientTop + (Number.parseFloat(l?.paddingTop ?? "0") || 0))
|
|
3424
3283
|
};
|
|
3425
3284
|
return Object.values(p).every(Number.isFinite) ? p : null;
|
|
3426
|
-
},
|
|
3285
|
+
}, os = (e, t) => ({
|
|
3427
3286
|
x: e.a * t.x + e.c * t.y + e.x,
|
|
3428
3287
|
y: e.b * t.x + e.d * t.y + e.y
|
|
3429
|
-
}),
|
|
3288
|
+
}), ss = (e, t) => {
|
|
3430
3289
|
let n = e.a * e.d - e.b * e.c;
|
|
3431
|
-
if (Math.abs(n) < 1e-12) return
|
|
3290
|
+
if (Math.abs(n) < 1e-12) return Zo();
|
|
3432
3291
|
let r = t.x - e.x, i = t.y - e.y;
|
|
3433
3292
|
return {
|
|
3434
3293
|
x: (e.d * r - e.c * i) / n,
|
|
3435
3294
|
y: (e.a * i - e.b * r) / n
|
|
3436
3295
|
};
|
|
3437
|
-
},
|
|
3438
|
-
let n =
|
|
3439
|
-
return n ?
|
|
3440
|
-
},
|
|
3441
|
-
if (
|
|
3296
|
+
}, cs = (e, t) => {
|
|
3297
|
+
let n = as(e);
|
|
3298
|
+
return n ? ss(n, t) : Zo();
|
|
3299
|
+
}, ls = (e, t) => {
|
|
3300
|
+
if (!$o(t)) return e;
|
|
3442
3301
|
let n = [
|
|
3443
3302
|
{
|
|
3444
3303
|
x: e.left,
|
|
@@ -3459,16 +3318,16 @@ var fs = () => ({
|
|
|
3459
3318
|
], r = t, i = /* @__PURE__ */ new Set();
|
|
3460
3319
|
for (; !i.has(r);) {
|
|
3461
3320
|
i.add(r);
|
|
3462
|
-
let e =
|
|
3321
|
+
let e = $o(r);
|
|
3463
3322
|
if (!e) break;
|
|
3464
|
-
let t =
|
|
3323
|
+
let t = as(e);
|
|
3465
3324
|
if (!t) return {
|
|
3466
3325
|
left: -1,
|
|
3467
3326
|
top: -1,
|
|
3468
3327
|
width: 0,
|
|
3469
3328
|
height: 0
|
|
3470
3329
|
};
|
|
3471
|
-
n = n.map((e) =>
|
|
3330
|
+
n = n.map((e) => os(t, e)), r = e.ownerDocument;
|
|
3472
3331
|
}
|
|
3473
3332
|
let a = Math.min(...n.map((e) => e.x)), o = Math.min(...n.map((e) => e.y)), s = Math.max(...n.map((e) => e.x)), c = Math.max(...n.map((e) => e.y));
|
|
3474
3333
|
return {
|
|
@@ -3477,16 +3336,157 @@ var fs = () => ({
|
|
|
3477
3336
|
width: s - a,
|
|
3478
3337
|
height: c - o
|
|
3479
3338
|
};
|
|
3480
|
-
},
|
|
3339
|
+
}, us = () => globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`, ds = (e) => ls(Do(e), e.ownerDocument), fs = -1, ps = /* @__PURE__ */ new Map(), ms = () => {
|
|
3481
3340
|
let e = globalThis.performance?.now();
|
|
3482
3341
|
return e === void 0 ? 0 : Math.floor(e / 16);
|
|
3483
|
-
},
|
|
3484
|
-
let t =
|
|
3485
|
-
t !==
|
|
3486
|
-
let n =
|
|
3342
|
+
}, hs = (e) => {
|
|
3343
|
+
let t = ms();
|
|
3344
|
+
t !== fs && (fs = t, ps.clear());
|
|
3345
|
+
let n = ps.get(e);
|
|
3487
3346
|
if (n) return n;
|
|
3488
|
-
let r =
|
|
3489
|
-
return
|
|
3347
|
+
let r = ds(e);
|
|
3348
|
+
return ps.set(e, r), r;
|
|
3349
|
+
}, gs = [
|
|
3350
|
+
{
|
|
3351
|
+
name: "iPhone SE",
|
|
3352
|
+
width: 375,
|
|
3353
|
+
height: 667
|
|
3354
|
+
},
|
|
3355
|
+
{
|
|
3356
|
+
name: "iPhone X",
|
|
3357
|
+
width: 375,
|
|
3358
|
+
height: 812
|
|
3359
|
+
},
|
|
3360
|
+
{
|
|
3361
|
+
name: "iPhone 15",
|
|
3362
|
+
width: 393,
|
|
3363
|
+
height: 852
|
|
3364
|
+
},
|
|
3365
|
+
{
|
|
3366
|
+
name: "iPhone 15 Pro Max",
|
|
3367
|
+
width: 430,
|
|
3368
|
+
height: 932
|
|
3369
|
+
},
|
|
3370
|
+
{
|
|
3371
|
+
name: "Pixel 8",
|
|
3372
|
+
width: 412,
|
|
3373
|
+
height: 915
|
|
3374
|
+
},
|
|
3375
|
+
{
|
|
3376
|
+
name: "Galaxy S24",
|
|
3377
|
+
width: 360,
|
|
3378
|
+
height: 780
|
|
3379
|
+
},
|
|
3380
|
+
{
|
|
3381
|
+
name: "iPad mini",
|
|
3382
|
+
width: 744,
|
|
3383
|
+
height: 1133
|
|
3384
|
+
},
|
|
3385
|
+
{
|
|
3386
|
+
name: "iPad",
|
|
3387
|
+
width: 820,
|
|
3388
|
+
height: 1180
|
|
3389
|
+
},
|
|
3390
|
+
{
|
|
3391
|
+
name: "iPad Pro 12.9",
|
|
3392
|
+
width: 1024,
|
|
3393
|
+
height: 1366
|
|
3394
|
+
},
|
|
3395
|
+
{
|
|
3396
|
+
name: "Laptop",
|
|
3397
|
+
width: 1280,
|
|
3398
|
+
height: 800
|
|
3399
|
+
},
|
|
3400
|
+
{
|
|
3401
|
+
name: "MacBook Air 13",
|
|
3402
|
+
width: 1470,
|
|
3403
|
+
height: 956
|
|
3404
|
+
},
|
|
3405
|
+
{
|
|
3406
|
+
name: "Full HD",
|
|
3407
|
+
width: 1920,
|
|
3408
|
+
height: 1080
|
|
3409
|
+
}
|
|
3410
|
+
], _s = 1;
|
|
3411
|
+
({ ...gs[2] }), _s++;
|
|
3412
|
+
var vs = /* @__PURE__ */ new WeakMap(), ys = (e) => (vs.get(e) ?? 0) > 0, bs = /* @__PURE__ */ new WeakMap(), xs = (e, t) => {
|
|
3413
|
+
let n = bs.get(e) ?? /* @__PURE__ */ new Set();
|
|
3414
|
+
return n.add(t), bs.set(e, n), () => {
|
|
3415
|
+
n.delete(t);
|
|
3416
|
+
};
|
|
3417
|
+
}, Ss = "mesurer-solid-styles", Cs = (e) => e?.nodeType === 11, ws = (e) => e.nodeType === 9;
|
|
3418
|
+
function Ts(e, t) {
|
|
3419
|
+
let n = t?.ownerDocument ?? globalThis.document;
|
|
3420
|
+
if (!n) return;
|
|
3421
|
+
let r = Cs(t) ? t : n;
|
|
3422
|
+
if (r.querySelector(`#${Ss}`)) return;
|
|
3423
|
+
let i = n.createElement("style");
|
|
3424
|
+
i.id = Ss, i.textContent = e, ws(r) ? r.head.append(i) : r.append(i);
|
|
3425
|
+
}
|
|
3426
|
+
var Es = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --msr-font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --msr-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --msr-color-red-50: oklch(97.1% 0.013 17.38);\n --msr-color-red-200: oklch(88.5% 0.062 18.334);\n --msr-color-red-600: oklch(57.7% 0.245 27.325);\n --msr-color-black: #000;\n --msr-color-white: #fff;\n --msr-spacing: 0.25rem;\n --msr-font-weight-normal: 400;\n --msr-font-weight-medium: 500;\n --msr-font-weight-semibold: 600;\n --msr-radius-md: 0.375rem;\n --msr-radius-lg: 0.5rem;\n --msr-default-transition-duration: 150ms;\n --msr-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --msr-default-font-family: var(--msr-font-sans);\n --msr-default-mono-font-family: var(--msr-font-mono);\n --msr-color-ink-50: #f8fafc;\n --msr-color-ink-200: #e2e8f0;\n --msr-color-ink-500: #64748b;\n --msr-color-ink-700: #334155;\n --msr-color-ink-900: #0f172a;\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--msr-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\");\n font-feature-settings: var(--msr-default-font-feature-settings, normal);\n font-variation-settings: var(--msr-default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--msr-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--msr-default-mono-font-feature-settings, normal);\n font-variation-settings: var(--msr-default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring:where(:not(iframe)) {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .msr\\:pointer-events-auto {\n pointer-events: auto;\n }\n .msr\\:pointer-events-none {\n pointer-events: none;\n }\n .msr\\:absolute {\n position: absolute;\n }\n .msr\\:fixed {\n position: fixed;\n }\n .msr\\:relative {\n position: relative;\n }\n .msr\\:inset-0 {\n inset: 0px;\n }\n .msr\\:inset-x-0 {\n inset-inline: 0px;\n }\n .msr\\:top-0 {\n top: 0px;\n }\n .msr\\:top-1\\/2 {\n top: calc(1 / 2 * 100%);\n }\n .msr\\:top-3 {\n top: calc(var(--msr-spacing) * 3);\n }\n .msr\\:top-\\[18px\\] {\n top: 18px;\n }\n .msr\\:top-full {\n top: 100%;\n }\n .msr\\:right-0 {\n right: 0px;\n }\n .msr\\:right-1\\.5 {\n right: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:right-2 {\n right: calc(var(--msr-spacing) * 2);\n }\n .msr\\:right-3 {\n right: calc(var(--msr-spacing) * 3);\n }\n .msr\\:right-\\[8px\\] {\n right: 8px;\n }\n .msr\\:bottom-0 {\n bottom: 0px;\n }\n .msr\\:bottom-1\\.5 {\n bottom: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:bottom-full {\n bottom: 100%;\n }\n .msr\\:left-0 {\n left: 0px;\n }\n .msr\\:left-1\\/2 {\n left: calc(1 / 2 * 100%);\n }\n .msr\\:left-\\[8px\\] {\n left: 8px;\n }\n .msr\\:left-\\[18px\\] {\n left: 18px;\n }\n .msr\\:z-10 {\n z-index: 10;\n }\n .msr\\:z-\\[2\\] {\n z-index: 2;\n }\n .msr\\:z-\\[3\\] {\n z-index: 3;\n }\n .msr\\:z-\\[60\\] {\n z-index: 60;\n }\n .msr\\:z-\\[70\\] {\n z-index: 70;\n }\n .msr\\:z-\\[80\\] {\n z-index: 80;\n }\n .msr\\:z-\\[90\\] {\n z-index: 90;\n }\n .msr\\:z-\\[94\\] {\n z-index: 94;\n }\n .msr\\:z-\\[95\\] {\n z-index: 95;\n }\n .msr\\:z-\\[110\\] {\n z-index: 110;\n }\n .msr\\:z-\\[120\\] {\n z-index: 120;\n }\n .msr\\:col-span-2 {\n grid-column: span 2 / span 2;\n }\n .msr\\:col-start-1 {\n grid-column-start: 1;\n }\n .msr\\:col-start-3 {\n grid-column-start: 3;\n }\n .msr\\:col-end-3 {\n grid-column-end: 3;\n }\n .msr\\:m-0 {\n margin: 0px;\n }\n .msr\\:mx-1 {\n margin-inline: var(--msr-spacing);\n }\n .msr\\:mt-1 {\n margin-top: var(--msr-spacing);\n }\n .msr\\:mt-1\\.5 {\n margin-top: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:mt-2 {\n margin-top: calc(var(--msr-spacing) * 2);\n }\n .msr\\:mb-1 {\n margin-bottom: var(--msr-spacing);\n }\n .msr\\:mb-2 {\n margin-bottom: calc(var(--msr-spacing) * 2);\n }\n .msr\\:-ml-1 {\n margin-left: calc(var(--msr-spacing) * -1);\n }\n .msr\\:ml-1 {\n margin-left: var(--msr-spacing);\n }\n .msr\\:ml-2 {\n margin-left: calc(var(--msr-spacing) * 2);\n }\n .msr\\:ml-6 {\n margin-left: calc(var(--msr-spacing) * 6);\n }\n .msr\\:ml-auto {\n margin-left: auto;\n }\n .msr\\:box-border {\n box-sizing: border-box;\n }\n .msr\\:block {\n display: block;\n }\n .msr\\:flex {\n display: flex;\n }\n .msr\\:grid {\n display: grid;\n }\n .msr\\:inline-flex {\n display: inline-flex;\n }\n .msr\\:size-1\\.5 {\n width: calc(var(--msr-spacing) * 1.5);\n height: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:size-3 {\n width: calc(var(--msr-spacing) * 3);\n height: calc(var(--msr-spacing) * 3);\n }\n .msr\\:size-4 {\n width: calc(var(--msr-spacing) * 4);\n height: calc(var(--msr-spacing) * 4);\n }\n .msr\\:size-5 {\n width: calc(var(--msr-spacing) * 5);\n height: calc(var(--msr-spacing) * 5);\n }\n .msr\\:size-6 {\n width: calc(var(--msr-spacing) * 6);\n height: calc(var(--msr-spacing) * 6);\n }\n .msr\\:size-7 {\n width: calc(var(--msr-spacing) * 7);\n height: calc(var(--msr-spacing) * 7);\n }\n .msr\\:size-8 {\n width: calc(var(--msr-spacing) * 8);\n height: calc(var(--msr-spacing) * 8);\n }\n .msr\\:size-\\[10px\\] {\n width: 10px;\n height: 10px;\n }\n .msr\\:size-\\[18px\\] {\n width: 18px;\n height: 18px;\n }\n .msr\\:size-full {\n width: 100%;\n height: 100%;\n }\n .msr\\:h-2 {\n height: calc(var(--msr-spacing) * 2);\n }\n .msr\\:h-5 {\n height: calc(var(--msr-spacing) * 5);\n }\n .msr\\:h-6 {\n height: calc(var(--msr-spacing) * 6);\n }\n .msr\\:h-7 {\n height: calc(var(--msr-spacing) * 7);\n }\n .msr\\:h-8 {\n height: calc(var(--msr-spacing) * 8);\n }\n .msr\\:h-36 {\n height: calc(var(--msr-spacing) * 36);\n }\n .msr\\:h-\\[3px\\] {\n height: 3px;\n }\n .msr\\:h-\\[14px\\] {\n height: 14px;\n }\n .msr\\:h-\\[18px\\] {\n height: 18px;\n }\n .msr\\:h-\\[19px\\] {\n height: 19px;\n }\n .msr\\:h-full {\n height: 100%;\n }\n .msr\\:h-px {\n height: 1px;\n }\n .msr\\:max-h-32 {\n max-height: calc(var(--msr-spacing) * 32);\n }\n .msr\\:max-h-36 {\n max-height: calc(var(--msr-spacing) * 36);\n }\n .msr\\:max-h-\\[50vh\\] {\n max-height: 50vh;\n }\n .msr\\:max-h-\\[220px\\] {\n max-height: 220px;\n }\n .msr\\:max-h-\\[calc\\(100vh-16px\\)\\] {\n max-height: calc(100vh - 16px);\n }\n .msr\\:max-h-\\[min\\(70vh\\,34rem\\)\\] {\n max-height: min(70vh, 34rem);\n }\n .msr\\:max-h-\\[min\\(320px\\,calc\\(100vh-16px\\)\\)\\] {\n max-height: min(320px, calc(100vh - 16px));\n }\n .msr\\:min-h-0 {\n min-height: 0px;\n }\n .msr\\:min-h-\\[34px\\] {\n min-height: 34px;\n }\n .msr\\:w-0 {\n width: 0px;\n }\n .msr\\:w-0\\.5 {\n width: calc(var(--msr-spacing) * 0.5);\n }\n .msr\\:w-3 {\n width: calc(var(--msr-spacing) * 3);\n }\n .msr\\:w-4 {\n width: calc(var(--msr-spacing) * 4);\n }\n .msr\\:w-5 {\n width: calc(var(--msr-spacing) * 5);\n }\n .msr\\:w-6 {\n width: calc(var(--msr-spacing) * 6);\n }\n .msr\\:w-8 {\n width: calc(var(--msr-spacing) * 8);\n }\n .msr\\:w-9 {\n width: calc(var(--msr-spacing) * 9);\n }\n .msr\\:w-12 {\n width: calc(var(--msr-spacing) * 12);\n }\n .msr\\:w-44 {\n width: calc(var(--msr-spacing) * 44);\n }\n .msr\\:w-60 {\n width: calc(var(--msr-spacing) * 60);\n }\n .msr\\:w-64 {\n width: calc(var(--msr-spacing) * 64);\n }\n .msr\\:w-\\[18px\\] {\n width: 18px;\n }\n .msr\\:w-\\[26px\\] {\n width: 26px;\n }\n .msr\\:w-\\[208px\\] {\n width: 208px;\n }\n .msr\\:w-\\[272px\\] {\n width: 272px;\n }\n .msr\\:w-full {\n width: 100%;\n }\n .msr\\:w-px {\n width: 1px;\n }\n .msr\\:max-w-0 {\n max-width: 0px;\n }\n .msr\\:max-w-20 {\n max-width: calc(var(--msr-spacing) * 20);\n }\n .msr\\:max-w-\\[calc\\(100vw-16px\\)\\] {\n max-width: calc(100vw - 16px);\n }\n .msr\\:min-w-0 {\n min-width: 0px;\n }\n .msr\\:min-w-36 {\n min-width: calc(var(--msr-spacing) * 36);\n }\n .msr\\:flex-1 {\n flex: 1;\n }\n .msr\\:flex-none {\n flex: none;\n }\n .msr\\:shrink-0 {\n flex-shrink: 0;\n }\n .msr\\:-translate-x-1 {\n --tw-translate-x: calc(var(--msr-spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .msr\\:-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .msr\\:translate-x-0 {\n --tw-translate-x: 0px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .msr\\:-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .msr\\:-rotate-90 {\n rotate: calc(90deg * -1);\n }\n .msr\\:rotate-45 {\n rotate: 45deg;\n }\n .msr\\:rotate-90 {\n rotate: 90deg;\n }\n .msr\\:rotate-180 {\n rotate: 180deg;\n }\n .msr\\:rotate-\\[45deg\\] {\n rotate: 45deg;\n }\n .msr\\:rotate-\\[135deg\\] {\n rotate: 135deg;\n }\n .msr\\:cursor-crosshair {\n cursor: crosshair;\n }\n .msr\\:cursor-default {\n cursor: default;\n }\n .msr\\:cursor-pointer {\n cursor: pointer;\n }\n .msr\\:touch-none {\n touch-action: none;\n }\n .msr\\:resize-none {\n resize: none;\n }\n .msr\\:list-none {\n list-style-type: none;\n }\n .msr\\:appearance-none {\n appearance: none;\n }\n .msr\\:grid-cols-\\[3\\.5rem_minmax\\(0\\,1fr\\)\\] {\n grid-template-columns: 3.5rem minmax(0,1fr);\n }\n .msr\\:grid-cols-\\[5\\.5rem_minmax\\(0\\,1fr\\)\\] {\n grid-template-columns: 5.5rem minmax(0,1fr);\n }\n .msr\\:grid-cols-\\[78px_150px\\] {\n grid-template-columns: 78px 150px;\n }\n .msr\\:grid-cols-\\[78px_156px\\] {\n grid-template-columns: 78px 156px;\n }\n .msr\\:grid-cols-\\[78px_minmax\\(0\\,1fr\\)\\] {\n grid-template-columns: 78px minmax(0,1fr);\n }\n .msr\\:grid-cols-\\[auto_minmax\\(0\\,1fr\\)\\] {\n grid-template-columns: auto minmax(0,1fr);\n }\n .msr\\:grid-cols-\\[minmax\\(0\\,1fr\\)\\] {\n grid-template-columns: minmax(0,1fr);\n }\n .msr\\:grid-cols-\\[minmax\\(0\\,1fr\\)_28px_34px\\] {\n grid-template-columns: minmax(0,1fr) 28px 34px;\n }\n .msr\\:flex-col {\n flex-direction: column;\n }\n .msr\\:items-baseline {\n align-items: baseline;\n }\n .msr\\:items-center {\n align-items: center;\n }\n .msr\\:items-start {\n align-items: flex-start;\n }\n .msr\\:items-stretch {\n align-items: stretch;\n }\n .msr\\:justify-between {\n justify-content: space-between;\n }\n .msr\\:justify-center {\n justify-content: center;\n }\n .msr\\:justify-end {\n justify-content: flex-end;\n }\n .msr\\:gap-0 {\n gap: 0px;\n }\n .msr\\:gap-0\\.5 {\n gap: calc(var(--msr-spacing) * 0.5);\n }\n .msr\\:gap-1 {\n gap: var(--msr-spacing);\n }\n .msr\\:gap-1\\.5 {\n gap: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:gap-2 {\n gap: calc(var(--msr-spacing) * 2);\n }\n .msr\\:gap-3 {\n gap: calc(var(--msr-spacing) * 3);\n }\n .msr\\:gap-\\[2px\\] {\n gap: 2px;\n }\n .msr\\:gap-px {\n gap: 1px;\n }\n .msr\\:gap-x-3 {\n column-gap: calc(var(--msr-spacing) * 3);\n }\n .msr\\:gap-y-1 {\n row-gap: var(--msr-spacing);\n }\n .msr\\:self-center {\n align-self: center;\n }\n .msr\\:self-stretch {\n align-self: stretch;\n }\n .msr\\:justify-self-end {\n justify-self: flex-end;\n }\n .msr\\:truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .msr\\:overflow-auto {\n overflow: auto;\n }\n .msr\\:overflow-hidden {\n overflow: hidden;\n }\n .msr\\:overflow-visible {\n overflow: visible;\n }\n .msr\\:overflow-x-hidden {\n overflow-x: hidden;\n }\n .msr\\:overflow-y-auto {\n overflow-y: auto;\n }\n .msr\\:rounded {\n border-radius: 0.25rem;\n }\n .msr\\:rounded-\\[3px\\] {\n border-radius: 3px;\n }\n .msr\\:rounded-\\[5px\\] {\n border-radius: 5px;\n }\n .msr\\:rounded-\\[6px\\] {\n border-radius: 6px;\n }\n .msr\\:rounded-\\[7px\\] {\n border-radius: 7px;\n }\n .msr\\:rounded-\\[8px\\] {\n border-radius: 8px;\n }\n .msr\\:rounded-\\[9px\\] {\n border-radius: 9px;\n }\n .msr\\:rounded-\\[10px\\] {\n border-radius: 10px;\n }\n .msr\\:rounded-\\[12px\\] {\n border-radius: 12px;\n }\n .msr\\:rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .msr\\:rounded-lg {\n border-radius: var(--msr-radius-lg);\n }\n .msr\\:rounded-md {\n border-radius: var(--msr-radius-md);\n }\n .msr\\:rounded-none {\n border-radius: 0;\n }\n .msr\\:border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .msr\\:border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n .msr\\:border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .msr\\:border-t-2 {\n border-top-style: var(--tw-border-style);\n border-top-width: 2px;\n }\n .msr\\:border-r {\n border-right-style: var(--tw-border-style);\n border-right-width: 1px;\n }\n .msr\\:border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .msr\\:border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n .msr\\:border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .msr\\:border-dotted {\n --tw-border-style: dotted;\n border-style: dotted;\n }\n .msr\\:border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .msr\\:border-\\[\\#0d99ff\\] {\n border-color: #0d99ff;\n }\n .msr\\:border-\\[\\#2563eb\\]\\/70 {\n border-color: color-mix(in oklab, #2563eb 70%, transparent);\n }\n .msr\\:border-black\\/8 {\n border-color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--msr-color-black) 8%, transparent);\n }\n }\n .msr\\:border-black\\/10 {\n border-color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n }\n }\n .msr\\:border-black\\/15 {\n border-color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--msr-color-black) 15%, transparent);\n }\n }\n .msr\\:border-ink-200 {\n border-color: var(--msr-color-ink-200);\n }\n .msr\\:border-ink-500 {\n border-color: var(--msr-color-ink-500);\n }\n .msr\\:border-ink-700 {\n border-color: var(--msr-color-ink-700);\n }\n .msr\\:border-red-200 {\n border-color: var(--msr-color-red-200);\n }\n .msr\\:border-transparent {\n border-color: transparent;\n }\n .msr\\:bg-\\[\\#0d99ff\\] {\n background-color: #0d99ff;\n }\n .msr\\:bg-\\[\\#0d99ff\\]\\/10 {\n background-color: color-mix(in oklab, #0d99ff 10%, transparent);\n }\n .msr\\:bg-\\[\\#2563eb\\] {\n background-color: #2563eb;\n }\n .msr\\:bg-\\[\\#fff\\] {\n background-color: #fff;\n }\n .msr\\:bg-black {\n background-color: var(--msr-color-black);\n }\n .msr\\:bg-black\\/10 {\n background-color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n }\n }\n .msr\\:bg-ink-50 {\n background-color: var(--msr-color-ink-50);\n }\n .msr\\:bg-ink-50\\/40 {\n background-color: var(--msr-color-ink-50);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-ink-50) 40%, transparent);\n }\n }\n .msr\\:bg-ink-200 {\n background-color: var(--msr-color-ink-200);\n }\n .msr\\:bg-ink-900 {\n background-color: var(--msr-color-ink-900);\n }\n .msr\\:bg-ink-900\\/90 {\n background-color: var(--msr-color-ink-900);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-ink-900) 90%, transparent);\n }\n }\n .msr\\:bg-transparent {\n background-color: transparent;\n }\n .msr\\:bg-white {\n background-color: var(--msr-color-white);\n }\n .msr\\:bg-white\\/60 {\n background-color: var(--msr-color-white);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n }\n }\n .msr\\:bg-white\\/85 {\n background-color: var(--msr-color-white);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-white) 85%, transparent);\n }\n }\n .msr\\:p-0 {\n padding: 0px;\n }\n .msr\\:p-1 {\n padding: var(--msr-spacing);\n }\n .msr\\:p-1\\.5 {\n padding: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:p-2 {\n padding: calc(var(--msr-spacing) * 2);\n }\n .msr\\:p-3 {\n padding: calc(var(--msr-spacing) * 3);\n }\n .msr\\:p-\\[2px\\] {\n padding: 2px;\n }\n .msr\\:p-px {\n padding: 1px;\n }\n .msr\\:px-0 {\n padding-inline: 0px;\n }\n .msr\\:px-0\\.5 {\n padding-inline: calc(var(--msr-spacing) * 0.5);\n }\n .msr\\:px-1 {\n padding-inline: var(--msr-spacing);\n }\n .msr\\:px-1\\.5 {\n padding-inline: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:px-2 {\n padding-inline: calc(var(--msr-spacing) * 2);\n }\n .msr\\:py-0 {\n padding-block: 0px;\n }\n .msr\\:py-0\\.5 {\n padding-block: calc(var(--msr-spacing) * 0.5);\n }\n .msr\\:py-1 {\n padding-block: var(--msr-spacing);\n }\n .msr\\:py-1\\.5 {\n padding-block: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:py-2 {\n padding-block: calc(var(--msr-spacing) * 2);\n }\n .msr\\:pt-0\\.5 {\n padding-top: calc(var(--msr-spacing) * 0.5);\n }\n .msr\\:pt-2 {\n padding-top: calc(var(--msr-spacing) * 2);\n }\n .msr\\:pr-0 {\n padding-right: 0px;\n }\n .msr\\:pr-2 {\n padding-right: calc(var(--msr-spacing) * 2);\n }\n .msr\\:pr-6 {\n padding-right: calc(var(--msr-spacing) * 6);\n }\n .msr\\:pb-1 {\n padding-bottom: var(--msr-spacing);\n }\n .msr\\:pb-1\\.5 {\n padding-bottom: calc(var(--msr-spacing) * 1.5);\n }\n .msr\\:pb-2 {\n padding-bottom: calc(var(--msr-spacing) * 2);\n }\n .msr\\:text-center {\n text-align: center;\n }\n .msr\\:text-left {\n text-align: left;\n }\n .msr\\:text-right {\n text-align: right;\n }\n .msr\\:font-mono {\n font-family: var(--msr-font-mono);\n }\n .msr\\:text-\\[9px\\] {\n font-size: 9px;\n }\n .msr\\:text-\\[10px\\] {\n font-size: 10px;\n }\n .msr\\:text-\\[11px\\] {\n font-size: 11px;\n }\n .msr\\:text-\\[12px\\] {\n font-size: 12px;\n }\n .msr\\:text-\\[14px\\] {\n font-size: 14px;\n }\n .msr\\:leading-4 {\n --tw-leading: calc(var(--msr-spacing) * 4);\n line-height: calc(var(--msr-spacing) * 4);\n }\n .msr\\:leading-5 {\n --tw-leading: calc(var(--msr-spacing) * 5);\n line-height: calc(var(--msr-spacing) * 5);\n }\n .msr\\:leading-\\[1\\.45\\] {\n --tw-leading: 1.45;\n line-height: 1.45;\n }\n .msr\\:leading-\\[18px\\] {\n --tw-leading: 18px;\n line-height: 18px;\n }\n .msr\\:leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n .msr\\:font-medium {\n --tw-font-weight: var(--msr-font-weight-medium);\n font-weight: var(--msr-font-weight-medium);\n }\n .msr\\:font-normal {\n --tw-font-weight: var(--msr-font-weight-normal);\n font-weight: var(--msr-font-weight-normal);\n }\n .msr\\:font-semibold {\n --tw-font-weight: var(--msr-font-weight-semibold);\n font-weight: var(--msr-font-weight-semibold);\n }\n .msr\\:break-words {\n overflow-wrap: break-word;\n }\n .msr\\:text-ellipsis {\n text-overflow: ellipsis;\n }\n .msr\\:whitespace-nowrap {\n white-space: nowrap;\n }\n .msr\\:whitespace-pre-wrap {\n white-space: pre-wrap;\n }\n .msr\\:text-\\[\\#64748b\\] {\n color: #64748b;\n }\n .msr\\:text-black {\n color: var(--msr-color-black);\n }\n .msr\\:text-black\\/30 {\n color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--msr-color-black) 30%, transparent);\n }\n }\n .msr\\:text-black\\/45 {\n color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--msr-color-black) 45%, transparent);\n }\n }\n .msr\\:text-ink-50 {\n color: var(--msr-color-ink-50);\n }\n .msr\\:text-ink-500 {\n color: var(--msr-color-ink-500);\n }\n .msr\\:text-ink-700 {\n color: var(--msr-color-ink-700);\n }\n .msr\\:text-ink-900 {\n color: var(--msr-color-ink-900);\n }\n .msr\\:text-red-600 {\n color: var(--msr-color-red-600);\n }\n .msr\\:text-white {\n color: var(--msr-color-white);\n }\n .msr\\:text-white\\/60 {\n color: var(--msr-color-white);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--msr-color-white) 60%, transparent);\n }\n }\n .msr\\:tabular-nums {\n --tw-numeric-spacing: tabular-nums;\n font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n }\n .msr\\:underline {\n text-decoration-line: underline;\n }\n .msr\\:underline-offset-2 {\n text-underline-offset: 2px;\n }\n .msr\\:opacity-0 {\n opacity: 0%;\n }\n .msr\\:opacity-60 {\n opacity: 60%;\n }\n .msr\\:opacity-80 {\n opacity: 80%;\n }\n .msr\\:opacity-100 {\n opacity: 100%;\n }\n .msr\\:shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .msr\\:outline-transparent {\n outline-color: transparent;\n }\n .msr\\:transition-\\[max-width\\,opacity\\,transform\\,padding\\] {\n transition-property: max-width,opacity,transform,padding;\n transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n }\n .msr\\:transition-\\[width\\,opacity\\] {\n transition-property: width,opacity;\n transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n }\n .msr\\:transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n }\n .msr\\:transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n }\n .msr\\:transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--msr-default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--msr-default-transition-duration));\n }\n .msr\\:transition-none {\n transition-property: none;\n }\n .msr\\:duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n }\n .msr\\:ease-\\[ease\\] {\n --tw-ease: ease;\n transition-timing-function: ease;\n }\n .msr\\:outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n .msr\\:select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n @media (hover: hover) {\n .msr\\:group-hover\\:border-ink-200:is(:where(.msr\\:group):hover *) {\n border-color: var(--msr-color-ink-200);\n }\n }\n .msr\\:focus-within\\:rounded-l-\\[5px\\]:focus-within {\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n }\n .msr\\:focus-within\\:rounded-r-\\[5px\\]:focus-within {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n }\n .msr\\:focus-within\\:outline:focus-within {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .msr\\:focus-within\\:outline-1:focus-within {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .msr\\:focus-within\\:outline-offset-\\[-1px\\]:focus-within {\n outline-offset: -1px;\n }\n .msr\\:focus-within\\:outline-\\[\\#0d99ff\\]:focus-within {\n outline-color: #0d99ff;\n }\n .msr\\:focus-within\\:outline-\\[var\\(--msr-accent\\)\\]:focus-within {\n outline-color: var(--msr-accent);\n }\n @media (hover: hover) {\n .msr\\:hover\\:border-ink-200:hover {\n border-color: var(--msr-color-ink-200);\n }\n .msr\\:hover\\:bg-\\[\\#0d99ff\\]:hover {\n background-color: #0d99ff;\n }\n .msr\\:hover\\:bg-black\\/4:hover {\n background-color: var(--msr-color-black);\n }\n @supports (color: color-mix(in lab, red, red)) {\n .msr\\:hover\\:bg-black\\/4:hover {\n background-color: color-mix(in oklab, var(--msr-color-black) 4%, transparent);\n }\n }\n .msr\\:hover\\:bg-black\\/10:hover {\n background-color: var(--msr-color-black);\n }\n @supports (color: color-mix(in lab, red, red)) {\n .msr\\:hover\\:bg-black\\/10:hover {\n background-color: color-mix(in oklab, var(--msr-color-black) 10%, transparent);\n }\n }\n .msr\\:hover\\:bg-ink-50:hover {\n background-color: var(--msr-color-ink-50);\n }\n .msr\\:hover\\:bg-red-50:hover {\n background-color: var(--msr-color-red-50);\n }\n .msr\\:hover\\:bg-white:hover {\n background-color: var(--msr-color-white);\n }\n .msr\\:hover\\:text-ink-700:hover {\n color: var(--msr-color-ink-700);\n }\n .msr\\:hover\\:text-ink-900:hover {\n color: var(--msr-color-ink-900);\n }\n .msr\\:hover\\:text-white:hover {\n color: var(--msr-color-white);\n }\n .msr\\:hover\\:underline:hover {\n text-decoration-line: underline;\n }\n }\n .msr\\:focus\\:border-\\[\\#0d99ff\\]:focus {\n border-color: #0d99ff;\n }\n .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus {\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:focus\\:shadow-\\[inset_0_0_0_1px_var\\(--msr-accent\\)\\]:focus {\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--msr-accent));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:focus\\:outline-none:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n .msr\\:focus-visible\\:border-\\[\\#0d99ff\\]:focus-visible {\n border-color: #0d99ff;\n }\n .msr\\:focus-visible\\:bg-\\[\\#0d99ff\\]:focus-visible {\n background-color: #0d99ff;\n }\n .msr\\:focus-visible\\:bg-black\\/4:focus-visible {\n background-color: var(--msr-color-black);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--msr-color-black) 4%, transparent);\n }\n }\n .msr\\:focus-visible\\:text-white:focus-visible {\n color: var(--msr-color-white);\n }\n .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#0d99ff\\]:focus-visible {\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0d99ff);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:focus-visible\\:shadow-\\[inset_0_0_0_1px_\\#ef4444\\]:focus-visible {\n --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ef4444);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:focus-visible\\:ring-1:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .msr\\:focus-visible\\:ring-\\[\\#0d99ff\\]\\/25:focus-visible {\n --tw-ring-color: color-mix(in oklab, #0d99ff 25%, transparent);\n }\n .msr\\:focus-visible\\:ring-\\[var\\(--msr-accent\\)\\]\\/25:focus-visible {\n --tw-ring-color: var(--msr-accent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--msr-accent) 25%, transparent);\n }\n }\n .msr\\:focus-visible\\:outline-none:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n .msr\\:disabled\\:cursor-default:disabled {\n cursor: default;\n }\n .msr\\:disabled\\:opacity-40:disabled {\n opacity: 40%;\n }\n .msr\\:disabled\\:opacity-45:disabled {\n opacity: 45%;\n }\n @media (prefers-reduced-motion: reduce) {\n .msr\\:motion-reduce\\:transition-none {\n transition-property: none;\n }\n }\n}\n:root, :host {\n --color-ink-50: #f8fafc;\n --color-ink-200: #e2e8f0;\n --color-ink-500: #64748b;\n --color-ink-700: #334155;\n --color-ink-900: #0f172a;\n}\n:host {\n all: initial;\n display: block;\n color-scheme: light;\n color: #0f172a;\n font-family: ui-sans-serif, system-ui, sans-serif;\n font-size: 16px;\n font-weight: 400;\n line-height: 1.5;\n letter-spacing: normal;\n direction: ltr;\n --msr-spacing: 4px;\n}\n*, *::before, *::after {\n box-sizing: border-box;\n}\n@layer base {\n *, ::before, ::after, ::backdrop {\n --tw-border-style: solid;\n --tw-outline-style: solid;\n --tw-shadow: 0 0 #0000;\n --tw-inset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n }\n button, input, select, textarea {\n appearance: none;\n background-color: transparent;\n padding: 0;\n font: inherit;\n color: inherit;\n letter-spacing: inherit;\n }\n}\n.mesurer-toolbar-surface {\n box-shadow: 0 0 0.5px rgba(0, 0, 0, 0.18), 0 3px 8px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n.mesurer-menu-surface {\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n}\n.mesurer-color-picker {\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n.mesurer-settings-tabs {\n box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);\n}\n.mesurer-settings-tab[aria-selected=\"true\"] {\n box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12);\n}\n.mesurer-switch-track {\n box-sizing: border-box;\n border: 1px solid #e2e8f0;\n}\n.mesurer-switch-track[data-checked=\"true\"] {\n border-color: #0d99ff;\n}\n.mesurer-control-shell {\n border: 1px solid transparent;\n}\n.mesurer-control-shell:hover {\n border-color: #e2e8f0;\n}\n.mesurer-control-focus:focus-within {\n outline: 1px solid #0d99ff;\n outline-offset: -1px;\n}\n.mesurer-root {\n --msr-spacing: 4px;\n}\n[data-mesurer-context-root=\"true\"] :where(*) {\n all: revert-layer;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-trigger=\"true\"] {\n appearance: none !important;\n box-sizing: border-box !important;\n display: flex !important;\n width: 24px !important;\n height: 24px !important;\n min-width: 24px !important;\n min-height: 24px !important;\n max-width: 24px !important;\n max-height: 24px !important;\n margin: 0 !important;\n padding: 0 !important;\n align-items: center !important;\n justify-content: center !important;\n border: 1px solid var(--msr-color-ink-200, #e2e8f0) !important;\n border-radius: 7px !important;\n background: var(--msr-surface, #fff) !important;\n color: var(--msr-content, #0f172a) !important;\n opacity: 1 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-trigger=\"true\"]:hover {\n background: var(--msr-content, #0f172a) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background: color-mix(in srgb, var(--msr-content, #0f172a) 6%, var(--msr-surface, #fff)) !important;\n }\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-trigger=\"true\"]:focus-visible {\n border-color: #0d99ff !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-marker=\"true\"] {\n appearance: none !important;\n box-sizing: border-box !important;\n display: flex !important;\n width: 24px !important;\n height: 24px !important;\n min-width: 24px !important;\n min-height: 24px !important;\n max-width: 24px !important;\n max-height: 24px !important;\n margin: 0 !important;\n padding: 0 !important;\n align-items: center !important;\n justify-content: center !important;\n border: 0 !important;\n border-radius: 0 !important;\n background: transparent !important;\n}\n[data-mesurer-context-root=\"true\"] :is( [data-mesurer-annotation-composer=\"true\"], [data-mesurer-annotation-panel=\"true\"] ) {\n box-shadow: var(--msr-shadow-floating, 0 10px 30px rgba(0, 0, 0, 0.08));\n}\n[data-mesurer-context-root=\"true\"] :is( [data-mesurer-annotation-trigger=\"true\"], [data-mesurer-annotation-composer=\"true\"], [data-mesurer-annotation-panel=\"true\"] ) svg {\n display: block !important;\n width: 14px !important;\n height: 14px !important;\n min-width: 14px !important;\n min-height: 14px !important;\n visibility: visible !important;\n opacity: 1 !important;\n fill: currentColor !important;\n color: inherit !important;\n flex-shrink: 0 !important;\n}\n[data-mesurer-context-root=\"true\"] :is( [data-mesurer-annotation-trigger=\"true\"], [data-mesurer-annotation-composer=\"true\"], [data-mesurer-annotation-panel=\"true\"] ) svg path {\n fill: currentColor !important;\n stroke: none !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-send=\"true\"] {\n appearance: none !important;\n box-sizing: border-box !important;\n display: flex !important;\n width: 24px !important;\n height: 24px !important;\n min-width: 24px !important;\n min-height: 24px !important;\n margin: 0 !important;\n padding: 0 !important;\n align-items: center !important;\n justify-content: center !important;\n border: 0 !important;\n border-radius: 9999px !important;\n background: #0d99ff !important;\n color: #fff !important;\n opacity: 1 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-send=\"true\"]:disabled {\n opacity: 0.4 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-composer=\"true\"] .mesurer-send-icon {\n width: 16px !important;\n height: 16px !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-composer=\"true\"] .mesurer-send-icon path {\n fill: none !important;\n stroke: currentColor !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-composer=\"true\"] textarea {\n box-sizing: border-box !important;\n min-height: 34px !important;\n max-height: 128px !important;\n resize: none !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"box\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n position: absolute !important;\n left: calc(anchor(left) + var(--mesurer-nested-scroll-x, 0px)) !important;\n top: calc(anchor(top) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"label\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n position: absolute !important;\n left: calc(anchor(center) + var(--mesurer-nested-scroll-x, 0px)) !important;\n top: calc(anchor(bottom) + 2px + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\nbody [data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"] {\n position: absolute !important;\n left: calc(anchor(left) + var(--mesurer-native-anchor-x, 0px) + var(--mesurer-nested-scroll-x, 0px)) !important;\n top: calc(anchor(top) + var(--mesurer-native-anchor-y, 0px) + var(--mesurer-nested-scroll-y, 0px)) !important;\n}\n[data-mesurer-text-edit-ring=\"true\"], [data-mesurer-text-selection-highlight=\"true\"], [data-mesurer-text-caret=\"true\"] {\n z-index: 2147482900 !important;\n}\n[data-mesurer-text-inspector-placement-shell=\"true\"], .mesurer-ti-card {\n z-index: 2147483647 !important;\n}\n[data-mesurer-context-root=\"true\"] [data-mesurer-annotation-scroll-mode=\"document\"] {\n position: absolute !important;\n}\n[data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n position: fixed !important;\n}\n[data-mesurer-native-scroll-anchor=\"offset\"][data-mesurer-nested-scroll-compensation=\"true\"][data-mesurer-annotation-scroll-mode=\"native-anchor\"] {\n position: fixed !important;\n}\n[data-mesurer-annotation-badge=\"true\"] {\n width: 20px !important;\n height: 20px !important;\n transform: none !important;\n transition: width 150ms ease, height 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease !important;\n}\n[data-mesurer-annotation-marker=\"true\"][data-mesurer-annotation-highlighted=\"true\"] > [data-mesurer-annotation-badge=\"true\"] {\n width: 24px !important;\n height: 24px !important;\n}\n[data-mesurer-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"], [data-mesurer-context-root=\"true\"][data-mesurer-direct-text-edit-active=\"true\"] [data-mesurer-annotation-trigger=\"true\"] {\n display: none !important;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] {\n grid-template-columns: minmax(0, 1fr) auto;\n}\n[data-mesurer-plugin-settings] [role=\"switch\"] > span:first-child {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n[data-mesurer-plugin-settings-disclosure=\"plugins\"] {\n width: calc(100% + 16px);\n margin-inline: -8px;\n}\n.mesurer-solid-root {\n position: fixed;\n inset: 0;\n z-index: 2147483000;\n pointer-events: none;\n --msr-spacing: 4px;\n}\n.mesurer-solid-root [role=\"slider\"] {\n border: 0;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"] [data-mesurer-distance-hover-target=\"true\"] {\n opacity: 1 !important;\n}\n[data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"x\"]:hover) [data-mesurer-distance-line^=\"vertical\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis=\"y\"]:hover) [data-mesurer-distance-line^=\"horizontal\"], [data-mesurer-distance-kind=\"selection-spacing\"][data-mesurer-distance-active=\"true\"]:has([data-mesurer-distance-label-axis]:hover) [data-mesurer-distance-connector=\"true\"], [data-mesurer-spacing-paint=\"true\"][data-mesurer-distance-active=\"true\"][data-mesurer-spacing-hover-axis] [data-mesurer-distance-connector=\"true\"] {\n opacity: 0.16 !important;\n}\n[data-mesurer-spacing-paint=\"true\"][data-mesurer-distance-active=\"true\"][data-mesurer-spacing-hover-axis=\"x\"] [data-mesurer-distance-line^=\"vertical\"], [data-mesurer-spacing-paint=\"true\"][data-mesurer-distance-active=\"true\"][data-mesurer-spacing-hover-axis=\"y\"] [data-mesurer-distance-line^=\"horizontal\"] {\n opacity: 0.16 !important;\n}\nbody.mesurer-solid-xray * {\n outline: solid 1px blue !important;\n}\nbody.mesurer-solid-xray [data-mesurer-root], body.mesurer-solid-xray [data-mesurer-root] *, body.mesurer-solid-xray [data-mesurer-inspector-ui], body.mesurer-solid-xray [data-mesurer-inspector-ui] *, body.mesurer-solid-xray .mesurer-toolbar-surface, body.mesurer-solid-xray .mesurer-toolbar-surface *, body.mesurer-solid-xray .mesurer-ti-box, body.mesurer-solid-xray .mesurer-ti-card, body.mesurer-solid-xray .mesurer-ti-card *, body.mesurer-solid-xray .mesurer-ti-close {\n outline: none !important;\n}\n[data-mesurer-toolbar=\"true\"] div:has(> [data-mesurer-toolbar-compact-item]) {\n transition: padding-inline 150ms ease;\n}\n[data-mesurer-toolbar=\"true\"][data-mesurer-toolbar-compact=\"true\"] div:has(> [data-mesurer-toolbar-compact-item]):not(:has(> [data-mesurer-toolbar-compact-item][data-visible=\"true\"])) {\n padding-inline: 0;\n}\n[data-mesurer-selected-measurement=\"true\"]:has(> [data-mesurer-native-scroll-anchor=\"box\"]) {\n display: contents !important;\n}\n@media (prefers-reduced-motion: reduce) {\n [data-mesurer-toolbar=\"true\"] div:has(> [data-mesurer-toolbar-compact-item]) {\n transition: none;\n }\n [data-mesurer-annotation-badge=\"true\"] {\n transition: none !important;\n }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) {\n --msr-accent: #0d99ff;\n --msr-surface: #fff;\n --msr-surface-raised: #fff;\n --msr-surface-muted: #f8fafc;\n --msr-content: #18181b;\n --msr-color-white: #fff;\n --msr-color-black: #000;\n --msr-color-ink-50: #f8fafc;\n --msr-color-ink-100: #f1f5f9;\n --msr-color-ink-200: #e2e8f0;\n --msr-color-ink-300: #cbd5e1;\n --msr-color-ink-500: #64748b;\n --msr-color-ink-700: #334155;\n --msr-color-ink-900: #18181b;\n --color-ink-50: var(--msr-color-ink-50);\n --color-ink-100: var(--msr-color-ink-100);\n --color-ink-200: var(--msr-color-ink-200);\n --color-ink-300: var(--msr-color-ink-300);\n --color-ink-500: var(--msr-color-ink-500);\n --color-ink-700: var(--msr-color-ink-700);\n --color-ink-900: var(--msr-color-ink-900);\n --msr-danger-bg: #fef2f2;\n --msr-danger-border: #fecaca;\n --msr-danger-text: #dc2626;\n --msr-danger-solid-bg: #dc2626;\n --msr-danger-solid-hover: #b91c1c;\n --msr-danger-solid-text: #fff;\n --color-red-50: var(--msr-danger-bg);\n --color-red-200: var(--msr-danger-border);\n --color-red-600: var(--msr-danger-text);\n --color-red-700: #b91c1c;\n --msr-control-thumb: #fff;\n --msr-slider-track: rgba(15, 23, 42, 0.16);\n --msr-shadow-toolbar: 0 0 0.4px rgba(0, 0, 0, 0.22),\n 0 6px 18px rgba(0, 0, 0, 0.03),\n 0 3px 9px rgba(0, 0, 0, 0.06),\n 0 1px 1px rgba(0, 0, 0, 0.06);\n --msr-shadow-floating: 0 0 0.4px rgba(0, 0, 0, 0.22),\n 0 6px 18px rgba(0, 0, 0, 0.03),\n 0 3px 9px rgba(0, 0, 0, 0.06),\n 0 1px 1px rgba(0, 0, 0, 0.06);\n --msr-shadow-select-menu: var(--msr-shadow-floating);\n color: var(--msr-content);\n color-scheme: light;\n}\n:where( [data-mesurer-root=\"true\"][data-theme=\"dark\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"dark\"] ) {\n --msr-accent: #0c8ce9;\n --msr-surface: #323232;\n --msr-surface-raised: #3a3a3a;\n --msr-surface-muted: #3a3a3a;\n --msr-content: #f5f5f5;\n --msr-color-white: #f5f5f5;\n --msr-color-black: #171717;\n --msr-color-ink-50: #3a3a3a;\n --msr-color-ink-100: #414141;\n --msr-color-ink-200: #4a4a4a;\n --msr-color-ink-300: #5a5a5a;\n --msr-color-ink-500: #a0a0a0;\n --msr-color-ink-700: #dedede;\n --msr-color-ink-900: #f5f5f5;\n --msr-danger-bg: #3f2020;\n --msr-danger-border: #7f3f46;\n --msr-danger-text: #f87171;\n --msr-danger-solid-bg: #c95058;\n --msr-danger-solid-hover: #b7424b;\n --msr-danger-solid-text: #f5f5f5;\n --color-red-700: #fca5a5;\n --msr-control-thumb: #f4f4f5;\n --msr-slider-track: rgba(245, 245, 245, 0.24);\n --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n 0 3px 8px lch(0% 0 0 / 0.125),\n 0 2px 5px lch(0% 0 0 / 0.125),\n 0 1px 1px lch(0% 0 0 / 0.125);\n --msr-shadow-floating: 0 0 0.4px lch(100% 0 0 / 0.10),\n 0 3px 8px lch(0% 0 0 / 0.125),\n 0 2px 5px lch(0% 0 0 / 0.125),\n 0 1px 1px lch(0% 0 0 / 0.125);\n --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n 0 4px 12px lch(0% 0 0 / 0.22),\n 0 1px 3px lch(0% 0 0 / 0.18);\n color-scheme: dark;\n}\n@media (prefers-color-scheme: dark) {\n :where( [data-mesurer-root=\"true\"][data-theme=\"system\"], [data-mesurer-inspector-ui=\"true\"][data-theme=\"system\"] ) {\n --msr-accent: #0c8ce9;\n --msr-surface: #323232;\n --msr-surface-raised: #3a3a3a;\n --msr-surface-muted: #3a3a3a;\n --msr-content: #f5f5f5;\n --msr-color-white: #f5f5f5;\n --msr-color-black: #171717;\n --msr-color-ink-50: #3a3a3a;\n --msr-color-ink-100: #414141;\n --msr-color-ink-200: #4a4a4a;\n --msr-color-ink-300: #5a5a5a;\n --msr-color-ink-500: #a0a0a0;\n --msr-color-ink-700: #dedede;\n --msr-color-ink-900: #f5f5f5;\n --msr-danger-bg: #3f2020;\n --msr-danger-border: #7f3f46;\n --msr-danger-text: #f87171;\n --msr-danger-solid-bg: #c95058;\n --msr-danger-solid-hover: #b7424b;\n --msr-danger-solid-text: #f5f5f5;\n --color-red-700: #fca5a5;\n --msr-control-thumb: #f4f4f5;\n --msr-slider-track: rgba(245, 245, 245, 0.24);\n --msr-shadow-toolbar: 0 0 0.4px lch(100% 0 0 / 0.10),\n 0 3px 8px lch(0% 0 0 / 0.125),\n 0 2px 5px lch(0% 0 0 / 0.125),\n 0 1px 1px lch(0% 0 0 / 0.125);\n --msr-shadow-floating: 0 0 0.4px lch(100% 0 0 / 0.10),\n 0 3px 8px lch(0% 0 0 / 0.125),\n 0 2px 5px lch(0% 0 0 / 0.125),\n 0 1px 1px lch(0% 0 0 / 0.125);\n --msr-shadow-select-menu: 0 0 0 0.4px lch(100% 0 0 / 0.14),\n 0 4px 12px lch(0% 0 0 / 0.22),\n 0 1px 3px lch(0% 0 0 / 0.18);\n color-scheme: dark;\n }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-white\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#fff]\"] {\n background-color: var(--msr-surface) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-black\"] {\n color: var(--msr-content) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/4\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-black/5\"]:hover {\n background-color: var(--msr-content) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in srgb, var(--msr-content) 6%, transparent) !important;\n }\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is(.mesurer-menu-surface, .mesurer-color-picker) {\n border-radius: 9px;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-toolbar-surface {\n background-color: var(--msr-surface) !important;\n box-shadow: var(--msr-shadow-toolbar) !important;\n color: var(--msr-content);\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is( .mesurer-menu-surface, .mesurer-color-picker, .mesurer-ti-card, [data-mesurer-text-inspector-info=\"true\"], [data-mesurer-annotation-panel=\"true\"], [data-mesurer-annotation-composer=\"true\"] ) {\n background-color: var(--msr-surface-raised) !important;\n color: var(--msr-content) !important;\n box-shadow: var(--msr-shadow-floating) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track[data-checked=\"false\"], :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-control-shell {\n background-color: var(--msr-surface-muted) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) .mesurer-switch-track > span {\n background-color: var(--msr-control-thumb) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) :is(.mesurer-settings-select, .mesurer-settings-select-menu) {\n background-color: var(--msr-surface-raised) !important;\n border-color: var(--msr-color-ink-200) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-mesurer-rulers=\"true\"] {\n color: var(--msr-color-ink-500) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-container=\"true\"] > div:first-child {\n background-color: var(--msr-slider-track) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:bg-[#0d99ff]\"] {\n background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:border-[#0d99ff]\"] {\n border-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:hover:bg-[#0d99ff]\"]:hover, :where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:focus-visible:bg-[#0d99ff]\"]:focus-visible {\n background-color: var(--msr-accent) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [class~=\"msr:text-white\"] {\n color: var(--msr-color-white) !important;\n}\n:where( [data-mesurer-root=\"true\"][data-theme], [data-mesurer-inspector-ui=\"true\"][data-theme] ) [data-slider-thumb=\"true\"]:focus-visible {\n box-shadow: 0 0 0 1px var(--msr-accent) !important;\n @supports (color: color-mix(in lab, red, red)) {\n box-shadow: 0 0 0 1px color-mix(in srgb, var(--msr-accent) 25%, transparent) !important;\n }\n}\n:where([data-mesurer-root=\"true\"], [data-mesurer-inspector-ui=\"true\"]) {\n --msr-radius-control: 5px;\n}\n@layer utilities {\n .msr\\:rounded-control {\n border-radius: var(--msr-radius-control);\n }\n}\n.mesurer-thin-scrollbar {\n scrollbar-width: thin;\n scrollbar-color: var(--msr-color-ink-200) transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-thumb {\n background: var(--msr-color-ink-200);\n border-radius: var(--msr-radius-control);\n}\n.mesurer-thin-scrollbar:hover {\n scrollbar-color: var(--msr-color-ink-300) transparent;\n}\n.mesurer-thin-scrollbar:hover::-webkit-scrollbar-thumb {\n background: var(--msr-color-ink-300);\n}\n.mesurer-thin-scrollbar::-webkit-scrollbar-corner {\n background: transparent;\n}\n.mesurer-toolbar-mode-switch[data-compact=\"true\"][data-value=\"select\"] [data-mesurer-toolbar-edit-control=\"true\"], .mesurer-toolbar-mode-switch[data-compact=\"true\"][data-value=\"edit\"] [data-mesurer-toolbar-mode-select-control=\"true\"], .mesurer-toolbar-mode-switch[data-compact=\"true\"] [data-mesurer-tool-menu-trigger] {\n display: none;\n}\n.mesurer-toolbar-mode-switch[data-compact=\"true\"][data-value=\"edit\"] .mesurer-toolbar-mode-switch-pill {\n transform: translateX(0);\n}\n.mesurer-toolbar-mode-switch {\n position: relative;\n z-index: 1;\n isolation: isolate;\n border-radius: 5px;\n background: transparent;\n}\n.mesurer-toolbar-mode-switch-pill {\n position: absolute;\n top: 2px;\n left: 2px;\n z-index: 0;\n width: 28px;\n height: 28px;\n border-radius: 3px;\n background: var(--msr-color-ink-200, #e2e8f0);\n transform: translateX(0);\n}\n.mesurer-toolbar-mode-switch[data-value=\"edit\"] .mesurer-toolbar-mode-switch-pill {\n transform: translateX(30px);\n}\n.mesurer-toolbar-mode-switch > :not(.mesurer-toolbar-mode-switch-pill) {\n position: relative;\n z-index: 1;\n}\n.mesurer-toolbar-mode-button {\n display: flex;\n width: 28px;\n height: 28px;\n align-items: center;\n justify-content: center;\n border-radius: 3px;\n color: var(--msr-color-ink-700, #334155);\n outline: none;\n}\n.mesurer-toolbar-mode-button[aria-pressed=\"true\"] {\n color: var(--msr-color-ink-900, #18181b);\n}\n.mesurer-toolbar-mode-button[aria-pressed=\"false\"]:not(:disabled):hover {\n background: var(--msr-color-ink-200, #e2e8f0);\n @supports (color: color-mix(in lab, red, red)) {\n background: color-mix(in srgb, var(--msr-color-ink-200, #e2e8f0) 50%, transparent);\n }\n}\n.mesurer-toolbar-mode-button:focus-visible {\n outline: 1px solid var(--msr-color-ink-500, #64748b);\n outline-offset: 1px;\n}\n.mesurer-toolbar-mode-button:disabled {\n cursor: default;\n opacity: 0.35;\n}\n.mesurer-toolbar-mode-stage {\n --msr-select-mode-w: 0px;\n --msr-edit-mode-w: 0px;\n position: relative;\n flex: none;\n width: var(--msr-select-mode-w);\n overflow: visible;\n}\n.mesurer-toolbar-mode-stage[data-mode=\"edit\"] {\n width: var(--msr-edit-mode-w);\n}\n.mesurer-toolbar-mode-track {\n display: flex;\n width: max-content;\n align-items: stretch;\n transform: translateX(0);\n}\n.mesurer-toolbar-mode-stage[data-mode=\"edit\"] .mesurer-toolbar-mode-track {\n transform: translateX(calc(-1 * var(--msr-select-mode-w)));\n}\n.mesurer-toolbar-mode-slot {\n flex: none;\n width: var(--msr-select-mode-w);\n}\n.mesurer-toolbar-mode-slot[data-mode=\"edit\"] {\n width: var(--msr-edit-mode-w);\n}\n.mesurer-toolbar-mode-panel {\n display: flex;\n width: max-content;\n align-items: stretch;\n}\n.mesurer-toolbar-mode-slot[data-open=\"false\"] {\n visibility: hidden;\n pointer-events: none;\n}\n.mesurer-toolbar-mode-stage[data-mode-motion=\"true\"] {\n overflow: hidden;\n}\n.mesurer-toolbar-mode-stage[data-mode-motion=\"true\"] .mesurer-toolbar-mode-slot[data-open=\"false\"] {\n visibility: visible;\n}\n.mesurer-toolbar-mode-stage:has( .mesurer-toolbar-mode-slot[data-open=\"true\"] [role=\"menu\"], .mesurer-toolbar-mode-slot[data-open=\"true\"] [role=\"dialog\"] ) {\n overflow: visible;\n}\n.mesurer-toolbar-mode-stage[data-ready=\"true\"], .mesurer-toolbar-mode-stage[data-ready=\"true\"] .mesurer-toolbar-mode-track {\n transition-duration: 150ms;\n transition-timing-function: ease;\n}\n.mesurer-toolbar-mode-stage[data-ready=\"true\"] {\n transition-property: width;\n}\n.mesurer-toolbar-mode-stage[data-compact-motion=\"true\"] {\n transition-property: none;\n}\n.mesurer-toolbar-mode-stage[data-ready=\"true\"] .mesurer-toolbar-mode-track {\n transition-property: transform;\n}\n.mesurer-toolbar-mode-switch {\n --msr-toolbar-mode-motion: 150ms ease;\n}\n.mesurer-toolbar-mode-switch-pill {\n transition: transform var(--msr-toolbar-mode-motion);\n}\n@media (prefers-reduced-motion: reduce) {\n .mesurer-toolbar-mode-stage, .mesurer-toolbar-mode-track, .mesurer-toolbar-mode-switch-pill {\n transition: none !important;\n }\n}\n[data-mesurer-root=\"true\"][data-mesurer-recording-active] [data-mesurer-motion-surface=\"true\"] {\n display: none !important;\n}\n.mesurer-toolbar-zone {\n position: fixed;\n pointer-events: none;\n border-radius: 9px;\n box-sizing: border-box;\n border: 1px dashed rgb(15 15 20 / 6%);\n outline: 1px dashed rgb(255 255 255 / 7%);\n outline-offset: -2px;\n background: rgb(15 15 20 / 1%);\n animation: mesurer-toolbar-zone-in 180ms ease-out both;\n}\n.mesurer-toolbar-zone[data-active=\"true\"] {\n border-color: rgb(15 15 20 / 14%);\n background: rgb(15 15 20 / 3.5%);\n}\n@keyframes mesurer-toolbar-zone-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] {\n flex-direction: column;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] > div:not([role=\"dialog\"]), [data-mesurer-toolbar][data-orientation=\"vertical\"] [role=\"group\"], [data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-panel, [data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-track, [data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-compact-item] {\n flex-direction: column;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [role=\"group\"] {\n padding: 2px 4px;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-compact-item] {\n max-width: none;\n padding: 2px 0;\n transition-property: max-height, opacity, transform, padding;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-compact-item][data-visible=\"false\"] {\n max-height: 0;\n padding: 0;\n transform: translateY(-4px);\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-compact-item][data-visible=\"true\"] {\n max-height: 80px;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-divider] {\n width: auto;\n height: 1px;\n transition-property: height, opacity;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] [data-mesurer-toolbar-divider].msr\\:opacity-0 {\n height: 0;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-stage, [data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-slot {\n width: auto;\n height: var(--msr-select-mode-h, auto);\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-stage[data-mode=\"edit\"], [data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-slot[data-mode=\"edit\"] {\n height: var(--msr-edit-mode-h, auto);\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-stage {\n transition-property: height;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-track {\n width: auto;\n height: max-content;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-panel {\n width: auto;\n height: max-content;\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-stage[data-mode=\"edit\"] .mesurer-toolbar-mode-track {\n transform: translateY(calc(-1 * var(--msr-select-mode-h)));\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-switch[data-value=\"edit\"] .mesurer-toolbar-mode-switch-pill {\n transform: translateY(30px);\n}\n[data-mesurer-toolbar][data-orientation=\"vertical\"] .mesurer-toolbar-mode-switch[data-compact=\"true\"] .mesurer-toolbar-mode-switch-pill {\n transform: none;\n}\n[data-mesurer-toolbar][data-dock-edge] {\n transition: transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n[data-mesurer-toolbar][data-tucked=\"true\"]:is(:not(:hover), [data-tuck-locked=\"true\"])[data-dock-edge=\"top\"] {\n transform: translateX(var(--msr-tuck-safe-offset, 0px)) translateY(calc(-100% - 10px));\n}\n[data-mesurer-toolbar][data-tucked=\"true\"]:is(:not(:hover), [data-tuck-locked=\"true\"])[data-dock-edge=\"bottom\"] {\n transform: translateY(calc(100% + 10px));\n}\n[data-mesurer-toolbar][data-tucked=\"true\"]:is(:not(:hover), [data-tuck-locked=\"true\"])[data-dock-edge=\"left\"] {\n transform: translateX(calc(-100% - 10px));\n}\n[data-mesurer-toolbar][data-tucked=\"true\"]:is(:not(:hover), [data-tuck-locked=\"true\"])[data-dock-edge=\"right\"] {\n transform: translateX(calc(100% + 10px));\n}\n[data-mesurer-toolbar] [role=\"tooltip\"][data-tooltip-side=\"left\"], [data-mesurer-toolbar] [role=\"tooltip\"][data-tooltip-side=\"right\"] {\n top: 50%;\n bottom: auto;\n margin: 0;\n translate: none;\n transform: translateY(-50%);\n}\n[data-mesurer-toolbar] [role=\"tooltip\"][data-tooltip-side=\"left\"] {\n left: auto;\n right: calc(100% + 14px);\n}\n[data-mesurer-toolbar] [role=\"tooltip\"][data-tooltip-side=\"right\"] {\n left: calc(100% + 14px);\n right: auto;\n}\n@media (prefers-reduced-motion: reduce) {\n [data-mesurer-toolbar][data-dock-edge] {\n transition: none !important;\n }\n .mesurer-toolbar-zone {\n animation: none;\n }\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ordinal {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-slashed-zero {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-figure {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-spacing {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-numeric-fraction {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ease {\n syntax: \"*\";\n inherits: false;\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-ordinal: initial;\n --tw-slashed-zero: initial;\n --tw-numeric-figure: initial;\n --tw-numeric-spacing: initial;\n --tw-numeric-fraction: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-duration: initial;\n --tw-ease: initial;\n }\n }\n}\n", Ds = "--mesurer-nested-scroll-x", Os = "--mesurer-nested-scroll-y", ks = (e, t, n, r = {}) => {
|
|
3427
|
+
let i = e, a = /* @__PURE__ */ new Map(), o = t.ownerDocument, s = r.trackWindow === !0, c = (e) => {
|
|
3428
|
+
if (e.parentElement) return e.parentElement;
|
|
3429
|
+
let t = e.getRootNode();
|
|
3430
|
+
return t instanceof i.ShadowRoot ? t.host : null;
|
|
3431
|
+
}, l = c(t);
|
|
3432
|
+
for (; l;) l instanceof i.HTMLElement && l !== o.body && l !== o.documentElement && a.set(l, {
|
|
3433
|
+
left: l.scrollLeft,
|
|
3434
|
+
top: l.scrollTop
|
|
3435
|
+
}), l = c(l);
|
|
3436
|
+
let u = {
|
|
3437
|
+
left: e.scrollX,
|
|
3438
|
+
top: e.scrollY
|
|
3439
|
+
}, d = 0, f = 0, p = !1, m = () => {
|
|
3440
|
+
let e = /* @__PURE__ */ new Set();
|
|
3441
|
+
for (let t of n()) t?.isConnected && e.add(t);
|
|
3442
|
+
return e;
|
|
3443
|
+
}, h = (e, t, n) => {
|
|
3444
|
+
let r = e.style.getPropertyValue(t);
|
|
3445
|
+
if (n === 0) {
|
|
3446
|
+
r && e.style.removeProperty(t);
|
|
3447
|
+
return;
|
|
3448
|
+
}
|
|
3449
|
+
let i = `${n}px`;
|
|
3450
|
+
r !== i && e.style.setProperty(t, i);
|
|
3451
|
+
}, g = () => {
|
|
3452
|
+
if (!p) for (let e of m()) e.dataset.mesurerNestedScrollCompensation !== "true" && (e.dataset.mesurerNestedScrollCompensation = "true"), h(e, Ds, d), h(e, Os, f);
|
|
3453
|
+
}, _ = (e, t, n) => {
|
|
3454
|
+
let r = t - e.left, i = n - e.top;
|
|
3455
|
+
return r === 0 && i === 0 ? !1 : (e.left = t, e.top = n, d -= r, f -= i, !0);
|
|
3456
|
+
}, v = (e) => {
|
|
3457
|
+
if (p || !(e.currentTarget instanceof i.HTMLElement)) return;
|
|
3458
|
+
let t = e.currentTarget, n = a.get(t);
|
|
3459
|
+
!n || !_(n, t.scrollLeft, t.scrollTop) || g();
|
|
3460
|
+
}, y = () => {
|
|
3461
|
+
p || !s || !_(u, e.scrollX, e.scrollY) || g();
|
|
3462
|
+
};
|
|
3463
|
+
for (let e of a.keys()) e.addEventListener("scroll", v, {
|
|
3464
|
+
capture: !0,
|
|
3465
|
+
passive: !0
|
|
3466
|
+
});
|
|
3467
|
+
return s && e.addEventListener("scroll", y, {
|
|
3468
|
+
capture: !0,
|
|
3469
|
+
passive: !0
|
|
3470
|
+
}), g(), {
|
|
3471
|
+
sync: g,
|
|
3472
|
+
rebase() {
|
|
3473
|
+
if (!p) {
|
|
3474
|
+
for (let [e, t] of a) t.left = e.scrollLeft, t.top = e.scrollTop;
|
|
3475
|
+
u = {
|
|
3476
|
+
left: e.scrollX,
|
|
3477
|
+
top: e.scrollY
|
|
3478
|
+
}, d = 0, f = 0, g();
|
|
3479
|
+
}
|
|
3480
|
+
},
|
|
3481
|
+
release() {
|
|
3482
|
+
if (!p) {
|
|
3483
|
+
p = !0, s && e.removeEventListener("scroll", y, !0);
|
|
3484
|
+
for (let e of a.keys()) e.removeEventListener("scroll", v, !0);
|
|
3485
|
+
for (let e of m()) delete e.dataset.mesurerNestedScrollCompensation, e.style.removeProperty(Ds), e.style.removeProperty(Os);
|
|
3486
|
+
a.clear();
|
|
3487
|
+
}
|
|
3488
|
+
}
|
|
3489
|
+
};
|
|
3490
3490
|
}, As = 5;
|
|
3491
3491
|
Array.from({ length: 801 }, (e, t) => t * As);
|
|
3492
3492
|
var js = "mesurer-settings-select msr:h-6 msr:w-full msr:appearance-none msr:rounded-control msr:border msr:border-ink-200 msr:bg-white msr:px-1.5 msr:pr-6 msr:text-[11px] msr:outline-none msr:focus:shadow-[inset_0_0_0_1px_var(--msr-accent)]";
|
|
@@ -3860,7 +3860,7 @@ var Fs = (e) => (() => {
|
|
|
3860
3860
|
}
|
|
3861
3861
|
return !1;
|
|
3862
3862
|
}, Qs = (e, t) => {
|
|
3863
|
-
if (
|
|
3863
|
+
if (Go(e, t)) return !0;
|
|
3864
3864
|
let n = t.ownerDocument, r = e.ownerDocument, i = /* @__PURE__ */ new Set();
|
|
3865
3865
|
for (; r !== n && !i.has(r);) {
|
|
3866
3866
|
i.add(r);
|
|
@@ -3871,7 +3871,7 @@ var Fs = (e) => (() => {
|
|
|
3871
3871
|
return !1;
|
|
3872
3872
|
}
|
|
3873
3873
|
if (!e) return !1;
|
|
3874
|
-
if (e.ownerDocument === n &&
|
|
3874
|
+
if (e.ownerDocument === n && Go(e, t)) return !0;
|
|
3875
3875
|
r = e.ownerDocument;
|
|
3876
3876
|
}
|
|
3877
3877
|
return !1;
|
|
@@ -3896,25 +3896,25 @@ var Fs = (e) => (() => {
|
|
|
3896
3896
|
let n = nc(s, e);
|
|
3897
3897
|
if (!tc(n, t, o)) {
|
|
3898
3898
|
if (mo(n, i)) return !0;
|
|
3899
|
-
if (
|
|
3899
|
+
if (Go(n, r) && !po(n, i)) return !1;
|
|
3900
3900
|
}
|
|
3901
3901
|
}
|
|
3902
3902
|
return !1;
|
|
3903
|
-
}, ic = (e, t, n, r) => rc(e, t, n, r) ? null :
|
|
3903
|
+
}, ic = (e, t, n, r) => rc(e, t, n, r) ? null : Ko(t, () => Wo(e, r, n)), ac = (e, t, n = document, r = n.body) => {
|
|
3904
3904
|
let i = ec(t), a = ic(e, t, n, r), o = n.defaultView;
|
|
3905
3905
|
if (!o || !a) return null;
|
|
3906
3906
|
let s = oc(a, e);
|
|
3907
3907
|
if (!Qs(s, r) || tc(s, t, i) || po(s, o) || s === s.ownerDocument.body || s === s.ownerDocument.documentElement) return null;
|
|
3908
|
-
let c =
|
|
3908
|
+
let c = hs(s);
|
|
3909
3909
|
return c.width > 2 && c.height > 2 ? s : null;
|
|
3910
3910
|
}, oc = (e, t) => {
|
|
3911
3911
|
let n = e, r = t;
|
|
3912
3912
|
for (let e = 0; e < 16; e += 1) {
|
|
3913
|
-
let e =
|
|
3913
|
+
let e = ts(n);
|
|
3914
3914
|
if (!e) break;
|
|
3915
|
-
let t =
|
|
3915
|
+
let t = cs(n, r);
|
|
3916
3916
|
if (t.x < 0 || t.y < 0) break;
|
|
3917
|
-
let i =
|
|
3917
|
+
let i = Wo(t, e, e);
|
|
3918
3918
|
if (!i || i === e.body || i === e.documentElement) break;
|
|
3919
3919
|
n = i, r = t;
|
|
3920
3920
|
}
|
|
@@ -4432,7 +4432,7 @@ function Lc(e = {}, t = !1) {
|
|
|
4432
4432
|
Number.isFinite(r) && (e.style.left = `${r - t}px`), Number.isFinite(i) && (e.style.top = `${i - n}px`);
|
|
4433
4433
|
}, pe = () => {
|
|
4434
4434
|
let e = r.scrollX, t = r.scrollY, i = e - S, a = t - C;
|
|
4435
|
-
if (S = e, C = t,
|
|
4435
|
+
if (S = e, C = t, ys(n)) {
|
|
4436
4436
|
if (i || a) {
|
|
4437
4437
|
fe(h, i, a), fe(g, i, a);
|
|
4438
4438
|
for (let e of T) fe(e.box, i, a), e.userPlaced || fe(e.card, i, a);
|
|
@@ -4680,7 +4680,7 @@ var Rc = {
|
|
|
4680
4680
|
...e,
|
|
4681
4681
|
...t
|
|
4682
4682
|
}));
|
|
4683
|
-
}, F = () => yl(r), I = () => j().intents.filter((e) => e.pageUrl === F()), L = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), R = (e) =>
|
|
4683
|
+
}, F = () => yl(r), I = () => j().intents.filter((e) => e.pageUrl === F()), L = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), R = (e) => Go(e, o) && !L(e), z = (e) => {
|
|
4684
4684
|
let t = [];
|
|
4685
4685
|
o instanceof c.HTMLElement && o.matches(e) && !L(o) && t.push(o);
|
|
4686
4686
|
for (let n of o.querySelectorAll(e)) n instanceof c.HTMLElement && R(n) && t.push(n);
|
|
@@ -4688,10 +4688,10 @@ var Rc = {
|
|
|
4688
4688
|
}, B = (e, t) => e.localName !== t.fingerprintTag || t.fingerprintId && e.id !== t.fingerprintId || t.fingerprintTestId && e.getAttribute("data-testid") !== t.fingerprintTestId || t.fingerprintRole && e.getAttribute("role") !== t.fingerprintRole || t.fingerprintAriaLabel && e.getAttribute("aria-label") !== t.fingerprintAriaLabel ? !1 : t.fingerprintClasses.every((t) => e.classList.contains(t)), V = (e) => {
|
|
4689
4689
|
let t = xl(e), n = b.get(e.selector);
|
|
4690
4690
|
if (n && n.isConnected && R(n) && B(n, e)) return n;
|
|
4691
|
-
if (n && b.delete(e.selector), !
|
|
4691
|
+
if (n && b.delete(e.selector), !Yo(t)) return null;
|
|
4692
4692
|
let r = [];
|
|
4693
4693
|
try {
|
|
4694
|
-
r = z(e.selector).filter((e) =>
|
|
4694
|
+
r = z(e.selector).filter((e) => Xo(e, t));
|
|
4695
4695
|
} catch {
|
|
4696
4696
|
return null;
|
|
4697
4697
|
}
|
|
@@ -4699,7 +4699,7 @@ var Rc = {
|
|
|
4699
4699
|
if (!t.id && !t.testId) {
|
|
4700
4700
|
let e = [];
|
|
4701
4701
|
try {
|
|
4702
|
-
e = z(t.tag).filter((e) =>
|
|
4702
|
+
e = z(t.tag).filter((e) => Xo(e, t));
|
|
4703
4703
|
} catch {
|
|
4704
4704
|
return null;
|
|
4705
4705
|
}
|
|
@@ -4869,7 +4869,7 @@ var Rc = {
|
|
|
4869
4869
|
let ve = () => e.state.get(Qc) ?? !1, ye = () => {
|
|
4870
4870
|
let t = _e().length > 0;
|
|
4871
4871
|
t !== ve() && e.state.update(Qc, () => t);
|
|
4872
|
-
}, be = () => pl(_e().map((e) =>
|
|
4872
|
+
}, be = () => pl(_e().map((e) => Do(e))), xe = () => {
|
|
4873
4873
|
for (let e of C.values()) e.remove();
|
|
4874
4874
|
C.clear();
|
|
4875
4875
|
}, Se = (e) => {
|
|
@@ -4937,7 +4937,7 @@ var Rc = {
|
|
|
4937
4937
|
if (o.display === "none" || o.visibility === "hidden" || o.visibility === "collapse") return;
|
|
4938
4938
|
let s = o.outlineStyle === "solid" && (Number.parseFloat(o.outlineWidth) || 0) > 0;
|
|
4939
4939
|
if (l && !s) return;
|
|
4940
|
-
let c =
|
|
4940
|
+
let c = Do(i);
|
|
4941
4941
|
if (c.width <= 0 || c.height <= 0) return;
|
|
4942
4942
|
let d = tl;
|
|
4943
4943
|
if (c.left + c.width < -160 || c.top + c.height < -160 || c.left > r.innerWidth + d || c.top > r.innerHeight + d) return;
|
|
@@ -5047,7 +5047,7 @@ var Rc = {
|
|
|
5047
5047
|
if (!M() || e.button !== 0) return;
|
|
5048
5048
|
let r = _e();
|
|
5049
5049
|
if (!r.length) return;
|
|
5050
|
-
let a = n.elementsFromPoint && (!(o instanceof c.ShadowRoot) || o.elementsFromPoint) ?
|
|
5050
|
+
let a = n.elementsFromPoint && (!(o instanceof c.ShadowRoot) || o.elementsFromPoint) ? Ko(t.rendererRoot ?? null, () => Ko(l, () => Wo({
|
|
5051
5051
|
x: e.clientX,
|
|
5052
5052
|
y: e.clientY
|
|
5053
5053
|
}, o, n))) : null, s = e.shiftKey ? a : null;
|
|
@@ -5062,16 +5062,16 @@ var Rc = {
|
|
|
5062
5062
|
let u = le(I()), d = fe(I()), p = new Set(r);
|
|
5063
5063
|
ne();
|
|
5064
5064
|
let m = r.map((e, t) => {
|
|
5065
|
-
let n =
|
|
5065
|
+
let n = Do(e), r = q(e, d), i = d.get(e) ?? r, a = u.get(e), o = (a ? ue(a) : null) ?? {
|
|
5066
5066
|
x: i.x - r.x,
|
|
5067
5067
|
y: i.y - r.y
|
|
5068
|
-
}, s = dl(n, i), c =
|
|
5068
|
+
}, s = dl(n, i), c = Jo(e);
|
|
5069
5069
|
return {
|
|
5070
5070
|
element: e,
|
|
5071
5071
|
movesDirectly: de(e, p) === null,
|
|
5072
5072
|
target: {
|
|
5073
5073
|
id: `target-${t + 1}`,
|
|
5074
|
-
selector:
|
|
5074
|
+
selector: qo(e),
|
|
5075
5075
|
fingerprintTag: c.tag,
|
|
5076
5076
|
fingerprintId: c.id,
|
|
5077
5077
|
fingerprintTestId: c.testId,
|
|
@@ -5165,7 +5165,7 @@ var Rc = {
|
|
|
5165
5165
|
if (T = null, f.hasPointerCapture?.(t.pointerId) && f.releasePointerCapture(t.pointerId), f.style.cursor = "grab", K(), !n.moved) {
|
|
5166
5166
|
if (n.shiftToggleElement) i.toggleSelection(n.shiftToggleElement);
|
|
5167
5167
|
else if (n.pressTarget && !n.targets.some(({ element: e }) => e === n.pressTarget)) try {
|
|
5168
|
-
i.select([
|
|
5168
|
+
i.select([qo(n.pressTarget)]);
|
|
5169
5169
|
} catch {
|
|
5170
5170
|
i.clearSelection(), i.toggleSelection(n.pressTarget);
|
|
5171
5171
|
}
|
|
@@ -5205,7 +5205,7 @@ var Rc = {
|
|
|
5205
5205
|
});
|
|
5206
5206
|
}, Re = (e) => {
|
|
5207
5207
|
!T || e.pointerId !== T.pointerId || Ie();
|
|
5208
|
-
}, ze = (e) =>
|
|
5208
|
+
}, ze = (e) => Ko(l, () => ac({
|
|
5209
5209
|
x: e.clientX,
|
|
5210
5210
|
y: e.clientY
|
|
5211
5211
|
}, t.rendererRoot ?? null, n, o)), Be = (e) => {
|
|
@@ -5247,7 +5247,7 @@ var Rc = {
|
|
|
5247
5247
|
});
|
|
5248
5248
|
let He = i.subscribe(() => {
|
|
5249
5249
|
ye(), je();
|
|
5250
|
-
}), Ue = e.state.subscribe(je), We =
|
|
5250
|
+
}), Ue = e.state.subscribe(je), We = xs(n, () => {
|
|
5251
5251
|
!O && M() && !T && De();
|
|
5252
5252
|
}), Ge = (e) => j().intents.find((t) => t.id === e) ?? null, Ke = (e, t) => {
|
|
5253
5253
|
let n = null;
|
|
@@ -5261,7 +5261,7 @@ var Rc = {
|
|
|
5261
5261
|
top: e.desiredTop,
|
|
5262
5262
|
width: e.desiredWidth,
|
|
5263
5263
|
height: e.desiredHeight
|
|
5264
|
-
}))) : ge(() => pl(e.targets.map((e) => V(e)).filter((e) => e !== null).map((e) =>
|
|
5264
|
+
}))) : ge(() => pl(e.targets.map((e) => V(e)).filter((e) => e !== null).map((e) => Do(e)))), !n) throw Error(`Edit movement intent has no resolvable capture region: ${e.id}`);
|
|
5265
5265
|
let i = Math.max(0, n.left - el), a = Math.max(0, n.top - el), o = Math.min(r.innerWidth, n.left + n.width + el), s = Math.min(r.innerHeight, n.top + n.height + el);
|
|
5266
5266
|
return {
|
|
5267
5267
|
left: i,
|
|
@@ -5325,7 +5325,7 @@ var Rc = {
|
|
|
5325
5325
|
delta: null,
|
|
5326
5326
|
matched: !1
|
|
5327
5327
|
};
|
|
5328
|
-
let i =
|
|
5328
|
+
let i = Do(n), a = fl(i, r), o = Math.abs(a.left) <= t && Math.abs(a.top) <= t && Math.abs(a.width) <= t && Math.abs(a.height) <= t;
|
|
5329
5329
|
return {
|
|
5330
5330
|
targetId: e.id,
|
|
5331
5331
|
selector: e.selector,
|
|
@@ -5848,13 +5848,13 @@ function cu(e) {
|
|
|
5848
5848
|
target: t,
|
|
5849
5849
|
anchorName: n,
|
|
5850
5850
|
releaseAnchor: iu(t, n),
|
|
5851
|
-
scroll:
|
|
5851
|
+
scroll: ks(a, t, () => de(e), { trackWindow: !1 })
|
|
5852
5852
|
});
|
|
5853
5853
|
} else U.set(e, {
|
|
5854
5854
|
target: t,
|
|
5855
5855
|
anchorName: null,
|
|
5856
5856
|
releaseAnchor: null,
|
|
5857
|
-
scroll:
|
|
5857
|
+
scroll: ks(a, t, () => de(e), { trackWindow: G() })
|
|
5858
5858
|
});
|
|
5859
5859
|
i((e) => e + 1);
|
|
5860
5860
|
}
|
|
@@ -5887,10 +5887,10 @@ function cu(e) {
|
|
|
5887
5887
|
let a = e.ownerDocument.defaultView;
|
|
5888
5888
|
if (a) {
|
|
5889
5889
|
if (n && ru(e)) {
|
|
5890
|
-
B = iu(e, i), z = e, D = i, V =
|
|
5890
|
+
B = iu(e, i), z = e, D = i, V = ks(a, e, ue, { trackWindow: !1 });
|
|
5891
5891
|
return;
|
|
5892
5892
|
}
|
|
5893
|
-
D = i, V =
|
|
5893
|
+
D = i, V = ks(a, e, ue, { trackWindow: G() });
|
|
5894
5894
|
}
|
|
5895
5895
|
}, Se = (e) => {
|
|
5896
5896
|
if (H?.disconnect(), H = null, !e?.isConnected) return;
|
|
@@ -5952,7 +5952,7 @@ function cu(e) {
|
|
|
5952
5952
|
if (i.anchor.kind === "region") return [{ ...i.anchor.rect }];
|
|
5953
5953
|
let a = i.resolvedTargets.flatMap(({ element: e }) => {
|
|
5954
5954
|
if (!e?.isConnected) return [];
|
|
5955
|
-
let t =
|
|
5955
|
+
let t = ds(e);
|
|
5956
5956
|
return [{
|
|
5957
5957
|
left: t.left,
|
|
5958
5958
|
top: t.top,
|
|
@@ -5969,7 +5969,7 @@ function cu(e) {
|
|
|
5969
5969
|
return e !== null && ae(e, ie());
|
|
5970
5970
|
}, He = wr(() => {
|
|
5971
5971
|
let e = Pe(), t = e.elements.filter((e) => e.isConnected).map((e) => {
|
|
5972
|
-
let t =
|
|
5972
|
+
let t = ds(e);
|
|
5973
5973
|
return {
|
|
5974
5974
|
left: t.left,
|
|
5975
5975
|
top: t.top,
|
|
@@ -5988,7 +5988,7 @@ function cu(e) {
|
|
|
5988
5988
|
r();
|
|
5989
5989
|
let e = Ge();
|
|
5990
5990
|
if (!e?.isConnected || Zs(e.ownerDocument)) return null;
|
|
5991
|
-
let t =
|
|
5991
|
+
let t = ds(e), n = {
|
|
5992
5992
|
left: t.left,
|
|
5993
5993
|
top: t.top,
|
|
5994
5994
|
width: t.width,
|
|
@@ -6037,7 +6037,7 @@ function cu(e) {
|
|
|
6037
6037
|
...K(t),
|
|
6038
6038
|
nativeAnchor: !1
|
|
6039
6039
|
};
|
|
6040
|
-
let i =
|
|
6040
|
+
let i = ds(n.target);
|
|
6041
6041
|
return {
|
|
6042
6042
|
...t,
|
|
6043
6043
|
nativeAnchor: !0,
|
|
@@ -6058,7 +6058,7 @@ function cu(e) {
|
|
|
6058
6058
|
...K(e),
|
|
6059
6059
|
nativeAnchor: !1
|
|
6060
6060
|
};
|
|
6061
|
-
let n =
|
|
6061
|
+
let n = ds(t);
|
|
6062
6062
|
return {
|
|
6063
6063
|
...e,
|
|
6064
6064
|
nativeAnchor: !0,
|
|
@@ -6640,7 +6640,7 @@ var uu = "2147482950", du = "2147483646", fu = "2147483647";
|
|
|
6640
6640
|
function pu(e) {
|
|
6641
6641
|
let { ownerDocument: t, ownerWindow: n, pageTarget: r } = e, i = t.body;
|
|
6642
6642
|
if (!(i && !(r instanceof n.ShadowRoot) && r.getRootNode() === t)) return e.createInspectorMount();
|
|
6643
|
-
|
|
6643
|
+
Ts(Es, i);
|
|
6644
6644
|
let a = t.createElement("div");
|
|
6645
6645
|
a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerDocumentInspectorMount = "true", a.dataset.theme = e.theme?.() ?? "system";
|
|
6646
6646
|
let o = e.subscribeTheme?.((e) => {
|
|
@@ -6781,7 +6781,7 @@ var vu = "#FF0000", yu = .1, bu = /* @__PURE__ */ new Set([
|
|
|
6781
6781
|
]), Su = (e, t, n) => Math.min(n, Math.max(t, e)), Cu = (e, t) => e !== void 0 && Number.isFinite(e) ? e : t, wu = (e = {}) => {
|
|
6782
6782
|
let t = e.kind && bu.has(e.kind) ? e.kind : "columns", n = e.align && xu.has(e.align) ? e.align : t === "grid" ? "min" : "stretch", r = e.id?.trim(), i = e.color?.trim();
|
|
6783
6783
|
return {
|
|
6784
|
-
id: r ||
|
|
6784
|
+
id: r || us(),
|
|
6785
6785
|
kind: t,
|
|
6786
6786
|
visible: e.visible ?? !0,
|
|
6787
6787
|
color: i || "#FF0000",
|
|
@@ -9812,7 +9812,7 @@ var Lu = "mesurer.layout-guides", Ru = "layout-guides:v1", zu = "mesurer.layout-
|
|
|
9812
9812
|
C = !0, b += 1, d.removeEventListener("pointerdown", z), d.removeEventListener("pointermove", B), d.removeEventListener("pointerup", V), d.removeEventListener("pointercancel", H), i.removeEventListener("keydown", ee, !0), y && i.clearTimeout(y), M.dispose(), k(), oo(i), a.finishCapture(), a.dispose(), o.dispose();
|
|
9813
9813
|
});
|
|
9814
9814
|
}
|
|
9815
|
-
}), mp = "0.2.3-beta.
|
|
9815
|
+
}), mp = "0.2.3-beta.6", hp = Uc, gp = Bc, _p = Vc, vp = Wc, yp = Hc, bp = () => ({
|
|
9816
9816
|
...Il(),
|
|
9817
9817
|
version: mp
|
|
9818
9818
|
}), xp = bp, Sp = hp, Cp = gp, wp = _p, Tp = vp, Ep = yp, Dp = (e, t) => e.left <= t.left + t.width && e.left + e.width >= t.left && e.top <= t.top + t.height && e.top + e.height >= t.top, Op = (e) => {
|