mesurer-solid 0.2.3-beta.5 → 0.2.3-beta.7
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/context.d.ts +15 -0
- package/dist/index.js +4698 -4268
- package/dist/inject-script.js +21 -21
- package/dist/inject.js +4694 -4264
- package/dist/plugins.js +361 -353
- package/package.json +1 -1
- package/skills/mesurer-ui/SKILL.md +1 -1
package/dist/plugins.js
CHANGED
|
@@ -2973,23 +2973,27 @@ var _o = /* @__PURE__ */ new WeakMap(), vo = (e) => {
|
|
|
2973
2973
|
let n = vo(e);
|
|
2974
2974
|
for (let e of t.listeners) e(n);
|
|
2975
2975
|
}, bo = (e) => {
|
|
2976
|
-
let t = _o.get(e);
|
|
2976
|
+
let t = _o.get(e.document);
|
|
2977
2977
|
if (t) return t;
|
|
2978
|
-
let n = e.history, r = n.pushState, i = n.replaceState, a = {
|
|
2978
|
+
let n = e.history, r = n.pushState, i = n.replaceState, a = e.removeEventListener.bind(e), o = {
|
|
2979
|
+
document: e.document,
|
|
2980
|
+
releaseNativeListeners: () => {
|
|
2981
|
+
a("popstate", o.handleNativeChange), a("hashchange", o.handleNativeChange);
|
|
2982
|
+
},
|
|
2979
2983
|
listeners: /* @__PURE__ */ new Set(),
|
|
2980
2984
|
pushState: r,
|
|
2981
2985
|
replaceState: i,
|
|
2982
|
-
handleNativeChange: () => yo(e,
|
|
2986
|
+
handleNativeChange: () => yo(e, o)
|
|
2983
2987
|
};
|
|
2984
2988
|
return n.pushState = function(...t) {
|
|
2985
2989
|
let n = r.apply(this, t);
|
|
2986
|
-
return yo(e,
|
|
2990
|
+
return yo(e, o), n;
|
|
2987
2991
|
}, n.replaceState = function(...t) {
|
|
2988
2992
|
let n = i.apply(this, t);
|
|
2989
|
-
return yo(e,
|
|
2990
|
-
}, e.addEventListener("popstate",
|
|
2993
|
+
return yo(e, o), n;
|
|
2994
|
+
}, e.addEventListener("popstate", o.handleNativeChange), e.addEventListener("hashchange", o.handleNativeChange), _o.set(e.document, o), o;
|
|
2991
2995
|
}, xo = (e, t) => {
|
|
2992
|
-
t.listeners.size > 0 || _o.get(
|
|
2996
|
+
t.listeners.size > 0 || _o.get(t.document) !== t || (t.document.defaultView === e && (e.history.pushState = t.pushState, e.history.replaceState = t.replaceState), t.releaseNativeListeners(), _o.delete(t.document));
|
|
2993
2997
|
}, So = (e, t) => {
|
|
2994
2998
|
let n = bo(e);
|
|
2995
2999
|
n.listeners.add(t);
|
|
@@ -2997,152 +3001,11 @@ var _o = /* @__PURE__ */ new WeakMap(), vo = (e) => {
|
|
|
2997
3001
|
return () => {
|
|
2998
3002
|
r || (r = !0, n.listeners.delete(t), xo(e, n));
|
|
2999
3003
|
};
|
|
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) => {
|
|
3004
|
+
}, Co = (e, t) => {
|
|
3142
3005
|
let n = t.CSS;
|
|
3143
3006
|
return n?.escape ? n.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
|
|
3144
|
-
},
|
|
3145
|
-
function
|
|
3007
|
+
}, wo = (e) => (e.textContent ?? "").replace(/\s+/g, " ").trim().slice(0, 200) || null, To = (e) => e.nodeType === 9, Eo = (e) => e.nodeType === 11;
|
|
3008
|
+
function Do(e) {
|
|
3146
3009
|
let t = e.getBoundingClientRect();
|
|
3147
3010
|
return {
|
|
3148
3011
|
left: t.left,
|
|
@@ -3151,23 +3014,23 @@ function Ho(e) {
|
|
|
3151
3014
|
height: t.height
|
|
3152
3015
|
};
|
|
3153
3016
|
}
|
|
3154
|
-
function
|
|
3017
|
+
function Oo(e) {
|
|
3155
3018
|
let t = e.getRootNode();
|
|
3156
|
-
return
|
|
3019
|
+
return Eo(t) ? t : e.ownerDocument;
|
|
3157
3020
|
}
|
|
3158
|
-
var
|
|
3159
|
-
if (
|
|
3160
|
-
let n =
|
|
3161
|
-
return
|
|
3162
|
-
},
|
|
3021
|
+
var ko = (e, t) => {
|
|
3022
|
+
if (To(e) || Eo(e)) return e;
|
|
3023
|
+
let n = Oo(e);
|
|
3024
|
+
return Eo(n) ? n : t;
|
|
3025
|
+
}, Ao = 600, jo = "audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video", Mo = /* @__PURE__ */ new WeakMap(), No = (e) => {
|
|
3163
3026
|
let t = e;
|
|
3164
3027
|
for (; t;) {
|
|
3165
|
-
if ((
|
|
3028
|
+
if ((Mo.get(t) ?? 0) > 0) return !0;
|
|
3166
3029
|
let e = t.getRootNode();
|
|
3167
|
-
t =
|
|
3030
|
+
t = Eo(e) ? e.host : t.parentElement;
|
|
3168
3031
|
}
|
|
3169
3032
|
return !1;
|
|
3170
|
-
},
|
|
3033
|
+
}, 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
3034
|
let r = e;
|
|
3172
3035
|
for (; r;) {
|
|
3173
3036
|
let e = n.getComputedStyle(r);
|
|
@@ -3176,7 +3039,7 @@ var Wo = (e, t) => {
|
|
|
3176
3039
|
r = r.parentElement;
|
|
3177
3040
|
}
|
|
3178
3041
|
return !0;
|
|
3179
|
-
},
|
|
3042
|
+
}, Lo = (e, t) => {
|
|
3180
3043
|
if (e.matches("img, picture, video, canvas, svg image, path, circle, ellipse, line, polygon, polyline, rect, text, use")) return !0;
|
|
3181
3044
|
let n = t.getComputedStyle(e), r = n.backgroundImage !== "none" || n.backgroundColor !== "transparent" && n.backgroundColor !== "rgba(0, 0, 0, 0)", i = [
|
|
3182
3045
|
"top",
|
|
@@ -3185,7 +3048,7 @@ var Wo = (e, t) => {
|
|
|
3185
3048
|
"left"
|
|
3186
3049
|
].some((e) => Number.parseFloat(n.getPropertyValue(`border-${e}-width`)) > 0 && n.getPropertyValue(`border-${e}-style`) !== "none");
|
|
3187
3050
|
return r || i || n.boxShadow !== "none" || n.outlineStyle !== "none";
|
|
3188
|
-
},
|
|
3051
|
+
}, Ro = (e, t) => !!e.textContent?.trim() || Lo(e, t), zo = (e, t, n) => {
|
|
3189
3052
|
let r = t, i = r.caretRangeFromPoint?.(e.x, e.y)?.startContainer ?? r.caretPositionFromPoint?.(e.x, e.y)?.offsetNode;
|
|
3190
3053
|
if (!i) return null;
|
|
3191
3054
|
let a = t.defaultView?.Element;
|
|
@@ -3196,11 +3059,11 @@ var Wo = (e, t) => {
|
|
|
3196
3059
|
o = o.parentElement;
|
|
3197
3060
|
}
|
|
3198
3061
|
return o === n ? n : null;
|
|
3199
|
-
},
|
|
3062
|
+
}, Bo = (e, t, n) => {
|
|
3200
3063
|
let r = n.defaultView, i = r?.Element;
|
|
3201
3064
|
if (!r || !i) return [];
|
|
3202
3065
|
let a = [], o = /* @__PURE__ */ new Set(), s = (n, i, s) => {
|
|
3203
|
-
if (o.has(n) ||
|
|
3066
|
+
if (o.has(n) || No(n) || r.getComputedStyle(n).pointerEvents !== "none" || Io(n, e, r) || !Fo(n, t)) return;
|
|
3204
3067
|
let c = n.getBoundingClientRect();
|
|
3205
3068
|
o.add(n), a.push({
|
|
3206
3069
|
element: n,
|
|
@@ -3209,7 +3072,7 @@ var Wo = (e, t) => {
|
|
|
3209
3072
|
order: s
|
|
3210
3073
|
});
|
|
3211
3074
|
}, c = n.createTreeWalker(e, 1), l = c.nextNode(), u = 1;
|
|
3212
|
-
for (; l && u <=
|
|
3075
|
+
for (; l && u <= Ao;) {
|
|
3213
3076
|
if (l instanceof i) {
|
|
3214
3077
|
let t = l;
|
|
3215
3078
|
if (r.getComputedStyle(t).pointerEvents === "none") {
|
|
@@ -3220,9 +3083,9 @@ var Wo = (e, t) => {
|
|
|
3220
3083
|
}
|
|
3221
3084
|
u += 1, l = c.nextNode();
|
|
3222
3085
|
}
|
|
3223
|
-
let d =
|
|
3086
|
+
let d = zo(t, n, e);
|
|
3224
3087
|
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
|
-
},
|
|
3088
|
+
}, Vo = (e, t, n) => {
|
|
3226
3089
|
let r = t.ownerDocument.defaultView;
|
|
3227
3090
|
if (!r) return [];
|
|
3228
3091
|
let i = [...new Set(e)], a = /* @__PURE__ */ new Map();
|
|
@@ -3231,7 +3094,7 @@ var Wo = (e, t) => {
|
|
|
3231
3094
|
t && (a.set(e, e.getAttribute("style")), t.style.setProperty("pointer-events", "auto", "important"));
|
|
3232
3095
|
}
|
|
3233
3096
|
try {
|
|
3234
|
-
let e =
|
|
3097
|
+
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
3098
|
return i.filter((e) => {
|
|
3236
3099
|
let t = a.get(e);
|
|
3237
3100
|
return t !== void 0 && (r < 0 || t < r);
|
|
@@ -3239,31 +3102,31 @@ var Wo = (e, t) => {
|
|
|
3239
3102
|
} finally {
|
|
3240
3103
|
for (let [e, t] of a) t === null ? e.removeAttribute("style") : e.setAttribute("style", t);
|
|
3241
3104
|
}
|
|
3242
|
-
},
|
|
3105
|
+
}, Ho = (e, t) => {
|
|
3243
3106
|
let n = e;
|
|
3244
3107
|
for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
|
|
3245
3108
|
return n.parentElement === t ? n : null;
|
|
3246
|
-
},
|
|
3109
|
+
}, Uo = (e, t, n, r) => {
|
|
3247
3110
|
let i = r.defaultView;
|
|
3248
3111
|
if (!i) return [];
|
|
3249
|
-
let a =
|
|
3112
|
+
let a = Vo(Bo(e, t, r).filter((e) => Ro(e, i)), e, t);
|
|
3250
3113
|
if (a.length > 0) return a;
|
|
3251
|
-
if (e.textContent?.trim() && !e.matches(
|
|
3252
|
-
let o = [], s = /* @__PURE__ */ new Set(), c = !
|
|
3114
|
+
if (e.textContent?.trim() && !e.matches(jo) || e.matches("a, button, input, select, textarea, label, summary, [contenteditable='true']")) return [];
|
|
3115
|
+
let o = [], s = /* @__PURE__ */ new Set(), c = !To(n) && !Eo(n) ? n : null, l = e.parentElement;
|
|
3253
3116
|
for (; l && l !== r.body && l !== r.documentElement && !(c && l !== c && !c.contains(l));) {
|
|
3254
|
-
let a = l, u =
|
|
3255
|
-
if (!
|
|
3256
|
-
let t =
|
|
3117
|
+
let a = l, u = Ho(e, a), d = Bo(a, t, r).filter((e) => {
|
|
3118
|
+
if (!Go(e, n) || e.closest("[aria-hidden='true'], [inert]")) return !1;
|
|
3119
|
+
let t = Ho(e, a);
|
|
3257
3120
|
return t === null || t !== u;
|
|
3258
3121
|
});
|
|
3259
|
-
for (let e of d) s.has(e) ||
|
|
3122
|
+
for (let e of d) s.has(e) || !Ro(e, i) || (s.add(e), o.push(e));
|
|
3260
3123
|
if (a === c) break;
|
|
3261
3124
|
l = a.parentElement;
|
|
3262
3125
|
}
|
|
3263
|
-
return
|
|
3126
|
+
return Vo(o, e, t);
|
|
3264
3127
|
};
|
|
3265
|
-
function
|
|
3266
|
-
let r =
|
|
3128
|
+
function Wo(e, t, n = To(t) ? t : t.ownerDocument ?? document) {
|
|
3129
|
+
let r = ko(t, n), i = n.defaultView;
|
|
3267
3130
|
if (!i) return null;
|
|
3268
3131
|
let a = r.elementsFromPoint(e.x, e.y);
|
|
3269
3132
|
for (let r of a) {
|
|
@@ -3273,28 +3136,28 @@ function as(e, t, n = Bo(t) ? t : t.ownerDocument ?? document) {
|
|
|
3273
3136
|
if (!t || t === a) break;
|
|
3274
3137
|
a = t;
|
|
3275
3138
|
}
|
|
3276
|
-
if (!a || !
|
|
3277
|
-
let o =
|
|
3139
|
+
if (!a || !Go(a, t)) continue;
|
|
3140
|
+
let o = Uo(a, e, t, n);
|
|
3278
3141
|
if (o.length > 0) return o[0];
|
|
3279
3142
|
if (i.getComputedStyle(a).pointerEvents !== "none") return a;
|
|
3280
3143
|
}
|
|
3281
3144
|
return null;
|
|
3282
3145
|
}
|
|
3283
|
-
function
|
|
3284
|
-
if (
|
|
3146
|
+
function Go(e, t) {
|
|
3147
|
+
if (To(t)) return !0;
|
|
3285
3148
|
let n = e;
|
|
3286
3149
|
for (; n;) {
|
|
3287
3150
|
if (t === n || t.contains(n)) return !0;
|
|
3288
3151
|
let e = n.getRootNode();
|
|
3289
|
-
if (!
|
|
3152
|
+
if (!Eo(e)) return !1;
|
|
3290
3153
|
n = e.host;
|
|
3291
3154
|
}
|
|
3292
3155
|
return !1;
|
|
3293
3156
|
}
|
|
3294
|
-
function
|
|
3157
|
+
function Ko(e, t) {
|
|
3295
3158
|
if (!e) return t();
|
|
3296
|
-
let n =
|
|
3297
|
-
|
|
3159
|
+
let n = Mo.get(e) ?? 0;
|
|
3160
|
+
Mo.set(e, n + 1);
|
|
3298
3161
|
let r = [e, ...e.querySelectorAll("*")], i = r.map((e) => [
|
|
3299
3162
|
e,
|
|
3300
3163
|
e.style.getPropertyValue("pointer-events"),
|
|
@@ -3304,13 +3167,13 @@ function ss(e, t) {
|
|
|
3304
3167
|
try {
|
|
3305
3168
|
return t();
|
|
3306
3169
|
} finally {
|
|
3307
|
-
n === 0 ?
|
|
3170
|
+
n === 0 ? Mo.delete(e) : Mo.set(e, n);
|
|
3308
3171
|
for (let [e, t, n] of i) t ? e.style.setProperty("pointer-events", t, n) : e.style.removeProperty("pointer-events");
|
|
3309
3172
|
}
|
|
3310
3173
|
}
|
|
3311
|
-
function
|
|
3174
|
+
function qo(e) {
|
|
3312
3175
|
let t = e.ownerDocument.defaultView ?? window;
|
|
3313
|
-
if (e.id) return `#${
|
|
3176
|
+
if (e.id) return `#${Co(e.id, t)}`;
|
|
3314
3177
|
let n = e.getAttribute("data-testid");
|
|
3315
3178
|
if (n) return `[data-testid=${JSON.stringify(n)}]`;
|
|
3316
3179
|
let r = [], i = e;
|
|
@@ -3324,7 +3187,7 @@ function cs(e) {
|
|
|
3324
3187
|
}
|
|
3325
3188
|
return r.join(" > ");
|
|
3326
3189
|
}
|
|
3327
|
-
function
|
|
3190
|
+
function Jo(e) {
|
|
3328
3191
|
return {
|
|
3329
3192
|
tag: e.localName,
|
|
3330
3193
|
id: e.id || null,
|
|
@@ -3332,52 +3195,52 @@ function ls(e) {
|
|
|
3332
3195
|
role: e.getAttribute("role"),
|
|
3333
3196
|
ariaLabel: e.getAttribute("aria-label"),
|
|
3334
3197
|
classes: [...e.classList],
|
|
3335
|
-
text:
|
|
3198
|
+
text: wo(e)
|
|
3336
3199
|
};
|
|
3337
3200
|
}
|
|
3338
|
-
function
|
|
3201
|
+
function Yo(e) {
|
|
3339
3202
|
return !!(e.id || e.testId || e.role || e.ariaLabel || e.classes.length || e.text);
|
|
3340
3203
|
}
|
|
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 &&
|
|
3204
|
+
function Xo(e, t) {
|
|
3205
|
+
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
3206
|
}
|
|
3344
|
-
var
|
|
3207
|
+
var Zo = () => ({
|
|
3345
3208
|
x: -1,
|
|
3346
3209
|
y: -1
|
|
3347
|
-
}),
|
|
3210
|
+
}), Qo = (e) => Number.parseFloat(e) * (e.endsWith("%") ? .01 : 1), $o = (e) => {
|
|
3348
3211
|
try {
|
|
3349
3212
|
return e.defaultView?.frameElement ?? null;
|
|
3350
3213
|
} catch {
|
|
3351
3214
|
return null;
|
|
3352
3215
|
}
|
|
3353
|
-
},
|
|
3216
|
+
}, es = (e) => {
|
|
3354
3217
|
let t = e.ownerDocument.defaultView?.HTMLIFrameElement;
|
|
3355
3218
|
return !!(t && e instanceof t);
|
|
3356
|
-
},
|
|
3357
|
-
if (!
|
|
3219
|
+
}, ts = (e) => {
|
|
3220
|
+
if (!es(e)) return null;
|
|
3358
3221
|
try {
|
|
3359
3222
|
return e.contentDocument;
|
|
3360
3223
|
} catch {
|
|
3361
3224
|
return null;
|
|
3362
3225
|
}
|
|
3363
|
-
},
|
|
3226
|
+
}, ns = (e) => {
|
|
3364
3227
|
let t = e;
|
|
3365
3228
|
return t.DOMMatrixReadOnly ?? t.DOMMatrix;
|
|
3366
|
-
},
|
|
3229
|
+
}, rs = (e) => {
|
|
3367
3230
|
let t = e.getRootNode();
|
|
3368
3231
|
return "host" in t && t.host instanceof Element ? t.host : null;
|
|
3369
|
-
},
|
|
3232
|
+
}, is = (e, t, n) => {
|
|
3370
3233
|
if (!e?.endsWith("px")) return t;
|
|
3371
3234
|
let r = Number.parseFloat(e);
|
|
3372
3235
|
return Number.isFinite(r) ? r + n.reduce((e, t) => e + (Number.parseFloat(t) || 0), 0) : t;
|
|
3373
|
-
},
|
|
3236
|
+
}, as = (e) => {
|
|
3374
3237
|
let t = e.ownerDocument.defaultView;
|
|
3375
3238
|
if (!t) return null;
|
|
3376
3239
|
let n = 1, r = 0, i = 0, a = 1, o = null, s = e;
|
|
3377
3240
|
for (; s;) {
|
|
3378
3241
|
let c = t.getComputedStyle(s);
|
|
3379
3242
|
s === e && (o = c);
|
|
3380
|
-
let l =
|
|
3243
|
+
let l = ns(t), u = {
|
|
3381
3244
|
a: 1,
|
|
3382
3245
|
b: 0,
|
|
3383
3246
|
c: 0,
|
|
@@ -3399,17 +3262,17 @@ var fs = () => ({
|
|
|
3399
3262
|
if (c.perspective && c.perspective !== "none") return null;
|
|
3400
3263
|
let d = (c.rotate || "none").split(/\s+/), f = d.length === 4;
|
|
3401
3264
|
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 ??
|
|
3265
|
+
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;
|
|
3266
|
+
n = E, r = D, i = O, a = k, s = s.parentElement ?? rs(s);
|
|
3404
3267
|
}
|
|
3405
3268
|
let c = e.getBoundingClientRect();
|
|
3406
3269
|
if (!(e instanceof t.HTMLElement)) return null;
|
|
3407
|
-
let l = o, u = l?.boxSizing !== "border-box", d =
|
|
3270
|
+
let l = o, u = l?.boxSizing !== "border-box", d = is(l?.width, e.offsetWidth, u ? [
|
|
3408
3271
|
l?.paddingLeft ?? "0",
|
|
3409
3272
|
l?.paddingRight ?? "0",
|
|
3410
3273
|
l?.borderLeftWidth ?? "0",
|
|
3411
3274
|
l?.borderRightWidth ?? "0"
|
|
3412
|
-
] : []), f =
|
|
3275
|
+
] : []), f = is(l?.height, e.offsetHeight, u ? [
|
|
3413
3276
|
l?.paddingTop ?? "0",
|
|
3414
3277
|
l?.paddingBottom ?? "0",
|
|
3415
3278
|
l?.borderTopWidth ?? "0",
|
|
@@ -3423,22 +3286,22 @@ var fs = () => ({
|
|
|
3423
3286
|
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
3287
|
};
|
|
3425
3288
|
return Object.values(p).every(Number.isFinite) ? p : null;
|
|
3426
|
-
},
|
|
3289
|
+
}, os = (e, t) => ({
|
|
3427
3290
|
x: e.a * t.x + e.c * t.y + e.x,
|
|
3428
3291
|
y: e.b * t.x + e.d * t.y + e.y
|
|
3429
|
-
}),
|
|
3292
|
+
}), ss = (e, t) => {
|
|
3430
3293
|
let n = e.a * e.d - e.b * e.c;
|
|
3431
|
-
if (Math.abs(n) < 1e-12) return
|
|
3294
|
+
if (Math.abs(n) < 1e-12) return Zo();
|
|
3432
3295
|
let r = t.x - e.x, i = t.y - e.y;
|
|
3433
3296
|
return {
|
|
3434
3297
|
x: (e.d * r - e.c * i) / n,
|
|
3435
3298
|
y: (e.a * i - e.b * r) / n
|
|
3436
3299
|
};
|
|
3437
|
-
},
|
|
3438
|
-
let n =
|
|
3439
|
-
return n ?
|
|
3440
|
-
},
|
|
3441
|
-
if (
|
|
3300
|
+
}, cs = (e, t) => {
|
|
3301
|
+
let n = as(e);
|
|
3302
|
+
return n ? ss(n, t) : Zo();
|
|
3303
|
+
}, ls = (e, t) => {
|
|
3304
|
+
if (!$o(t)) return e;
|
|
3442
3305
|
let n = [
|
|
3443
3306
|
{
|
|
3444
3307
|
x: e.left,
|
|
@@ -3459,16 +3322,16 @@ var fs = () => ({
|
|
|
3459
3322
|
], r = t, i = /* @__PURE__ */ new Set();
|
|
3460
3323
|
for (; !i.has(r);) {
|
|
3461
3324
|
i.add(r);
|
|
3462
|
-
let e =
|
|
3325
|
+
let e = $o(r);
|
|
3463
3326
|
if (!e) break;
|
|
3464
|
-
let t =
|
|
3327
|
+
let t = as(e);
|
|
3465
3328
|
if (!t) return {
|
|
3466
3329
|
left: -1,
|
|
3467
3330
|
top: -1,
|
|
3468
3331
|
width: 0,
|
|
3469
3332
|
height: 0
|
|
3470
3333
|
};
|
|
3471
|
-
n = n.map((e) =>
|
|
3334
|
+
n = n.map((e) => os(t, e)), r = e.ownerDocument;
|
|
3472
3335
|
}
|
|
3473
3336
|
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
3337
|
return {
|
|
@@ -3477,16 +3340,157 @@ var fs = () => ({
|
|
|
3477
3340
|
width: s - a,
|
|
3478
3341
|
height: c - o
|
|
3479
3342
|
};
|
|
3480
|
-
},
|
|
3343
|
+
}, us = () => globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`, ds = (e) => ls(Do(e), e.ownerDocument), fs = -1, ps = /* @__PURE__ */ new Map(), ms = () => {
|
|
3481
3344
|
let e = globalThis.performance?.now();
|
|
3482
3345
|
return e === void 0 ? 0 : Math.floor(e / 16);
|
|
3483
|
-
},
|
|
3484
|
-
let t =
|
|
3485
|
-
t !==
|
|
3486
|
-
let n =
|
|
3346
|
+
}, hs = (e) => {
|
|
3347
|
+
let t = ms();
|
|
3348
|
+
t !== fs && (fs = t, ps.clear());
|
|
3349
|
+
let n = ps.get(e);
|
|
3487
3350
|
if (n) return n;
|
|
3488
|
-
let r =
|
|
3489
|
-
return
|
|
3351
|
+
let r = ds(e);
|
|
3352
|
+
return ps.set(e, r), r;
|
|
3353
|
+
}, gs = [
|
|
3354
|
+
{
|
|
3355
|
+
name: "iPhone SE",
|
|
3356
|
+
width: 375,
|
|
3357
|
+
height: 667
|
|
3358
|
+
},
|
|
3359
|
+
{
|
|
3360
|
+
name: "iPhone X",
|
|
3361
|
+
width: 375,
|
|
3362
|
+
height: 812
|
|
3363
|
+
},
|
|
3364
|
+
{
|
|
3365
|
+
name: "iPhone 15",
|
|
3366
|
+
width: 393,
|
|
3367
|
+
height: 852
|
|
3368
|
+
},
|
|
3369
|
+
{
|
|
3370
|
+
name: "iPhone 15 Pro Max",
|
|
3371
|
+
width: 430,
|
|
3372
|
+
height: 932
|
|
3373
|
+
},
|
|
3374
|
+
{
|
|
3375
|
+
name: "Pixel 8",
|
|
3376
|
+
width: 412,
|
|
3377
|
+
height: 915
|
|
3378
|
+
},
|
|
3379
|
+
{
|
|
3380
|
+
name: "Galaxy S24",
|
|
3381
|
+
width: 360,
|
|
3382
|
+
height: 780
|
|
3383
|
+
},
|
|
3384
|
+
{
|
|
3385
|
+
name: "iPad mini",
|
|
3386
|
+
width: 744,
|
|
3387
|
+
height: 1133
|
|
3388
|
+
},
|
|
3389
|
+
{
|
|
3390
|
+
name: "iPad",
|
|
3391
|
+
width: 820,
|
|
3392
|
+
height: 1180
|
|
3393
|
+
},
|
|
3394
|
+
{
|
|
3395
|
+
name: "iPad Pro 12.9",
|
|
3396
|
+
width: 1024,
|
|
3397
|
+
height: 1366
|
|
3398
|
+
},
|
|
3399
|
+
{
|
|
3400
|
+
name: "Laptop",
|
|
3401
|
+
width: 1280,
|
|
3402
|
+
height: 800
|
|
3403
|
+
},
|
|
3404
|
+
{
|
|
3405
|
+
name: "MacBook Air 13",
|
|
3406
|
+
width: 1470,
|
|
3407
|
+
height: 956
|
|
3408
|
+
},
|
|
3409
|
+
{
|
|
3410
|
+
name: "Full HD",
|
|
3411
|
+
width: 1920,
|
|
3412
|
+
height: 1080
|
|
3413
|
+
}
|
|
3414
|
+
], _s = 1;
|
|
3415
|
+
({ ...gs[2] }), _s++;
|
|
3416
|
+
var vs = /* @__PURE__ */ new WeakMap(), ys = (e) => (vs.get(e) ?? 0) > 0, bs = /* @__PURE__ */ new WeakMap(), xs = (e, t) => {
|
|
3417
|
+
let n = bs.get(e) ?? /* @__PURE__ */ new Set();
|
|
3418
|
+
return n.add(t), bs.set(e, n), () => {
|
|
3419
|
+
n.delete(t);
|
|
3420
|
+
};
|
|
3421
|
+
}, Ss = "mesurer-solid-styles", Cs = (e) => e?.nodeType === 11, ws = (e) => e.nodeType === 9;
|
|
3422
|
+
function Ts(e, t) {
|
|
3423
|
+
let n = t?.ownerDocument ?? globalThis.document;
|
|
3424
|
+
if (!n) return;
|
|
3425
|
+
let r = Cs(t) ? t : n;
|
|
3426
|
+
if (r.querySelector(`#${Ss}`)) return;
|
|
3427
|
+
let i = n.createElement("style");
|
|
3428
|
+
i.id = Ss, i.textContent = e, ws(r) ? r.head.append(i) : r.append(i);
|
|
3429
|
+
}
|
|
3430
|
+
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 = {}) => {
|
|
3431
|
+
let i = e, a = /* @__PURE__ */ new Map(), o = t.ownerDocument, s = r.trackWindow === !0, c = (e) => {
|
|
3432
|
+
if (e.parentElement) return e.parentElement;
|
|
3433
|
+
let t = e.getRootNode();
|
|
3434
|
+
return t instanceof i.ShadowRoot ? t.host : null;
|
|
3435
|
+
}, l = c(t);
|
|
3436
|
+
for (; l;) l instanceof i.HTMLElement && l !== o.body && l !== o.documentElement && a.set(l, {
|
|
3437
|
+
left: l.scrollLeft,
|
|
3438
|
+
top: l.scrollTop
|
|
3439
|
+
}), l = c(l);
|
|
3440
|
+
let u = {
|
|
3441
|
+
left: e.scrollX,
|
|
3442
|
+
top: e.scrollY
|
|
3443
|
+
}, d = 0, f = 0, p = !1, m = () => {
|
|
3444
|
+
let e = /* @__PURE__ */ new Set();
|
|
3445
|
+
for (let t of n()) t?.isConnected && e.add(t);
|
|
3446
|
+
return e;
|
|
3447
|
+
}, h = (e, t, n) => {
|
|
3448
|
+
let r = e.style.getPropertyValue(t);
|
|
3449
|
+
if (n === 0) {
|
|
3450
|
+
r && e.style.removeProperty(t);
|
|
3451
|
+
return;
|
|
3452
|
+
}
|
|
3453
|
+
let i = `${n}px`;
|
|
3454
|
+
r !== i && e.style.setProperty(t, i);
|
|
3455
|
+
}, g = () => {
|
|
3456
|
+
if (!p) for (let e of m()) e.dataset.mesurerNestedScrollCompensation !== "true" && (e.dataset.mesurerNestedScrollCompensation = "true"), h(e, Ds, d), h(e, Os, f);
|
|
3457
|
+
}, _ = (e, t, n) => {
|
|
3458
|
+
let r = t - e.left, i = n - e.top;
|
|
3459
|
+
return r === 0 && i === 0 ? !1 : (e.left = t, e.top = n, d -= r, f -= i, !0);
|
|
3460
|
+
}, v = (e) => {
|
|
3461
|
+
if (p || !(e.currentTarget instanceof i.HTMLElement)) return;
|
|
3462
|
+
let t = e.currentTarget, n = a.get(t);
|
|
3463
|
+
!n || !_(n, t.scrollLeft, t.scrollTop) || g();
|
|
3464
|
+
}, y = () => {
|
|
3465
|
+
p || !s || !_(u, e.scrollX, e.scrollY) || g();
|
|
3466
|
+
};
|
|
3467
|
+
for (let e of a.keys()) e.addEventListener("scroll", v, {
|
|
3468
|
+
capture: !0,
|
|
3469
|
+
passive: !0
|
|
3470
|
+
});
|
|
3471
|
+
return s && e.addEventListener("scroll", y, {
|
|
3472
|
+
capture: !0,
|
|
3473
|
+
passive: !0
|
|
3474
|
+
}), g(), {
|
|
3475
|
+
sync: g,
|
|
3476
|
+
rebase() {
|
|
3477
|
+
if (!p) {
|
|
3478
|
+
for (let [e, t] of a) t.left = e.scrollLeft, t.top = e.scrollTop;
|
|
3479
|
+
u = {
|
|
3480
|
+
left: e.scrollX,
|
|
3481
|
+
top: e.scrollY
|
|
3482
|
+
}, d = 0, f = 0, g();
|
|
3483
|
+
}
|
|
3484
|
+
},
|
|
3485
|
+
release() {
|
|
3486
|
+
if (!p) {
|
|
3487
|
+
p = !0, s && e.removeEventListener("scroll", y, !0);
|
|
3488
|
+
for (let e of a.keys()) e.removeEventListener("scroll", v, !0);
|
|
3489
|
+
for (let e of m()) delete e.dataset.mesurerNestedScrollCompensation, e.style.removeProperty(Ds), e.style.removeProperty(Os);
|
|
3490
|
+
a.clear();
|
|
3491
|
+
}
|
|
3492
|
+
}
|
|
3493
|
+
};
|
|
3490
3494
|
}, As = 5;
|
|
3491
3495
|
Array.from({ length: 801 }, (e, t) => t * As);
|
|
3492
3496
|
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 +3864,7 @@ var Fs = (e) => (() => {
|
|
|
3860
3864
|
}
|
|
3861
3865
|
return !1;
|
|
3862
3866
|
}, Qs = (e, t) => {
|
|
3863
|
-
if (
|
|
3867
|
+
if (Go(e, t)) return !0;
|
|
3864
3868
|
let n = t.ownerDocument, r = e.ownerDocument, i = /* @__PURE__ */ new Set();
|
|
3865
3869
|
for (; r !== n && !i.has(r);) {
|
|
3866
3870
|
i.add(r);
|
|
@@ -3871,7 +3875,7 @@ var Fs = (e) => (() => {
|
|
|
3871
3875
|
return !1;
|
|
3872
3876
|
}
|
|
3873
3877
|
if (!e) return !1;
|
|
3874
|
-
if (e.ownerDocument === n &&
|
|
3878
|
+
if (e.ownerDocument === n && Go(e, t)) return !0;
|
|
3875
3879
|
r = e.ownerDocument;
|
|
3876
3880
|
}
|
|
3877
3881
|
return !1;
|
|
@@ -3896,25 +3900,25 @@ var Fs = (e) => (() => {
|
|
|
3896
3900
|
let n = nc(s, e);
|
|
3897
3901
|
if (!tc(n, t, o)) {
|
|
3898
3902
|
if (mo(n, i)) return !0;
|
|
3899
|
-
if (
|
|
3903
|
+
if (Go(n, r) && !po(n, i)) return !1;
|
|
3900
3904
|
}
|
|
3901
3905
|
}
|
|
3902
3906
|
return !1;
|
|
3903
|
-
}, ic = (e, t, n, r) => rc(e, t, n, r) ? null :
|
|
3907
|
+
}, 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
3908
|
let i = ec(t), a = ic(e, t, n, r), o = n.defaultView;
|
|
3905
3909
|
if (!o || !a) return null;
|
|
3906
3910
|
let s = oc(a, e);
|
|
3907
3911
|
if (!Qs(s, r) || tc(s, t, i) || po(s, o) || s === s.ownerDocument.body || s === s.ownerDocument.documentElement) return null;
|
|
3908
|
-
let c =
|
|
3912
|
+
let c = hs(s);
|
|
3909
3913
|
return c.width > 2 && c.height > 2 ? s : null;
|
|
3910
3914
|
}, oc = (e, t) => {
|
|
3911
3915
|
let n = e, r = t;
|
|
3912
3916
|
for (let e = 0; e < 16; e += 1) {
|
|
3913
|
-
let e =
|
|
3917
|
+
let e = ts(n);
|
|
3914
3918
|
if (!e) break;
|
|
3915
|
-
let t =
|
|
3919
|
+
let t = cs(n, r);
|
|
3916
3920
|
if (t.x < 0 || t.y < 0) break;
|
|
3917
|
-
let i =
|
|
3921
|
+
let i = Wo(t, e, e);
|
|
3918
3922
|
if (!i || i === e.body || i === e.documentElement) break;
|
|
3919
3923
|
n = i, r = t;
|
|
3920
3924
|
}
|
|
@@ -4432,7 +4436,7 @@ function Lc(e = {}, t = !1) {
|
|
|
4432
4436
|
Number.isFinite(r) && (e.style.left = `${r - t}px`), Number.isFinite(i) && (e.style.top = `${i - n}px`);
|
|
4433
4437
|
}, pe = () => {
|
|
4434
4438
|
let e = r.scrollX, t = r.scrollY, i = e - S, a = t - C;
|
|
4435
|
-
if (S = e, C = t,
|
|
4439
|
+
if (S = e, C = t, ys(n)) {
|
|
4436
4440
|
if (i || a) {
|
|
4437
4441
|
fe(h, i, a), fe(g, i, a);
|
|
4438
4442
|
for (let e of T) fe(e.box, i, a), e.userPlaced || fe(e.card, i, a);
|
|
@@ -4680,7 +4684,7 @@ var Rc = {
|
|
|
4680
4684
|
...e,
|
|
4681
4685
|
...t
|
|
4682
4686
|
}));
|
|
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) =>
|
|
4687
|
+
}, 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
4688
|
let t = [];
|
|
4685
4689
|
o instanceof c.HTMLElement && o.matches(e) && !L(o) && t.push(o);
|
|
4686
4690
|
for (let n of o.querySelectorAll(e)) n instanceof c.HTMLElement && R(n) && t.push(n);
|
|
@@ -4688,10 +4692,10 @@ var Rc = {
|
|
|
4688
4692
|
}, 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
4693
|
let t = xl(e), n = b.get(e.selector);
|
|
4690
4694
|
if (n && n.isConnected && R(n) && B(n, e)) return n;
|
|
4691
|
-
if (n && b.delete(e.selector), !
|
|
4695
|
+
if (n && b.delete(e.selector), !Yo(t)) return null;
|
|
4692
4696
|
let r = [];
|
|
4693
4697
|
try {
|
|
4694
|
-
r = z(e.selector).filter((e) =>
|
|
4698
|
+
r = z(e.selector).filter((e) => Xo(e, t));
|
|
4695
4699
|
} catch {
|
|
4696
4700
|
return null;
|
|
4697
4701
|
}
|
|
@@ -4699,7 +4703,7 @@ var Rc = {
|
|
|
4699
4703
|
if (!t.id && !t.testId) {
|
|
4700
4704
|
let e = [];
|
|
4701
4705
|
try {
|
|
4702
|
-
e = z(t.tag).filter((e) =>
|
|
4706
|
+
e = z(t.tag).filter((e) => Xo(e, t));
|
|
4703
4707
|
} catch {
|
|
4704
4708
|
return null;
|
|
4705
4709
|
}
|
|
@@ -4869,7 +4873,7 @@ var Rc = {
|
|
|
4869
4873
|
let ve = () => e.state.get(Qc) ?? !1, ye = () => {
|
|
4870
4874
|
let t = _e().length > 0;
|
|
4871
4875
|
t !== ve() && e.state.update(Qc, () => t);
|
|
4872
|
-
}, be = () => pl(_e().map((e) =>
|
|
4876
|
+
}, be = () => pl(_e().map((e) => Do(e))), xe = () => {
|
|
4873
4877
|
for (let e of C.values()) e.remove();
|
|
4874
4878
|
C.clear();
|
|
4875
4879
|
}, Se = (e) => {
|
|
@@ -4937,7 +4941,7 @@ var Rc = {
|
|
|
4937
4941
|
if (o.display === "none" || o.visibility === "hidden" || o.visibility === "collapse") return;
|
|
4938
4942
|
let s = o.outlineStyle === "solid" && (Number.parseFloat(o.outlineWidth) || 0) > 0;
|
|
4939
4943
|
if (l && !s) return;
|
|
4940
|
-
let c =
|
|
4944
|
+
let c = Do(i);
|
|
4941
4945
|
if (c.width <= 0 || c.height <= 0) return;
|
|
4942
4946
|
let d = tl;
|
|
4943
4947
|
if (c.left + c.width < -160 || c.top + c.height < -160 || c.left > r.innerWidth + d || c.top > r.innerHeight + d) return;
|
|
@@ -5047,7 +5051,7 @@ var Rc = {
|
|
|
5047
5051
|
if (!M() || e.button !== 0) return;
|
|
5048
5052
|
let r = _e();
|
|
5049
5053
|
if (!r.length) return;
|
|
5050
|
-
let a = n.elementsFromPoint && (!(o instanceof c.ShadowRoot) || o.elementsFromPoint) ?
|
|
5054
|
+
let a = n.elementsFromPoint && (!(o instanceof c.ShadowRoot) || o.elementsFromPoint) ? Ko(t.rendererRoot ?? null, () => Ko(l, () => Wo({
|
|
5051
5055
|
x: e.clientX,
|
|
5052
5056
|
y: e.clientY
|
|
5053
5057
|
}, o, n))) : null, s = e.shiftKey ? a : null;
|
|
@@ -5062,16 +5066,16 @@ var Rc = {
|
|
|
5062
5066
|
let u = le(I()), d = fe(I()), p = new Set(r);
|
|
5063
5067
|
ne();
|
|
5064
5068
|
let m = r.map((e, t) => {
|
|
5065
|
-
let n =
|
|
5069
|
+
let n = Do(e), r = q(e, d), i = d.get(e) ?? r, a = u.get(e), o = (a ? ue(a) : null) ?? {
|
|
5066
5070
|
x: i.x - r.x,
|
|
5067
5071
|
y: i.y - r.y
|
|
5068
|
-
}, s = dl(n, i), c =
|
|
5072
|
+
}, s = dl(n, i), c = Jo(e);
|
|
5069
5073
|
return {
|
|
5070
5074
|
element: e,
|
|
5071
5075
|
movesDirectly: de(e, p) === null,
|
|
5072
5076
|
target: {
|
|
5073
5077
|
id: `target-${t + 1}`,
|
|
5074
|
-
selector:
|
|
5078
|
+
selector: qo(e),
|
|
5075
5079
|
fingerprintTag: c.tag,
|
|
5076
5080
|
fingerprintId: c.id,
|
|
5077
5081
|
fingerprintTestId: c.testId,
|
|
@@ -5165,7 +5169,7 @@ var Rc = {
|
|
|
5165
5169
|
if (T = null, f.hasPointerCapture?.(t.pointerId) && f.releasePointerCapture(t.pointerId), f.style.cursor = "grab", K(), !n.moved) {
|
|
5166
5170
|
if (n.shiftToggleElement) i.toggleSelection(n.shiftToggleElement);
|
|
5167
5171
|
else if (n.pressTarget && !n.targets.some(({ element: e }) => e === n.pressTarget)) try {
|
|
5168
|
-
i.select([
|
|
5172
|
+
i.select([qo(n.pressTarget)]);
|
|
5169
5173
|
} catch {
|
|
5170
5174
|
i.clearSelection(), i.toggleSelection(n.pressTarget);
|
|
5171
5175
|
}
|
|
@@ -5205,7 +5209,7 @@ var Rc = {
|
|
|
5205
5209
|
});
|
|
5206
5210
|
}, Re = (e) => {
|
|
5207
5211
|
!T || e.pointerId !== T.pointerId || Ie();
|
|
5208
|
-
}, ze = (e) =>
|
|
5212
|
+
}, ze = (e) => Ko(l, () => ac({
|
|
5209
5213
|
x: e.clientX,
|
|
5210
5214
|
y: e.clientY
|
|
5211
5215
|
}, t.rendererRoot ?? null, n, o)), Be = (e) => {
|
|
@@ -5247,7 +5251,7 @@ var Rc = {
|
|
|
5247
5251
|
});
|
|
5248
5252
|
let He = i.subscribe(() => {
|
|
5249
5253
|
ye(), je();
|
|
5250
|
-
}), Ue = e.state.subscribe(je), We =
|
|
5254
|
+
}), Ue = e.state.subscribe(je), We = xs(n, () => {
|
|
5251
5255
|
!O && M() && !T && De();
|
|
5252
5256
|
}), Ge = (e) => j().intents.find((t) => t.id === e) ?? null, Ke = (e, t) => {
|
|
5253
5257
|
let n = null;
|
|
@@ -5261,7 +5265,7 @@ var Rc = {
|
|
|
5261
5265
|
top: e.desiredTop,
|
|
5262
5266
|
width: e.desiredWidth,
|
|
5263
5267
|
height: e.desiredHeight
|
|
5264
|
-
}))) : ge(() => pl(e.targets.map((e) => V(e)).filter((e) => e !== null).map((e) =>
|
|
5268
|
+
}))) : 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
5269
|
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
5270
|
return {
|
|
5267
5271
|
left: i,
|
|
@@ -5325,7 +5329,7 @@ var Rc = {
|
|
|
5325
5329
|
delta: null,
|
|
5326
5330
|
matched: !1
|
|
5327
5331
|
};
|
|
5328
|
-
let i =
|
|
5332
|
+
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
5333
|
return {
|
|
5330
5334
|
targetId: e.id,
|
|
5331
5335
|
selector: e.selector,
|
|
@@ -5827,7 +5831,7 @@ function cu(e) {
|
|
|
5827
5831
|
t && (t.scroll.release(), t.releaseAnchor?.(), U.delete(e));
|
|
5828
5832
|
}, pe = (t) => {
|
|
5829
5833
|
let n = e.runtime.annotation(t);
|
|
5830
|
-
return !n || n.anchor.kind !== "elements" ? null : n.resolvedTargets.find(({ element: e }) => e?.isConnected)?.element ?? null;
|
|
5834
|
+
return !n || n.anchor.kind !== "elements" || !e.runtime.annotationVisible(t) ? null : n.resolvedTargets.find(({ element: e }) => e?.isConnected && !Zs(e.ownerDocument))?.element ?? null;
|
|
5831
5835
|
}, me = (e) => !!(ru(e) && G() && N && ce() && e.getRootNode() === N.getRootNode()), he = (e) => {
|
|
5832
5836
|
let t = pe(e), n = U.get(e);
|
|
5833
5837
|
if (!t) {
|
|
@@ -5848,13 +5852,13 @@ function cu(e) {
|
|
|
5848
5852
|
target: t,
|
|
5849
5853
|
anchorName: n,
|
|
5850
5854
|
releaseAnchor: iu(t, n),
|
|
5851
|
-
scroll:
|
|
5855
|
+
scroll: ks(a, t, () => de(e), { trackWindow: !1 })
|
|
5852
5856
|
});
|
|
5853
5857
|
} else U.set(e, {
|
|
5854
5858
|
target: t,
|
|
5855
5859
|
anchorName: null,
|
|
5856
5860
|
releaseAnchor: null,
|
|
5857
|
-
scroll:
|
|
5861
|
+
scroll: ks(a, t, () => de(e), { trackWindow: G() })
|
|
5858
5862
|
});
|
|
5859
5863
|
i((e) => e + 1);
|
|
5860
5864
|
}
|
|
@@ -5875,6 +5879,10 @@ function cu(e) {
|
|
|
5875
5879
|
V?.release(), V = null, B?.(), B = null, R = null, z = null;
|
|
5876
5880
|
}, be = (e) => !!(ru(e) && G() && N && e !== O && ce() && e.getRootNode() === N.getRootNode()), xe = () => {
|
|
5877
5881
|
let e = q();
|
|
5882
|
+
if (e && Zs(e.ownerDocument)) {
|
|
5883
|
+
ye();
|
|
5884
|
+
return;
|
|
5885
|
+
}
|
|
5878
5886
|
O && e !== O && (O = null);
|
|
5879
5887
|
let t = R, n = !!(e?.isConnected && be(e)), r = z === e;
|
|
5880
5888
|
if (e === R && e?.isConnected && n === r) {
|
|
@@ -5887,10 +5895,10 @@ function cu(e) {
|
|
|
5887
5895
|
let a = e.ownerDocument.defaultView;
|
|
5888
5896
|
if (a) {
|
|
5889
5897
|
if (n && ru(e)) {
|
|
5890
|
-
B = iu(e, i), z = e, D = i, V =
|
|
5898
|
+
B = iu(e, i), z = e, D = i, V = ks(a, e, ue, { trackWindow: !1 });
|
|
5891
5899
|
return;
|
|
5892
5900
|
}
|
|
5893
|
-
D = i, V =
|
|
5901
|
+
D = i, V = ks(a, e, ue, { trackWindow: G() });
|
|
5894
5902
|
}
|
|
5895
5903
|
}, Se = (e) => {
|
|
5896
5904
|
if (H?.disconnect(), H = null, !e?.isConnected) return;
|
|
@@ -5929,30 +5937,30 @@ function cu(e) {
|
|
|
5929
5937
|
});
|
|
5930
5938
|
let Me = q();
|
|
5931
5939
|
Se(Me);
|
|
5932
|
-
let Ne = e.runtime.subscribe(() => {
|
|
5940
|
+
let Ne = e.runtime.subscribe(() => Qt(() => {
|
|
5933
5941
|
let t = e.runtime.selectGestureActive();
|
|
5934
5942
|
p() && t ? (k = !0, se()) : p() && A !== null && !ae(A, ie()) && (O = q(), k = !1, se());
|
|
5935
5943
|
let r = q(), i = r !== Me;
|
|
5936
|
-
i && (Me = r, Se(Me), k && (k = !1, O = r)), xe(), i && we(), n((e) => e + 1), ve();
|
|
5937
|
-
});
|
|
5944
|
+
i && (Me = r, Se(Me), k && (k = !1, O = r)), xe(), (i || r && Zs(r.ownerDocument)) && we(), n((e) => e + 1), ve();
|
|
5945
|
+
}));
|
|
5938
5946
|
xe(), W().queueMicrotask(ge), Sn(() => {
|
|
5939
5947
|
H?.disconnect(), H = null, oe(), ee?.removeEventListener("resize", we), ee = null, je?.disconnect(), ye();
|
|
5940
5948
|
for (let e of U.keys()) fe(e);
|
|
5941
5949
|
Ne();
|
|
5942
5950
|
});
|
|
5943
|
-
let Pe = wr(() => (t(), e.runtime.currentSelection())), Fe = wr(() => (t(), e.runtime.annotations())), Ie = wr(() => {
|
|
5951
|
+
let Pe = wr(() => (t(), e.runtime.currentSelection())), Fe = wr(() => (t(), e.runtime.annotations().filter((t) => e.runtime.annotationVisible(t.id)))), Ie = wr(() => {
|
|
5944
5952
|
let e = a();
|
|
5945
5953
|
return e ? Fe().find((t) => t.id === e) ?? null : null;
|
|
5946
5954
|
}), Le = wr(() => s() ?? l() ?? a()), Re = (e) => Fe().findIndex((t) => t.id === e) + 1, ze = wr(() => {
|
|
5947
5955
|
t(), r();
|
|
5948
5956
|
let n = Le();
|
|
5949
|
-
if (!n) return [];
|
|
5957
|
+
if (!n || !e.runtime.annotationVisible(n)) return [];
|
|
5950
5958
|
let i = e.runtime.annotation(n);
|
|
5951
5959
|
if (!i) return [];
|
|
5952
5960
|
if (i.anchor.kind === "region") return [{ ...i.anchor.rect }];
|
|
5953
5961
|
let a = i.resolvedTargets.flatMap(({ element: e }) => {
|
|
5954
5962
|
if (!e?.isConnected) return [];
|
|
5955
|
-
let t =
|
|
5963
|
+
let t = ds(e);
|
|
5956
5964
|
return [{
|
|
5957
5965
|
left: t.left,
|
|
5958
5966
|
top: t.top,
|
|
@@ -5969,7 +5977,7 @@ function cu(e) {
|
|
|
5969
5977
|
return e !== null && ae(e, ie());
|
|
5970
5978
|
}, He = wr(() => {
|
|
5971
5979
|
let e = Pe(), t = e.elements.filter((e) => e.isConnected).map((e) => {
|
|
5972
|
-
let t =
|
|
5980
|
+
let t = ds(e);
|
|
5973
5981
|
return {
|
|
5974
5982
|
left: t.left,
|
|
5975
5983
|
top: t.top,
|
|
@@ -5987,8 +5995,8 @@ function cu(e) {
|
|
|
5987
5995
|
}), Ke = () => {
|
|
5988
5996
|
r();
|
|
5989
5997
|
let e = Ge();
|
|
5990
|
-
if (!e?.isConnected
|
|
5991
|
-
let t =
|
|
5998
|
+
if (!e?.isConnected) return null;
|
|
5999
|
+
let t = ds(e), n = {
|
|
5992
6000
|
left: t.left,
|
|
5993
6001
|
top: t.top,
|
|
5994
6002
|
width: t.width,
|
|
@@ -6037,7 +6045,7 @@ function cu(e) {
|
|
|
6037
6045
|
...K(t),
|
|
6038
6046
|
nativeAnchor: !1
|
|
6039
6047
|
};
|
|
6040
|
-
let i =
|
|
6048
|
+
let i = ds(n.target);
|
|
6041
6049
|
return {
|
|
6042
6050
|
...t,
|
|
6043
6051
|
nativeAnchor: !0,
|
|
@@ -6058,7 +6066,7 @@ function cu(e) {
|
|
|
6058
6066
|
...K(e),
|
|
6059
6067
|
nativeAnchor: !1
|
|
6060
6068
|
};
|
|
6061
|
-
let n =
|
|
6069
|
+
let n = ds(t);
|
|
6062
6070
|
return {
|
|
6063
6071
|
...e,
|
|
6064
6072
|
nativeAnchor: !0,
|
|
@@ -6195,7 +6203,7 @@ function cu(e) {
|
|
|
6195
6203
|
}
|
|
6196
6204
|
}
|
|
6197
6205
|
}, ot = se, st = () => {
|
|
6198
|
-
Be() && (
|
|
6206
|
+
Be() && (k = !1, A = ie(), g(""), v(!1), b(null), w(null), o(null), m(!0), F = (e) => {
|
|
6199
6207
|
let t = le()?.querySelector("[data-mesurer-annotation-composer='true']"), n = W().Node;
|
|
6200
6208
|
if (!(t && n && e.target instanceof n && t.contains(e.target))) {
|
|
6201
6209
|
if (h().trim() && !y()) {
|
|
@@ -6204,24 +6212,18 @@ function cu(e) {
|
|
|
6204
6212
|
}
|
|
6205
6213
|
ct();
|
|
6206
6214
|
}
|
|
6207
|
-
}, W().document.addEventListener("pointerdown", F, !0), W().queueMicrotask(() => V?.sync()))
|
|
6215
|
+
}, W().document.addEventListener("pointerdown", F, !0), W().queueMicrotask(() => V?.sync()));
|
|
6208
6216
|
}, ct = () => {
|
|
6209
6217
|
let e = p();
|
|
6210
6218
|
A !== null && !ae(A, ie()) ? (O = q(), k = !1, xe(), we()) : e && (k = !1), ot();
|
|
6211
6219
|
}, lt = () => {
|
|
6212
6220
|
p() && (k = !0, ot());
|
|
6213
6221
|
}, ut = () => {
|
|
6214
|
-
if (!(!h().trim() || x())) {
|
|
6215
|
-
|
|
6216
|
-
|
|
6217
|
-
|
|
6218
|
-
|
|
6219
|
-
try {
|
|
6220
|
-
let t = e.runtime.addSelectionAnnotation(h());
|
|
6221
|
-
k = !1, A = null, g(""), v(!1), b(null), m(!1), oe(), he(t.id), et(t.id), o(t.id), w(null), _e(t.id);
|
|
6222
|
-
} catch (e) {
|
|
6223
|
-
b(e instanceof Error ? e.message : String(e));
|
|
6224
|
-
}
|
|
6222
|
+
if (!(!h().trim() || x())) try {
|
|
6223
|
+
let t = e.runtime.addSelectionAnnotation(h());
|
|
6224
|
+
k = !1, A = null, g(""), v(!1), b(null), m(!1), oe(), he(t.id), et(t.id), o(t.id), w(null), _e(t.id);
|
|
6225
|
+
} catch (e) {
|
|
6226
|
+
b(e instanceof Error ? e.message : String(e));
|
|
6225
6227
|
}
|
|
6226
6228
|
}, dt = {
|
|
6227
6229
|
openNoteComposer: st,
|
|
@@ -6640,7 +6642,7 @@ var uu = "2147482950", du = "2147483646", fu = "2147483647";
|
|
|
6640
6642
|
function pu(e) {
|
|
6641
6643
|
let { ownerDocument: t, ownerWindow: n, pageTarget: r } = e, i = t.body;
|
|
6642
6644
|
if (!(i && !(r instanceof n.ShadowRoot) && r.getRootNode() === t)) return e.createInspectorMount();
|
|
6643
|
-
|
|
6645
|
+
Ts(Es, i);
|
|
6644
6646
|
let a = t.createElement("div");
|
|
6645
6647
|
a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerDocumentInspectorMount = "true", a.dataset.theme = e.theme?.() ?? "system";
|
|
6646
6648
|
let o = e.subscribeTheme?.((e) => {
|
|
@@ -6781,7 +6783,7 @@ var vu = "#FF0000", yu = .1, bu = /* @__PURE__ */ new Set([
|
|
|
6781
6783
|
]), 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
6784
|
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
6785
|
return {
|
|
6784
|
-
id: r ||
|
|
6786
|
+
id: r || us(),
|
|
6785
6787
|
kind: t,
|
|
6786
6788
|
visible: e.visible ?? !0,
|
|
6787
6789
|
color: i || "#FF0000",
|
|
@@ -9812,7 +9814,7 @@ var Lu = "mesurer.layout-guides", Ru = "layout-guides:v1", zu = "mesurer.layout-
|
|
|
9812
9814
|
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
9815
|
});
|
|
9814
9816
|
}
|
|
9815
|
-
}), mp = "0.2.3-beta.
|
|
9817
|
+
}), mp = "0.2.3-beta.7", hp = Uc, gp = Bc, _p = Vc, vp = Wc, yp = Hc, bp = () => ({
|
|
9816
9818
|
...Il(),
|
|
9817
9819
|
version: mp
|
|
9818
9820
|
}), 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) => {
|
|
@@ -9998,11 +10000,15 @@ var Bp = 10, Vp = (e) => ({
|
|
|
9998
10000
|
function Wp(e) {
|
|
9999
10001
|
let { runtime: t, ownerDocument: n, ownerWindow: r } = e, i = e.request ?? { scope: "workspace" }, a = t.snapshot();
|
|
10000
10002
|
if (!a) throw Error("Mesurer workspace is not ready yet.");
|
|
10001
|
-
let o = (e) => Vp(t.elementRect?.(e) ?? e.getBoundingClientRect()), s = [], c = [], l = { kind: "workspace" }, u = /* @__PURE__ */ new Map();
|
|
10003
|
+
let o = (e) => Vp(t.elementRect?.(e) ?? e.getBoundingClientRect()), s = [], c = [], l = { kind: "workspace" }, u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f;
|
|
10002
10004
|
if ("annotation" in i) {
|
|
10003
10005
|
let e = t.annotation(i.annotation);
|
|
10004
10006
|
if (!e) throw Error(`Mesurer annotation not found: ${i.annotation}`);
|
|
10005
|
-
|
|
10007
|
+
e.anchor.kind === "elements" && (f = e.anchor.targets.find((e) => e.viewport)?.viewport);
|
|
10008
|
+
for (let t of e.resolvedTargets) t.element?.isConnected && (u.set(t.element, t.target.id), t.target.viewport && d.set(t.element, {
|
|
10009
|
+
viewport: { ...t.target.viewport },
|
|
10010
|
+
domPath: t.target.domPath?.map((e) => ({ ...e })) ?? []
|
|
10011
|
+
}));
|
|
10006
10012
|
s = Hp(e.resolvedTargets.map((e) => e.element));
|
|
10007
10013
|
let n = t.annotationRect(e.id);
|
|
10008
10014
|
n && (c = [n]);
|
|
@@ -10023,7 +10029,7 @@ function Wp(e) {
|
|
|
10023
10029
|
a.activeMeasurement?.elementRef,
|
|
10024
10030
|
...a.heldDistances.flatMap((e) => [e.elementRefA, e.elementRefB])
|
|
10025
10031
|
]);
|
|
10026
|
-
let
|
|
10032
|
+
let p = l.kind === "workspace" ? [] : c.length ? c : s.map(o), m = jp({
|
|
10027
10033
|
workspace: {
|
|
10028
10034
|
guides: a.guides,
|
|
10029
10035
|
measurements: a.measurements,
|
|
@@ -10033,33 +10039,34 @@ function Wp(e) {
|
|
|
10033
10039
|
scope: l.kind === "workspace" ? { kind: "workspace" } : {
|
|
10034
10040
|
kind: "scoped",
|
|
10035
10041
|
elements: s,
|
|
10036
|
-
regions:
|
|
10042
|
+
regions: p
|
|
10037
10043
|
},
|
|
10038
10044
|
guideTolerance: a.guideRelevanceTolerance ?? Bp
|
|
10039
|
-
}),
|
|
10045
|
+
}), h = m.measurements, g = m.distances, _ = m.guides, v = Hp([
|
|
10040
10046
|
...s,
|
|
10041
|
-
...
|
|
10042
|
-
...
|
|
10043
|
-
]),
|
|
10044
|
-
let e = `target-${
|
|
10045
|
-
for (;
|
|
10046
|
-
return
|
|
10047
|
-
},
|
|
10048
|
-
let
|
|
10049
|
-
return
|
|
10050
|
-
ref:
|
|
10047
|
+
...h.map((e) => e.elementRef),
|
|
10048
|
+
...g.flatMap((e) => [e.elementRefA, e.elementRefB])
|
|
10049
|
+
]), y = /* @__PURE__ */ new Map(), b = new Set(u.values()), x = 1, S = () => {
|
|
10050
|
+
let e = `target-${x++}`;
|
|
10051
|
+
for (; b.has(e);) e = `target-${x++}`;
|
|
10052
|
+
return b.add(e), e;
|
|
10053
|
+
}, C = v.map((e) => {
|
|
10054
|
+
let n = u.get(e) ?? S(), r = o(e), i = zp(e);
|
|
10055
|
+
return y.set(e, n), {
|
|
10056
|
+
ref: n,
|
|
10057
|
+
...d.get(e) ?? t.targetScope?.(e),
|
|
10051
10058
|
inspection: {
|
|
10052
|
-
...
|
|
10059
|
+
...i,
|
|
10053
10060
|
rect: {
|
|
10054
|
-
...
|
|
10055
|
-
right:
|
|
10056
|
-
bottom:
|
|
10057
|
-
x:
|
|
10058
|
-
y:
|
|
10061
|
+
...r,
|
|
10062
|
+
right: r.left + r.width,
|
|
10063
|
+
bottom: r.top + r.height,
|
|
10064
|
+
x: r.left,
|
|
10065
|
+
y: r.top
|
|
10059
10066
|
}
|
|
10060
10067
|
}
|
|
10061
10068
|
};
|
|
10062
|
-
}),
|
|
10069
|
+
}), w = h.map((e) => {
|
|
10063
10070
|
let t = {
|
|
10064
10071
|
id: e.id,
|
|
10065
10072
|
rect: Vp(e.rect),
|
|
@@ -10067,19 +10074,18 @@ function Wp(e) {
|
|
|
10067
10074
|
deltaY: e.deltaY
|
|
10068
10075
|
};
|
|
10069
10076
|
e.snapped !== void 0 && (t.snapped = e.snapped);
|
|
10070
|
-
let n = e.elementRef ?
|
|
10077
|
+
let n = e.elementRef ? y.get(e.elementRef) : void 0;
|
|
10071
10078
|
return n && (t.targetRef = n), t;
|
|
10072
|
-
}),
|
|
10079
|
+
}), T = g.map((e) => {
|
|
10073
10080
|
let t = {
|
|
10074
10081
|
id: e.id,
|
|
10075
10082
|
rectA: Vp(e.rectA),
|
|
10076
10083
|
rectB: Vp(e.rectB),
|
|
10077
10084
|
horizontal: e.horizontal ? { ...e.horizontal } : null,
|
|
10078
10085
|
vertical: e.vertical ? { ...e.vertical } : null
|
|
10079
|
-
}, n = e.elementRefA ?
|
|
10086
|
+
}, n = e.elementRefA ? y.get(e.elementRefA) : void 0, r = e.elementRefB ? y.get(e.elementRefB) : void 0;
|
|
10080
10087
|
return n && (t.targetARef = n), r && (t.targetBRef = r), t;
|
|
10081
|
-
})
|
|
10082
|
-
return {
|
|
10088
|
+
}), E = {
|
|
10083
10089
|
schema: "mesurer.context/v1",
|
|
10084
10090
|
id: Up(r),
|
|
10085
10091
|
createdAt: (/* @__PURE__ */ new Date()).toISOString(),
|
|
@@ -10101,14 +10107,15 @@ function Wp(e) {
|
|
|
10101
10107
|
rulersVisible: a.rulersVisible,
|
|
10102
10108
|
xrayVisible: a.xrayVisible
|
|
10103
10109
|
},
|
|
10104
|
-
targets:
|
|
10110
|
+
targets: C,
|
|
10105
10111
|
visualContext: {
|
|
10106
|
-
guides:
|
|
10112
|
+
guides: _,
|
|
10107
10113
|
layoutGuides: (e.layoutGuides ?? []).map((e) => ({ ...e })),
|
|
10108
|
-
measurements:
|
|
10109
|
-
distances:
|
|
10114
|
+
measurements: w,
|
|
10115
|
+
distances: T
|
|
10110
10116
|
}
|
|
10111
10117
|
};
|
|
10118
|
+
return f ??= C.find((e) => e.viewport)?.viewport, f && (E.previewViewport = { ...f }), E;
|
|
10112
10119
|
}
|
|
10113
10120
|
var Gp = (e) => `${Math.round(e * 100) / 100}px`, Kp = (e) => `x=${Gp(e.left)} y=${Gp(e.top)} w=${Gp(e.width)} h=${Gp(e.height)}`;
|
|
10114
10121
|
function qp(e) {
|
|
@@ -10122,7 +10129,7 @@ function qp(e) {
|
|
|
10122
10129
|
t.push("", "Targets");
|
|
10123
10130
|
for (let n of e.targets) {
|
|
10124
10131
|
let e = n.inspection;
|
|
10125
|
-
t.push(`[${n.ref}] ${e.selector}`, ` rect: ${Kp(e.rect)}`, ` margin: ${Gp(e.margin.top)} ${Gp(e.margin.right)} ${Gp(e.margin.bottom)} ${Gp(e.margin.left)}`, ` padding: ${Gp(e.padding.top)} ${Gp(e.padding.right)} ${Gp(e.padding.bottom)} ${Gp(e.padding.left)}`, ` layout: display=${e.layout.display}; position=${e.layout.position}; gap=${e.layout.gap}`, ` typography: ${e.typography.fontSize} / ${e.typography.lineHeight}; weight=${e.typography.fontWeight}; align=${e.typography.textAlign}`), e.text && t.push(` text: ${JSON.stringify(e.text)}`);
|
|
10132
|
+
n.viewport && t.push(`Preview: ${n.viewport.url}; ${n.viewport.width} × ${n.viewport.height} CSS px; id=${n.viewport.previewId}`), t.push(`[${n.ref}] ${e.selector}`, ` rect: ${Kp(e.rect)}`, ` margin: ${Gp(e.margin.top)} ${Gp(e.margin.right)} ${Gp(e.margin.bottom)} ${Gp(e.margin.left)}`, ` padding: ${Gp(e.padding.top)} ${Gp(e.padding.right)} ${Gp(e.padding.bottom)} ${Gp(e.padding.left)}`, ` layout: display=${e.layout.display}; position=${e.layout.position}; gap=${e.layout.gap}`, ` typography: ${e.typography.fontSize} / ${e.typography.lineHeight}; weight=${e.typography.fontWeight}; align=${e.typography.textAlign}`), e.text && t.push(` text: ${JSON.stringify(e.text)}`);
|
|
10126
10133
|
}
|
|
10127
10134
|
}
|
|
10128
10135
|
if (e.visualContext.guides.length) {
|
|
@@ -10173,13 +10180,14 @@ function Jp(e) {
|
|
|
10173
10180
|
}
|
|
10174
10181
|
});
|
|
10175
10182
|
}
|
|
10176
|
-
|
|
10183
|
+
let r = {
|
|
10177
10184
|
schema: "mesurer.capture/v1",
|
|
10178
10185
|
contextId: e.id,
|
|
10179
10186
|
chrome: "hide",
|
|
10180
10187
|
evidence: "show",
|
|
10181
10188
|
captures: n
|
|
10182
10189
|
};
|
|
10190
|
+
return e.previewViewport && (r.previewViewport = { ...e.previewViewport }), r;
|
|
10183
10191
|
}
|
|
10184
10192
|
var Yp = (e, t, n, r, i) => {
|
|
10185
10193
|
!Number.isFinite(r) || !Number.isFinite(i) || Math.abs(r - i) < .01 || e.push({
|
|
@@ -10330,18 +10338,9 @@ var em = Lu, tm = Ru, nm = zu, rm = Bu, im = () => ({
|
|
|
10330
10338
|
e.finishCapture(), await pm(t, n);
|
|
10331
10339
|
}
|
|
10332
10340
|
};
|
|
10333
|
-
}, hm = (e) => {
|
|
10334
|
-
let
|
|
10335
|
-
return
|
|
10336
|
-
let t = e.ownerDocument;
|
|
10337
|
-
for (; t;) {
|
|
10338
|
-
let e = t.defaultView?.frameElement ?? null;
|
|
10339
|
-
if (!e) return !1;
|
|
10340
|
-
if (e.hasAttribute("data-mesurer-responsive-frame")) return !0;
|
|
10341
|
-
t = e.ownerDocument;
|
|
10342
|
-
}
|
|
10343
|
-
return !1;
|
|
10344
|
-
});
|
|
10341
|
+
}, hm = (e, t) => {
|
|
10342
|
+
let n = e.currentSelection();
|
|
10343
|
+
return n.elements.length > 0 || n.region !== null && !t?.querySelector("[data-mesurer-responsive-stage]");
|
|
10345
10344
|
};
|
|
10346
10345
|
function gm(e = {}) {
|
|
10347
10346
|
return {
|
|
@@ -10359,39 +10358,39 @@ function gm(e = {}) {
|
|
|
10359
10358
|
persist: !0
|
|
10360
10359
|
}), t.state.register({
|
|
10361
10360
|
id: cm,
|
|
10362
|
-
initial: { hasSelection: hm(r) }
|
|
10361
|
+
initial: { hasSelection: hm(r, n.rendererRoot) }
|
|
10363
10362
|
});
|
|
10364
|
-
let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => hm(r), s = (e) => {
|
|
10363
|
+
let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => hm(r, n.rendererRoot), s = (e) => {
|
|
10365
10364
|
t.state.update(sm, (t) => ({
|
|
10366
10365
|
...t,
|
|
10367
10366
|
ui: e
|
|
10368
10367
|
}));
|
|
10369
|
-
}, c = null, l = null, u = null, d = null, f = r.currentSelection(),
|
|
10370
|
-
elements: [...
|
|
10371
|
-
region:
|
|
10372
|
-
},
|
|
10373
|
-
let e = r.currentSelection(),
|
|
10374
|
-
|
|
10368
|
+
}, c = null, l = null, u = null, d = null, [f, p] = Tr(!!n.rendererRoot?.querySelector("[data-mesurer-responsive-stage]")), m = null, h = r.currentSelection(), g = {
|
|
10369
|
+
elements: [...h.elements],
|
|
10370
|
+
region: h.region ? { ...h.region } : null
|
|
10371
|
+
}, _ = (e, t) => e.elements.length !== t.elements.length || e.elements.some((e, n) => e !== t.elements[n]) ? !1 : e.region === t.region ? !0 : !e.region || !t.region ? !1 : e.region.left === t.region.left && e.region.top === t.region.top && e.region.width === t.region.width && e.region.height === t.region.height, v = r.subscribe(() => {
|
|
10372
|
+
let e = r.currentSelection(), i = !_(g, e);
|
|
10373
|
+
g = {
|
|
10375
10374
|
elements: [...e.elements],
|
|
10376
10375
|
region: e.region ? { ...e.region } : null
|
|
10377
|
-
}, r.selectGestureActive() ? c?.abandonNoteComposer() :
|
|
10378
|
-
let
|
|
10379
|
-
|
|
10376
|
+
}, r.selectGestureActive() ? c?.abandonNoteComposer() : i && c?.closeNoteComposer();
|
|
10377
|
+
let a = hm(r, n.rendererRoot);
|
|
10378
|
+
a !== (t.state.get(cm)?.hasSelection ?? !1) && t.state.update(cm, () => ({ hasSelection: a }));
|
|
10380
10379
|
});
|
|
10381
10380
|
t.command.register("context.copy", () => i.copyContext()), t.command.register("context.copy-selection", () => i.copyContext({ scope: "selection" }));
|
|
10382
|
-
let
|
|
10381
|
+
let y = () => {
|
|
10383
10382
|
let e = u?.element;
|
|
10384
10383
|
e && (n.rendererRoot?.hasAttribute(lm) ? e.setAttribute(lm, "true") : e.removeAttribute(lm));
|
|
10385
|
-
},
|
|
10384
|
+
}, b = () => {
|
|
10386
10385
|
d?.disconnect(), d = null, c = null, l?.(), l = null, u?.dispose(), u = null;
|
|
10387
|
-
},
|
|
10386
|
+
}, x = () => {
|
|
10388
10387
|
if (u) return;
|
|
10389
|
-
if (u = pu(n), u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
|
|
10390
|
-
let e = new n.ownerWindow.MutationObserver(
|
|
10388
|
+
if (u = pu(n), m = u.element.parentNode, u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
|
|
10389
|
+
let e = new n.ownerWindow.MutationObserver(y);
|
|
10391
10390
|
d = e, e.observe(n.rendererRoot, {
|
|
10392
10391
|
attributes: !0,
|
|
10393
10392
|
attributeFilter: [lm]
|
|
10394
|
-
}),
|
|
10393
|
+
}), y();
|
|
10395
10394
|
}
|
|
10396
10395
|
let e = {
|
|
10397
10396
|
runtime: r,
|
|
@@ -10399,16 +10398,25 @@ function gm(e = {}) {
|
|
|
10399
10398
|
onController: (e) => {
|
|
10400
10399
|
c = e;
|
|
10401
10400
|
},
|
|
10402
|
-
coordinateSpace
|
|
10401
|
+
get coordinateSpace() {
|
|
10402
|
+
return f() ? "viewport" : "document";
|
|
10403
|
+
},
|
|
10403
10404
|
rendererRoot: n.rendererRoot
|
|
10404
10405
|
};
|
|
10405
10406
|
l = Ur(() => Or(lu, yr(e, { get ownerWindow() {
|
|
10406
10407
|
return n.ownerWindow;
|
|
10407
|
-
} })), u.element);
|
|
10408
|
-
},
|
|
10409
|
-
a() ?
|
|
10408
|
+
} })), u.element), Qt(f) && n.rendererRoot && (n.rendererRoot.append(u.element), u.element.style.zIndex = "90");
|
|
10409
|
+
}, S = () => {
|
|
10410
|
+
a() ? x() : b();
|
|
10411
|
+
};
|
|
10412
|
+
S(), t.state.subscribe(S);
|
|
10413
|
+
let C = () => {
|
|
10414
|
+
let e = !!n.rendererRoot?.querySelector("[data-mesurer-responsive-stage]");
|
|
10415
|
+
if (e === Qt(f) || (p(e), !u)) return;
|
|
10416
|
+
let t = e ? n.rendererRoot : m;
|
|
10417
|
+
t && u.element.parentNode !== t && t.appendChild(u.element), u.element.style.zIndex = e ? "90" : "", Qt(() => c?.closeNoteComposer());
|
|
10410
10418
|
};
|
|
10411
|
-
|
|
10419
|
+
n.ownerWindow.addEventListener("mesurer:responsive-stage-change", C), t.command.register("context.add-note", () => {
|
|
10412
10420
|
o() && c?.openNoteComposer();
|
|
10413
10421
|
}), t.tool.register({
|
|
10414
10422
|
id: "context.copy",
|
|
@@ -10452,7 +10460,7 @@ function gm(e = {}) {
|
|
|
10452
10460
|
set: s
|
|
10453
10461
|
}]
|
|
10454
10462
|
}), t.lifecycle.onDispose(() => {
|
|
10455
|
-
|
|
10463
|
+
v(), n.ownerWindow.removeEventListener("mesurer:responsive-stage-change", C), b(), r.dispose();
|
|
10456
10464
|
});
|
|
10457
10465
|
}
|
|
10458
10466
|
};
|