mesurer 0.1.5 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/PRIVACY.md +8 -0
  3. package/README.md +2 -2
  4. package/dist/index.cjs +6762 -4811
  5. package/dist/index.d.cts +50 -5
  6. package/dist/index.d.ts +50 -5
  7. package/dist/index.js +6585 -4635
  8. package/dist/styles.css +1 -1
  9. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial}}}@layer theme{:root,:host{--msr-font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--msr-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--msr-color-red-50:oklch(97.1% .013 17.38);--msr-color-red-200:oklch(88.5% .062 18.334);--msr-color-red-600:oklch(57.7% .245 27.325);--msr-color-red-700:oklch(50.5% .213 27.518);--msr-color-black:#000;--msr-color-white:#fff;--msr-spacing:.25rem;--msr-font-weight-normal:400;--msr-font-weight-medium:500;--msr-font-weight-semibold:600;--msr-radius-md:.375rem;--msr-radius-lg:.5rem;--msr-default-transition-duration:.15s;--msr-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--msr-default-font-family:var(--msr-font-sans);--msr-default-mono-font-family:var(--msr-font-mono);--msr-radius-control:5px;--msr-color-ink-50:#f8fafc;--msr-color-ink-100:#f1f5f9;--msr-color-ink-200:#e2e8f0;--msr-color-ink-500:#64748b;--msr-color-ink-700:#334155;--msr-color-ink-900:#18181b}}@layer base{.mesurer-root{font-family:var(--msr-font-sans);font-size:12px;line-height:1.5}.mesurer-root button,.mesurer-root input,.mesurer-root select,.mesurer-root textarea{font-family:inherit;font-size:inherit;line-height:inherit}.mesurer-root,.mesurer-root *,.mesurer-root :before,.mesurer-root :after,.mesurer-root::backdrop{--tw-border-style:solid;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-inset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;border:0 solid}.mesurer-root button,.mesurer-root input,.mesurer-root select,.mesurer-root textarea{appearance:none;font:inherit;color:inherit;letter-spacing:inherit;background-color:#0000;padding:0}}@layer components;@layer utilities{.msr\:pointer-events-auto{pointer-events:auto}.msr\:pointer-events-none{pointer-events:none}.msr\:absolute{position:absolute}.msr\:fixed{position:fixed}.msr\:relative{position:relative}.msr\:inset-0{inset:calc(var(--msr-spacing) * 0)}.msr\:inset-x-0{inset-inline:calc(var(--msr-spacing) * 0)}.msr\:-top-1{top:calc(var(--msr-spacing) * -1)}.msr\:top-0{top:calc(var(--msr-spacing) * 0)}.msr\:top-1{top:calc(var(--msr-spacing) * 1)}.msr\:top-1\/2{top:50%}.msr\:top-7{top:calc(var(--msr-spacing) * 7)}.msr\:top-9{top:calc(var(--msr-spacing) * 9)}.msr\:top-\[18px\]{top:18px}.msr\:top-full{top:100%}.msr\:-right-1{right:calc(var(--msr-spacing) * -1)}.msr\:right-0{right:calc(var(--msr-spacing) * 0)}.msr\:right-1{right:calc(var(--msr-spacing) * 1)}.msr\:right-1\.5{right:calc(var(--msr-spacing) * 1.5)}.msr\:right-2{right:calc(var(--msr-spacing) * 2)}.msr\:right-\[8px\]{right:8px}.msr\:-bottom-1{bottom:calc(var(--msr-spacing) * -1)}.msr\:bottom-0{bottom:calc(var(--msr-spacing) * 0)}.msr\:bottom-1{bottom:calc(var(--msr-spacing) * 1)}.msr\:bottom-1\.5{bottom:calc(var(--msr-spacing) * 1.5)}.msr\:bottom-4{bottom:calc(var(--msr-spacing) * 4)}.msr\:bottom-full{bottom:100%}.msr\:-left-1{left:calc(var(--msr-spacing) * -1)}.msr\:left-0{left:calc(var(--msr-spacing) * 0)}.msr\:left-1{left:calc(var(--msr-spacing) * 1)}.msr\:left-1\.5{left:calc(var(--msr-spacing) * 1.5)}.msr\:left-1\/2{left:50%}.msr\:left-\[8px\]{left:8px}.msr\:left-\[18px\]{left:18px}.msr\:z-10{z-index:10}.msr\:z-20{z-index:20}.msr\:z-50{z-index:50}.msr\:z-80{z-index:80}.msr\:z-\[1\]{z-index:1}.msr\:z-\[60\]{z-index:60}.msr\:z-\[70\]{z-index:70}.msr\:z-\[85\]{z-index:85}.msr\:z-\[90\]{z-index:90}.msr\:z-\[100\]{z-index:100}.msr\:col-span-2{grid-column:span 2/span 2}.msr\:m-0{margin:calc(var(--msr-spacing) * 0)}.msr\:mt-1{margin-top:calc(var(--msr-spacing) * 1)}.msr\:mt-2{margin-top:calc(var(--msr-spacing) * 2)}.msr\:mt-3{margin-top:calc(var(--msr-spacing) * 3)}.msr\:mt-4{margin-top:calc(var(--msr-spacing) * 4)}.msr\:mb-1{margin-bottom:calc(var(--msr-spacing) * 1)}.msr\:mb-2{margin-bottom:calc(var(--msr-spacing) * 2)}.msr\:-ml-1{margin-left:calc(var(--msr-spacing) * -1)}.msr\:ml-1{margin-left:calc(var(--msr-spacing) * 1)}.msr\:ml-auto{margin-left:auto}.msr\:box-border{box-sizing:border-box}.msr\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.msr\:block{display:block}.msr\:flex{display:flex}.msr\:grid{display:grid}.msr\:inline-flex{display:inline-flex}.msr\:size-1\.5{width:calc(var(--msr-spacing) * 1.5);height:calc(var(--msr-spacing) * 1.5)}.msr\:size-3{width:calc(var(--msr-spacing) * 3);height:calc(var(--msr-spacing) * 3)}.msr\:size-4{width:calc(var(--msr-spacing) * 4);height:calc(var(--msr-spacing) * 4)}.msr\:size-5{width:calc(var(--msr-spacing) * 5);height:calc(var(--msr-spacing) * 5)}.msr\:size-6{width:calc(var(--msr-spacing) * 6);height:calc(var(--msr-spacing) * 6)}.msr\:size-7{width:calc(var(--msr-spacing) * 7);height:calc(var(--msr-spacing) * 7)}.msr\:size-8{width:calc(var(--msr-spacing) * 8);height:calc(var(--msr-spacing) * 8)}.msr\:size-\[10px\]{width:10px;height:10px}.msr\:size-\[18px\]{width:18px;height:18px}.msr\:size-full{width:100%;height:100%}.msr\:h-2{height:calc(var(--msr-spacing) * 2)}.msr\:h-3{height:calc(var(--msr-spacing) * 3)}.msr\:h-6{height:calc(var(--msr-spacing) * 6)}.msr\:h-7{height:calc(var(--msr-spacing) * 7)}.msr\:h-8{height:calc(var(--msr-spacing) * 8)}.msr\:h-\[14px\]{height:14px}.msr\:h-auto{height:auto}.msr\:h-full{height:100%}.msr\:h-max{height:max-content}.msr\:h-px{height:1px}.msr\:max-h-32{max-height:calc(var(--msr-spacing) * 32)}.msr\:max-h-48{max-height:calc(var(--msr-spacing) * 48)}.msr\:max-h-\[120px\]{max-height:120px}.msr\:min-h-0{min-height:calc(var(--msr-spacing) * 0)}.msr\:min-h-6{min-height:calc(var(--msr-spacing) * 6)}.msr\:min-h-8{min-height:calc(var(--msr-spacing) * 8)}.msr\:w-2{width:calc(var(--msr-spacing) * 2)}.msr\:w-4{width:calc(var(--msr-spacing) * 4)}.msr\:w-6{width:calc(var(--msr-spacing) * 6)}.msr\:w-9{width:calc(var(--msr-spacing) * 9)}.msr\:w-12{width:calc(var(--msr-spacing) * 12)}.msr\:w-32{width:calc(var(--msr-spacing) * 32)}.msr\:w-40{width:calc(var(--msr-spacing) * 40)}.msr\:w-44{width:calc(var(--msr-spacing) * 44)}.msr\:w-48{width:calc(var(--msr-spacing) * 48)}.msr\:w-52{width:calc(var(--msr-spacing) * 52)}.msr\:w-60{width:calc(var(--msr-spacing) * 60)}.msr\:w-64{width:calc(var(--msr-spacing) * 64)}.msr\:w-72{width:calc(var(--msr-spacing) * 72)}.msr\:w-\[18px\]{width:18px}.msr\:w-\[26px\]{width:26px}.msr\:w-auto{width:auto}.msr\:w-full{width:100%}.msr\:w-max{width:max-content}.msr\:w-px{width:1px}.msr\:max-w-\[180px\]{max-width:180px}.msr\:max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.msr\:max-w-\[min\(200px\,calc\(100vw-24px\)\)\]{max-width:min(200px,100vw - 24px)}.msr\:max-w-\[min\(240px\,calc\(100vw-16px\)\)\]{max-width:min(240px,100vw - 16px)}.msr\:min-w-0{min-width:calc(var(--msr-spacing) * 0)}.msr\:min-w-32{min-width:calc(var(--msr-spacing) * 32)}.msr\:min-w-36{min-width:calc(var(--msr-spacing) * 36)}.msr\:flex-1{flex:1}.msr\:flex-none{flex:none}.msr\:shrink-0{flex-shrink:0}.msr\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:rotate-45{rotate:45deg}.msr\:rotate-90{rotate:90deg}.msr\:animate-\[mesurer-screenshot-preview_5\.16s_ease-out_both\]{animation:5.16s ease-out both mesurer-screenshot-preview}.msr\:cursor-crosshair{cursor:crosshair}.msr\:cursor-default{cursor:default}.msr\:cursor-grab{cursor:grab}.msr\:cursor-pointer{cursor:pointer}.msr\:cursor-text{cursor:text}.msr\:touch-none{touch-action:none}.msr\:resize-none{resize:none}.msr\:list-none{list-style-type:none}.msr\:appearance-none{appearance:none}.msr\:grid-cols-\[78px_150px\]{grid-template-columns:78px 150px}.msr\:grid-cols-\[78px_minmax\(0\,1fr\)\]{grid-template-columns:78px minmax(0,1fr)}.msr\:flex-col{flex-direction:column}.msr\:items-baseline{align-items:baseline}.msr\:items-center{align-items:center}.msr\:items-start{align-items:flex-start}.msr\:items-stretch{align-items:stretch}.msr\:justify-between{justify-content:space-between}.msr\:justify-center{justify-content:center}.msr\:justify-end{justify-content:flex-end}.msr\:gap-0{gap:calc(var(--msr-spacing) * 0)}.msr\:gap-0\.5{gap:calc(var(--msr-spacing) * .5)}.msr\:gap-1{gap:calc(var(--msr-spacing) * 1)}.msr\:gap-1\.5{gap:calc(var(--msr-spacing) * 1.5)}.msr\:gap-2{gap:calc(var(--msr-spacing) * 2)}.msr\:gap-\[2px\]{gap:2px}.msr\:gap-px{gap:1px}.msr\:self-center{align-self:center}.msr\:justify-self-end{justify-self:flex-end}.msr\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msr\:overflow-hidden{overflow:hidden}.msr\:overflow-visible{overflow:visible}.msr\:overflow-y-auto{overflow-y:auto}.msr\:rounded{border-radius:.25rem}.msr\:rounded-\[2px\]{border-radius:2px}.msr\:rounded-\[3px\]{border-radius:3px}.msr\:rounded-\[4px\]{border-radius:4px}.msr\:rounded-\[10px\]{border-radius:10px}.msr\:rounded-full{border-radius:3.40282e38px}.msr\:rounded-lg{border-radius:var(--msr-radius-lg)}.msr\:rounded-md{border-radius:var(--msr-radius-md)}.msr\:rounded-none{border-radius:0}.msr\:border{border-style:var(--tw-border-style);border-width:1px}.msr\:border-0{border-style:var(--tw-border-style);border-width:0}.msr\:border-2{border-style:var(--tw-border-style);border-width:2px}.msr\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.msr\:border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.msr\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.msr\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.msr\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.msr\:border-dashed{--tw-border-style:dashed;border-style:dashed}.msr\:border-dotted{--tw-border-style:dotted;border-style:dotted}.msr\:border-solid{--tw-border-style:solid;border-style:solid}.msr\:border-\[\#0d99ff\]{border-color:#0d99ff}.msr\:border-\[\#2563eb\]\/70{border-color:oklab(54.615% -.026671 -.213549/.7)}.msr\:border-black\/8{border-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:border-black\/8{border-color:color-mix(in oklab, var(--msr-color-black) 8%, transparent)}}.msr\:border-black\/10{border-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:border-black\/10{border-color:color-mix(in oklab, var(--msr-color-black) 10%, transparent)}}.msr\:border-black\/15{border-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:border-black\/15{border-color:color-mix(in oklab, var(--msr-color-black) 15%, transparent)}}.msr\:border-ink-100{border-color:var(--msr-color-ink-100)}.msr\:border-ink-200{border-color:var(--msr-color-ink-200)}.msr\:border-ink-500{border-color:var(--msr-color-ink-500)}.msr\:border-ink-700{border-color:var(--msr-color-ink-700)}.msr\:border-red-200{border-color:var(--msr-color-red-200)}.msr\:border-transparent{border-color:#0000}.msr\:border-white{border-color:var(--msr-color-white)}.msr\:bg-\[\#0d99ff\]{background-color:#0d99ff}.msr\:bg-\[\#0d99ff\]\/8{background-color:oklab(66.9841% -.0648249 -.170866/.08)}.msr\:bg-\[\#0d99ff\]\/10{background-color:oklab(66.9841% -.0648249 -.170866/.1)}.msr\:bg-\[\#2563eb\]{background-color:#2563eb}.msr\:bg-\[\#e6e6e6\]{background-color:#e6e6e6}.msr\:bg-black,.msr\:bg-black\/4{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-black\/4{background-color:color-mix(in oklab, var(--msr-color-black) 4%, transparent)}}.msr\:bg-black\/40{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-black\/40{background-color:color-mix(in oklab, var(--msr-color-black) 40%, transparent)}}.msr\:bg-ink-50{background-color:var(--msr-color-ink-50)}.msr\:bg-ink-900\/90{background-color:var(--msr-color-ink-900)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-ink-900\/90{background-color:color-mix(in oklab, var(--msr-color-ink-900) 90%, transparent)}}.msr\:bg-red-600{background-color:var(--msr-color-red-600)}.msr\:bg-transparent{background-color:#0000}.msr\:bg-white{background-color:var(--msr-color-white)}.msr\:object-contain{object-fit:contain}.msr\:p-0{padding:calc(var(--msr-spacing) * 0)}.msr\:p-1{padding:calc(var(--msr-spacing) * 1)}.msr\:p-2{padding:calc(var(--msr-spacing) * 2)}.msr\:p-3{padding:calc(var(--msr-spacing) * 3)}.msr\:p-\[2px\]{padding:2px}.msr\:p-px{padding:1px}.msr\:px-0{padding-inline:calc(var(--msr-spacing) * 0)}.msr\:px-1{padding-inline:calc(var(--msr-spacing) * 1)}.msr\:px-1\.5{padding-inline:calc(var(--msr-spacing) * 1.5)}.msr\:px-2{padding-inline:calc(var(--msr-spacing) * 2)}.msr\:px-3{padding-inline:calc(var(--msr-spacing) * 3)}.msr\:py-0\.5{padding-block:calc(var(--msr-spacing) * .5)}.msr\:py-1{padding-block:calc(var(--msr-spacing) * 1)}.msr\:py-1\.5{padding-block:calc(var(--msr-spacing) * 1.5)}.msr\:py-2{padding-block:calc(var(--msr-spacing) * 2)}.msr\:py-6{padding-block:calc(var(--msr-spacing) * 6)}.msr\:pt-8{padding-top:calc(var(--msr-spacing) * 8)}.msr\:pr-1\.5{padding-right:calc(var(--msr-spacing) * 1.5)}.msr\:pr-6{padding-right:calc(var(--msr-spacing) * 6)}.msr\:pb-1{padding-bottom:calc(var(--msr-spacing) * 1)}.msr\:pb-2{padding-bottom:calc(var(--msr-spacing) * 2)}.msr\:pl-1{padding-left:calc(var(--msr-spacing) * 1)}.msr\:pl-1\.5{padding-left:calc(var(--msr-spacing) * 1.5)}.msr\:pl-3{padding-left:calc(var(--msr-spacing) * 3)}.msr\:pl-6{padding-left:calc(var(--msr-spacing) * 6)}.msr\:text-center{text-align:center}.msr\:text-left{text-align:left}.msr\:text-right{text-align:right}.msr\:font-mono{font-family:var(--msr-font-mono)}.msr\:text-\[9px\]{font-size:9px}.msr\:text-\[10px\]{font-size:10px}.msr\:text-\[11px\]{font-size:11px}.msr\:text-\[12px\]{font-size:12px}.msr\:text-\[13px\]{font-size:13px}.msr\:text-\[14px\]{font-size:14px}.msr\:text-\[16px\]{font-size:16px}.msr\:leading-4{--tw-leading:calc(var(--msr-spacing) * 4);line-height:calc(var(--msr-spacing) * 4)}.msr\:leading-5{--tw-leading:calc(var(--msr-spacing) * 5);line-height:calc(var(--msr-spacing) * 5)}.msr\:leading-6{--tw-leading:calc(var(--msr-spacing) * 6);line-height:calc(var(--msr-spacing) * 6)}.msr\:leading-none{--tw-leading:1;line-height:1}.msr\:font-medium{--tw-font-weight:var(--msr-font-weight-medium);font-weight:var(--msr-font-weight-medium)}.msr\:font-normal{--tw-font-weight:var(--msr-font-weight-normal);font-weight:var(--msr-font-weight-normal)}.msr\:font-semibold{--tw-font-weight:var(--msr-font-weight-semibold);font-weight:var(--msr-font-weight-semibold)}.msr\:text-pretty{text-wrap:pretty}.msr\:break-words{overflow-wrap:break-word}.msr\:whitespace-normal{white-space:normal}.msr\:whitespace-nowrap{white-space:nowrap}.msr\:whitespace-pre{white-space:pre}.msr\:whitespace-pre-wrap{white-space:pre-wrap}.msr\:text-\[\#64748b\]{color:#64748b}.msr\:text-black,.msr\:text-black\/45{color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:text-black\/45{color:color-mix(in oklab, var(--msr-color-black) 45%, transparent)}}.msr\:text-black\/60{color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:text-black\/60{color:color-mix(in oklab, var(--msr-color-black) 60%, transparent)}}.msr\:text-ink-50{color:var(--msr-color-ink-50)}.msr\:text-ink-500{color:var(--msr-color-ink-500)}.msr\:text-ink-700{color:var(--msr-color-ink-700)}.msr\:text-ink-900{color:var(--msr-color-ink-900)}.msr\:text-red-600{color:var(--msr-color-red-600)}.msr\:text-white,.msr\:text-white\/60{color:var(--msr-color-white)}@supports (color:color-mix(in lab, red, red)){.msr\:text-white\/60{color:color-mix(in oklab, var(--msr-color-white) 60%, transparent)}}.msr\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.msr\:caret-\[\#0d99ff\]{caret-color:#0d99ff}.msr\:opacity-0{opacity:0}.msr\:opacity-100{opacity:1}.msr\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:outline,.msr\:outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:outline-\[\#0d99ff\]{outline-color:#0d99ff}.msr\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-none{transition-property:none}.msr\:duration-150{--tw-duration:.15s;transition-duration:.15s}.msr\:outline-none{--tw-outline-style:none;outline-style:none}.msr\:select-none{-webkit-user-select:none;user-select:none}.msr\:select-text{-webkit-user-select:text;user-select:text}@media (hover:hover){.msr\:group-hover\:opacity-100:is(:where(.msr\:group):hover *){opacity:1}}.msr\:focus-within\:rounded-l-\[5px\]:focus-within{border-top-left-radius:5px;border-bottom-left-radius:5px}.msr\:focus-within\:rounded-r-\[5px\]:focus-within{border-top-right-radius:5px;border-bottom-right-radius:5px}.msr\:focus-within\:outline:focus-within,.msr\:focus-within\:outline-1:focus-within{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:focus-within\:outline-offset-\[-1px\]:focus-within{outline-offset:-1px}.msr\:focus-within\:outline-\[\#0d99ff\]:focus-within{outline-color:#0d99ff}@media (hover:hover){.msr\:hover\:border-ink-200:hover{border-color:var(--msr-color-ink-200)}.msr\:hover\:bg-\[\#0d99ff\]:hover{background-color:#0d99ff}.msr\:hover\:bg-\[\#087dcc\]:hover{background-color:#087dcc}.msr\:hover\:bg-black\/4:hover{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:hover\:bg-black\/4:hover{background-color:color-mix(in oklab, var(--msr-color-black) 4%, transparent)}}.msr\:hover\:bg-black\/5:hover{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--msr-color-black) 5%, transparent)}}.msr\:hover\:bg-ink-50:hover{background-color:var(--msr-color-ink-50)}.msr\:hover\:bg-ink-100:hover{background-color:var(--msr-color-ink-100)}.msr\:hover\:bg-ink-200\/50:hover{background-color:var(--msr-color-ink-200)}@supports (color:color-mix(in lab, red, red)){.msr\:hover\:bg-ink-200\/50:hover{background-color:color-mix(in oklab, var(--msr-color-ink-200) 50%, transparent)}}.msr\:hover\:bg-red-50:hover{background-color:var(--msr-color-red-50)}.msr\:hover\:bg-red-700:hover{background-color:var(--msr-color-red-700)}.msr\:hover\:text-black:hover{color:var(--msr-color-black)}.msr\:hover\:text-ink-900:hover{color:var(--msr-color-ink-900)}.msr\:hover\:text-white:hover{color:var(--msr-color-white)}.msr\:hover\:underline:hover{text-decoration-line:underline}}.msr\:focus\:border-\[\#0d99ff\]:focus{border-color:#0d99ff}.msr\:focus\:shadow-\[inset_0_0_0_1px_\#0d99ff\]:focus{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0d99ff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.msr\:focus-visible\:bg-ink-50:focus-visible{background-color:var(--msr-color-ink-50)}.msr\:focus-visible\:opacity-100:focus-visible{opacity:1}.msr\:focus-visible\:shadow-\[inset_0_0_0_1px_\#0d99ff\]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0d99ff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:shadow-\[inset_0_0_0_1px_\#ef4444\]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#ef4444);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:ring-\[\#0d99ff\]\/25:focus-visible{--tw-ring-color:oklab(66.9841% -.0648249 -.170866/.25)}.msr\:focus-visible\:outline:focus-visible,.msr\:focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.msr\:focus-visible\:outline-ink-500:focus-visible{outline-color:var(--msr-color-ink-500)}.msr\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.msr\:focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.msr\:disabled\:cursor-default:disabled{cursor:default}.msr\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.msr\:disabled\:opacity-40:disabled{opacity:.4}.msr\:rounded-control{border-radius:var(--msr-radius-control)}}:root,:host{--color-ink-50:#f8fafc;--color-ink-100:#f1f5f9;--color-ink-200:#e2e8f0;--color-ink-300:#cbd5e1;--color-ink-500:#64748b;--color-ink-700:#334155;--color-ink-900:#18181b}:host{all:initial;color-scheme:light;color:var(--msr-color-ink-900);letter-spacing:normal;--msr-spacing:4px;direction:ltr;font-family:ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5;display:block}.mesurer-color-picker,.mesurer-color-picker *,.mesurer-root [data-mesurer-inspect-info-card],.mesurer-root [data-mesurer-inspect-info-card] *,[data-mesurer-overlay][data-mesurer-inspect],[data-mesurer-overlay][data-mesurer-inspect] *{cursor:default!important}.mesurer-root,.mesurer-root *,.mesurer-root :before,.mesurer-root :after{box-sizing:border-box}.mesurer-toolbar-motion{--msr-toolbar-motion:.2s ease;filter:drop-shadow(0 0 .4px #00000038)drop-shadow(0 3px 8px #0000001a)drop-shadow(0 1px 3px #0000001a);width:max-content;max-width:100%;display:block;position:relative}.mesurer-toolbar-chrome{z-index:0;transform-origin:0;pointer-events:none;background:#fff;border-radius:9px;outline:1px solid #0000;position:absolute;inset:0;overflow:visible}.mesurer-toolbar-clip{z-index:1;transform-origin:0;position:relative;overflow:visible}.mesurer-toolbar-motion[data-resizing=collapse] .mesurer-toolbar-clip{overflow:hidden}.mesurer-toolbar-surface{transform-origin:0;padding:0;position:relative}.mesurer-toolbar-divider{background:var(--color-ink-200);flex:none;align-self:stretch;width:1px;margin:0}.mesurer-toolbar-minimize-stage{min-width:0;width:var(--msr-expanded-w,auto);flex:none;overflow:visible}.mesurer-toolbar-minimize-stage[data-minimized=true]{width:var(--msr-icon-w,auto);overflow:hidden}.mesurer-toolbar-motion[data-resizing=collapse] .mesurer-toolbar-minimize-stage{overflow:hidden}.mesurer-toolbar-minimize-stage[data-minimized=true] .mesurer-toolbar-minimize-track{transform:translateX(calc(-1 * var(--msr-expanded-w,0px)))}.mesurer-toolbar-minimize-stage:has([role=dialog]),.mesurer-toolbar-minimize-stage:has([role=menu]),.mesurer-toolbar-minimize-stage:has(.mesurer-screenshot-preview){overflow:visible}.mesurer-toolbar-minimize-track{pointer-events:none;flex:none;display:flex;transform:translate(0)}.mesurer-toolbar-minimize-slot{flex:none}.mesurer-toolbar-minimize-slot[data-slot=expanded]{width:var(--msr-expanded-w,auto)}.mesurer-toolbar-minimize-slot[data-slot=icon]{width:auto}.mesurer-toolbar-minimize-slot:not([data-open=true]){pointer-events:none}.mesurer-toolbar-minimize-slot[data-open=true]{pointer-events:auto}.mesurer-toolbar-motion:not([data-resizing=collapse]) .mesurer-toolbar-minimize-slot[data-slot=icon]:not([data-open=true]){visibility:hidden}.mesurer-toolbar-restore svg{transform:translate(-1.5px,-.5px)}.mesurer-toolbar-tool-stage{min-width:0;width:var(--msr-inspect-w,auto);flex:none;overflow:hidden}.mesurer-toolbar-tool-stage[data-group=annotate]{width:var(--msr-annotate-w,auto)}.mesurer-toolbar-tool-stage[data-group=annotate] .mesurer-toolbar-tool-track{transform:translateX(calc(-1 * var(--msr-inspect-w,0px)))}.mesurer-toolbar-tool-stage:has([role=menu]){overflow:visible}.mesurer-toolbar-motion[data-resizing=true] .mesurer-toolbar-tool-stage{overflow:hidden}.mesurer-toolbar-tool-track{flex:none;display:flex;transform:translate(0)}.mesurer-toolbar-motion[data-ready=true] .mesurer-toolbar-tool-switch-pill{transition:transform var(--msr-toolbar-motion)}.mesurer-toolbar-tool-slot{flex:none}.mesurer-toolbar-tool-slot[data-group=inspect]{width:var(--msr-inspect-w,auto)}.mesurer-toolbar-tool-slot[data-group=annotate]{width:var(--msr-annotate-w,auto)}.mesurer-toolbar-tool-slot:not([data-open=true]){pointer-events:none}.mesurer-toolbar-motion:not([data-resizing]) .mesurer-toolbar-tool-slot:not([data-open=true]){visibility:hidden}.mesurer-toolbar-tool-panel{width:max-content}.mesurer-toolbar-tooltips{z-index:100;pointer-events:none;position:absolute;inset:0;overflow:visible}.mesurer-toolbar-trailing{z-index:1;isolation:isolate;background:#fff;border-radius:0 9px 9px 0;flex:none;position:relative}.mesurer-toolbar-tool-switch{z-index:1;isolation:isolate;background:#fff;position:relative}.mesurer-toolbar-tool-switch-pill{z-index:0;background:var(--color-ink-200);border-radius:3px;width:28px;height:28px;position:absolute;top:2px;left:2px;transform:translate(0)}.mesurer-toolbar-tool-switch[data-value=annotate] .mesurer-toolbar-tool-switch-pill{transform:translate(30px)}.mesurer-toolbar-tool-switch>:not(.mesurer-toolbar-tool-switch-pill){z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.mesurer-toolbar-motion,.mesurer-toolbar-chrome,.mesurer-toolbar-tool-track,.mesurer-toolbar-minimize-track,.mesurer-toolbar-trailing,.mesurer-toolbar-motion[data-ready=true] .mesurer-toolbar-tool-switch-pill{transition:none}.mesurer-screenshot-preview{animation-name:mesurer-screenshot-preview-reduced;animation-duration:5s;animation-timing-function:linear;animation-fill-mode:both}}@keyframes mesurer-screenshot-preview{0%,3.1%{opacity:0}6.2%,96.9%{opacity:1}to{opacity:0}}@keyframes mesurer-screenshot-preview-reduced{0%,to{opacity:1}}@keyframes mesurer-comment-nudge{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}.mesurer-comment-nudge{animation:.15s ease-out mesurer-comment-nudge}@media (prefers-reduced-motion:reduce){.mesurer-comment-nudge{animation:none}}.mesurer-thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--msr-color-ink-200) transparent}.mesurer-thin-scrollbar::-webkit-scrollbar{width:6px}.mesurer-thin-scrollbar::-webkit-scrollbar-track{background:0 0}.mesurer-thin-scrollbar::-webkit-scrollbar-thumb{background:var(--msr-color-ink-200);border-radius:999px}.mesurer-toast-surface{box-shadow:0 0 .5px #0000002e,0 3px 8px #0000001a,0 1px 3px #0000001a}.mesurer-root{--msr-spacing:4px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial}}}@layer theme{:root,:host{--msr-font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--msr-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--msr-color-red-50:oklch(97.1% .013 17.38);--msr-color-red-200:oklch(88.5% .062 18.334);--msr-color-red-600:oklch(57.7% .245 27.325);--msr-color-red-700:oklch(50.5% .213 27.518);--msr-color-black:#000;--msr-color-white:#fff;--msr-spacing:.25rem;--msr-font-weight-normal:400;--msr-font-weight-medium:500;--msr-font-weight-semibold:600;--msr-radius-md:.375rem;--msr-radius-lg:.5rem;--msr-default-transition-duration:.15s;--msr-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--msr-default-font-family:var(--msr-font-sans);--msr-default-mono-font-family:var(--msr-font-mono);--msr-radius-control:5px;--msr-shadow-toolbar:drop-shadow(0 0 .4px #00000038) drop-shadow(0 6px 18px #00000008) drop-shadow(0 3px 9px #0000000f) drop-shadow(0 1px 1px #0000000f);--msr-shadow-floating:0 0 0 .4px #00000038, 0 6px 18px #00000008, 0 3px 9px #0000000f, 0 1px 1px #0000000f;--msr-color-ink-50:#f8fafc;--msr-color-ink-100:#f1f5f9;--msr-color-ink-200:#e2e8f0;--msr-color-ink-300:#cbd5e1;--msr-color-ink-500:#64748b;--msr-color-ink-700:#334155;--msr-color-ink-900:#18181b}}@layer base{.mesurer-root{font-family:var(--msr-font-sans);font-size:12px;line-height:1.5}.mesurer-root button,.mesurer-root input,.mesurer-root select,.mesurer-root textarea{font-family:inherit;font-size:inherit;line-height:inherit}.mesurer-root input[type=search]::-webkit-search-cancel-button{appearance:none;display:none}.mesurer-root input[type=search]::-webkit-search-decoration{appearance:none;display:none}.mesurer-root input[type=search]::-moz-search-clear{appearance:none;display:none}.mesurer-root input[type=search]::-ms-clear{appearance:none;display:none}:where(.mesurer-root,.mesurer-root *){--tw-border-style:solid;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-inset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;border:0 solid}.mesurer-root button,.mesurer-root input,.mesurer-root select,.mesurer-root textarea{appearance:none;font:inherit;color:inherit;letter-spacing:inherit;background-color:#0000;padding:0}}@layer components;@layer utilities{.msr\:pointer-events-auto{pointer-events:auto}.msr\:pointer-events-none{pointer-events:none}.msr\:absolute{position:absolute}.msr\:fixed{position:fixed}.msr\:relative{position:relative}.msr\:inset-0{inset:calc(var(--msr-spacing) * 0)}.msr\:inset-x-0{inset-inline:calc(var(--msr-spacing) * 0)}.msr\:top-0{top:calc(var(--msr-spacing) * 0)}.msr\:top-0\.5{top:calc(var(--msr-spacing) * .5)}.msr\:top-1\/2{top:50%}.msr\:top-9{top:calc(var(--msr-spacing) * 9)}.msr\:top-\[18px\]{top:18px}.msr\:top-full{top:100%}.msr\:right-0{right:calc(var(--msr-spacing) * 0)}.msr\:right-1{right:calc(var(--msr-spacing) * 1)}.msr\:right-1\.5{right:calc(var(--msr-spacing) * 1.5)}.msr\:right-2{right:calc(var(--msr-spacing) * 2)}.msr\:right-\[8px\]{right:8px}.msr\:bottom-0{bottom:calc(var(--msr-spacing) * 0)}.msr\:bottom-1\.5{bottom:calc(var(--msr-spacing) * 1.5)}.msr\:bottom-4{bottom:calc(var(--msr-spacing) * 4)}.msr\:bottom-full{bottom:100%}.msr\:left-0{left:calc(var(--msr-spacing) * 0)}.msr\:left-1\.5{left:calc(var(--msr-spacing) * 1.5)}.msr\:left-1\/2{left:50%}.msr\:left-\[8px\]{left:8px}.msr\:left-\[18px\]{left:18px}.msr\:z-10{z-index:10}.msr\:z-20{z-index:20}.msr\:z-50{z-index:50}.msr\:z-80{z-index:80}.msr\:z-100{z-index:100}.msr\:z-\[1\]{z-index:1}.msr\:z-\[60\]{z-index:60}.msr\:z-\[70\]{z-index:70}.msr\:z-\[71\]{z-index:71}.msr\:z-\[85\]{z-index:85}.msr\:z-\[90\]{z-index:90}.msr\:z-\[100\]{z-index:100}.msr\:col-span-2{grid-column:span 2/span 2}.msr\:m-0{margin:calc(var(--msr-spacing) * 0)}.msr\:my-1{margin-block:calc(var(--msr-spacing) * 1)}.msr\:mt-0\.5{margin-top:calc(var(--msr-spacing) * .5)}.msr\:mt-1{margin-top:calc(var(--msr-spacing) * 1)}.msr\:mt-2{margin-top:calc(var(--msr-spacing) * 2)}.msr\:mt-3{margin-top:calc(var(--msr-spacing) * 3)}.msr\:mt-4{margin-top:calc(var(--msr-spacing) * 4)}.msr\:mb-1{margin-bottom:calc(var(--msr-spacing) * 1)}.msr\:mb-2{margin-bottom:calc(var(--msr-spacing) * 2)}.msr\:-ml-1{margin-left:calc(var(--msr-spacing) * -1)}.msr\:ml-1{margin-left:calc(var(--msr-spacing) * 1)}.msr\:ml-auto{margin-left:auto}.msr\:box-border{box-sizing:border-box}.msr\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.msr\:block{display:block}.msr\:flex{display:flex}.msr\:grid{display:grid}.msr\:inline-flex{display:inline-flex}.msr\:size-1\.5{width:calc(var(--msr-spacing) * 1.5);height:calc(var(--msr-spacing) * 1.5)}.msr\:size-3{width:calc(var(--msr-spacing) * 3);height:calc(var(--msr-spacing) * 3)}.msr\:size-4{width:calc(var(--msr-spacing) * 4);height:calc(var(--msr-spacing) * 4)}.msr\:size-5{width:calc(var(--msr-spacing) * 5);height:calc(var(--msr-spacing) * 5)}.msr\:size-6{width:calc(var(--msr-spacing) * 6);height:calc(var(--msr-spacing) * 6)}.msr\:size-7{width:calc(var(--msr-spacing) * 7);height:calc(var(--msr-spacing) * 7)}.msr\:size-8{width:calc(var(--msr-spacing) * 8);height:calc(var(--msr-spacing) * 8)}.msr\:size-\[10px\]{width:10px;height:10px}.msr\:size-\[18px\]{width:18px;height:18px}.msr\:size-full{width:100%;height:100%}.msr\:h-5{height:calc(var(--msr-spacing) * 5)}.msr\:h-6{height:calc(var(--msr-spacing) * 6)}.msr\:h-7{height:calc(var(--msr-spacing) * 7)}.msr\:h-8{height:calc(var(--msr-spacing) * 8)}.msr\:h-\[14px\]{height:14px}.msr\:h-auto{height:auto}.msr\:h-full{height:100%}.msr\:h-max{height:max-content}.msr\:h-px{height:1px}.msr\:max-h-32{max-height:calc(var(--msr-spacing) * 32)}.msr\:max-h-48{max-height:calc(var(--msr-spacing) * 48)}.msr\:max-h-\[120px\]{max-height:120px}.msr\:min-h-0{min-height:calc(var(--msr-spacing) * 0)}.msr\:min-h-6{min-height:calc(var(--msr-spacing) * 6)}.msr\:min-h-8{min-height:calc(var(--msr-spacing) * 8)}.msr\:w-4{width:calc(var(--msr-spacing) * 4)}.msr\:w-5{width:calc(var(--msr-spacing) * 5)}.msr\:w-6{width:calc(var(--msr-spacing) * 6)}.msr\:w-9{width:calc(var(--msr-spacing) * 9)}.msr\:w-12{width:calc(var(--msr-spacing) * 12)}.msr\:w-32{width:calc(var(--msr-spacing) * 32)}.msr\:w-40{width:calc(var(--msr-spacing) * 40)}.msr\:w-44{width:calc(var(--msr-spacing) * 44)}.msr\:w-48{width:calc(var(--msr-spacing) * 48)}.msr\:w-52{width:calc(var(--msr-spacing) * 52)}.msr\:w-60{width:calc(var(--msr-spacing) * 60)}.msr\:w-64{width:calc(var(--msr-spacing) * 64)}.msr\:w-72{width:calc(var(--msr-spacing) * 72)}.msr\:w-\[18px\]{width:18px}.msr\:w-\[26px\]{width:26px}.msr\:w-auto{width:auto}.msr\:w-full{width:100%}.msr\:w-max{width:max-content}.msr\:w-px{width:1px}.msr\:max-w-\[180px\]{max-width:180px}.msr\:max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.msr\:max-w-\[min\(200px\,calc\(100vw-24px\)\)\]{max-width:min(200px,100vw - 24px)}.msr\:max-w-\[min\(240px\,calc\(100vw-16px\)\)\]{max-width:min(240px,100vw - 16px)}.msr\:min-w-0{min-width:calc(var(--msr-spacing) * 0)}.msr\:min-w-32{min-width:calc(var(--msr-spacing) * 32)}.msr\:min-w-36{min-width:calc(var(--msr-spacing) * 36)}.msr\:flex-1{flex:1}.msr\:flex-none{flex:none}.msr\:shrink-0{flex-shrink:0}.msr\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.msr\:-rotate-90{rotate:-90deg}.msr\:rotate-45{rotate:45deg}.msr\:rotate-90{rotate:90deg}.msr\:animate-\[mesurer-screenshot-preview_5\.16s_ease-out_both\]{animation:5.16s ease-out both mesurer-screenshot-preview}.msr\:cursor-crosshair{cursor:crosshair}.msr\:cursor-default{cursor:default}.msr\:cursor-ew-resize{cursor:ew-resize}.msr\:cursor-move{cursor:move}.msr\:cursor-nesw-resize{cursor:nesw-resize}.msr\:cursor-ns-resize{cursor:ns-resize}.msr\:cursor-nwse-resize{cursor:nwse-resize}.msr\:cursor-pointer{cursor:pointer}.msr\:cursor-text{cursor:text}.msr\:touch-none{touch-action:none}.msr\:resize-none{resize:none}.msr\:list-none{list-style-type:none}.msr\:appearance-none{appearance:none}.msr\:grid-cols-\[78px_150px\]{grid-template-columns:78px 150px}.msr\:grid-cols-\[78px_minmax\(0\,1fr\)\]{grid-template-columns:78px minmax(0,1fr)}.msr\:flex-col{flex-direction:column}.msr\:items-baseline{align-items:baseline}.msr\:items-center{align-items:center}.msr\:items-start{align-items:flex-start}.msr\:items-stretch{align-items:stretch}.msr\:justify-between{justify-content:space-between}.msr\:justify-center{justify-content:center}.msr\:justify-end{justify-content:flex-end}.msr\:gap-0{gap:calc(var(--msr-spacing) * 0)}.msr\:gap-0\.5{gap:calc(var(--msr-spacing) * .5)}.msr\:gap-1{gap:calc(var(--msr-spacing) * 1)}.msr\:gap-1\.5{gap:calc(var(--msr-spacing) * 1.5)}.msr\:gap-2{gap:calc(var(--msr-spacing) * 2)}.msr\:gap-\[2px\]{gap:2px}.msr\:gap-px{gap:1px}.msr\:self-center{align-self:center}.msr\:justify-self-end{justify-self:flex-end}.msr\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msr\:overflow-hidden{overflow:hidden}.msr\:overflow-visible{overflow:visible}.msr\:overflow-y-auto{overflow-y:auto}.msr\:rounded{border-radius:.25rem}.msr\:rounded-\[2px\]{border-radius:2px}.msr\:rounded-\[3px\]{border-radius:3px}.msr\:rounded-\[4px\]{border-radius:4px}.msr\:rounded-\[10px\]{border-radius:10px}.msr\:rounded-full{border-radius:3.40282e38px}.msr\:rounded-lg{border-radius:var(--msr-radius-lg)}.msr\:rounded-md{border-radius:var(--msr-radius-md)}.msr\:rounded-none{border-radius:0}.msr\:border{border-style:var(--tw-border-style);border-width:1px}.msr\:border-0{border-style:var(--tw-border-style);border-width:0}.msr\:border-2{border-style:var(--tw-border-style);border-width:2px}.msr\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.msr\:border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.msr\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.msr\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.msr\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.msr\:border-dashed{--tw-border-style:dashed;border-style:dashed}.msr\:border-dotted{--tw-border-style:dotted;border-style:dotted}.msr\:border-solid{--tw-border-style:solid;border-style:solid}.msr\:border-\[\#0d99ff\]{border-color:#0d99ff}.msr\:border-\[\#2563eb\]\/70{border-color:oklab(54.615% -.026671 -.213549/.7)}.msr\:border-\[var\(--msr-danger-border\)\]{border-color:var(--msr-danger-border)}.msr\:border-black\/10{border-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:border-black\/10{border-color:color-mix(in oklab, var(--msr-color-black) 10%, transparent)}}.msr\:border-ink-100{border-color:var(--msr-color-ink-100)}.msr\:border-ink-200{border-color:var(--msr-color-ink-200)}.msr\:border-ink-300{border-color:var(--msr-color-ink-300)}.msr\:border-ink-500{border-color:var(--msr-color-ink-500)}.msr\:border-ink-700{border-color:var(--msr-color-ink-700)}.msr\:border-transparent{border-color:#0000}.msr\:border-white{border-color:var(--msr-color-white)}.msr\:bg-\[\#0d99ff\]{background-color:#0d99ff}.msr\:bg-\[\#0d99ff\]\/8{background-color:oklab(66.9841% -.0648249 -.170866/.08)}.msr\:bg-\[\#0d99ff\]\/10{background-color:oklab(66.9841% -.0648249 -.170866/.1)}.msr\:bg-\[\#2563eb\]{background-color:#2563eb}.msr\:bg-\[var\(--msr-danger-solid-bg\)\]{background-color:var(--msr-danger-solid-bg)}.msr\:bg-black,.msr\:bg-black\/4{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-black\/4{background-color:color-mix(in oklab, var(--msr-color-black) 4%, transparent)}}.msr\:bg-black\/40{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-black\/40{background-color:color-mix(in oklab, var(--msr-color-black) 40%, transparent)}}.msr\:bg-ink-50{background-color:var(--msr-color-ink-50)}.msr\:bg-ink-900\/90{background-color:var(--msr-color-ink-900)}@supports (color:color-mix(in lab, red, red)){.msr\:bg-ink-900\/90{background-color:color-mix(in oklab, var(--msr-color-ink-900) 90%, transparent)}}.msr\:bg-transparent{background-color:#0000}.msr\:bg-white{background-color:var(--msr-color-white)}.msr\:object-contain{object-fit:contain}.msr\:p-0{padding:calc(var(--msr-spacing) * 0)}.msr\:p-1{padding:calc(var(--msr-spacing) * 1)}.msr\:p-2{padding:calc(var(--msr-spacing) * 2)}.msr\:p-3{padding:calc(var(--msr-spacing) * 3)}.msr\:p-\[2px\]{padding:2px}.msr\:p-px{padding:1px}.msr\:px-0{padding-inline:calc(var(--msr-spacing) * 0)}.msr\:px-1{padding-inline:calc(var(--msr-spacing) * 1)}.msr\:px-1\.5{padding-inline:calc(var(--msr-spacing) * 1.5)}.msr\:px-2{padding-inline:calc(var(--msr-spacing) * 2)}.msr\:px-3{padding-inline:calc(var(--msr-spacing) * 3)}.msr\:py-0\.5{padding-block:calc(var(--msr-spacing) * .5)}.msr\:py-1{padding-block:calc(var(--msr-spacing) * 1)}.msr\:py-1\.5{padding-block:calc(var(--msr-spacing) * 1.5)}.msr\:py-2{padding-block:calc(var(--msr-spacing) * 2)}.msr\:py-6{padding-block:calc(var(--msr-spacing) * 6)}.msr\:pt-8{padding-top:calc(var(--msr-spacing) * 8)}.msr\:pr-1\.5{padding-right:calc(var(--msr-spacing) * 1.5)}.msr\:pr-6{padding-right:calc(var(--msr-spacing) * 6)}.msr\:pb-1{padding-bottom:calc(var(--msr-spacing) * 1)}.msr\:pb-2{padding-bottom:calc(var(--msr-spacing) * 2)}.msr\:pl-1{padding-left:calc(var(--msr-spacing) * 1)}.msr\:pl-1\.5{padding-left:calc(var(--msr-spacing) * 1.5)}.msr\:pl-3{padding-left:calc(var(--msr-spacing) * 3)}.msr\:pl-6{padding-left:calc(var(--msr-spacing) * 6)}.msr\:text-center{text-align:center}.msr\:text-left{text-align:left}.msr\:text-right{text-align:right}.msr\:font-mono{font-family:var(--msr-font-mono)}.msr\:text-\[9px\]{font-size:9px}.msr\:text-\[10px\]{font-size:10px}.msr\:text-\[11px\]{font-size:11px}.msr\:text-\[12px\]{font-size:12px}.msr\:text-\[13px\]{font-size:13px}.msr\:text-\[16px\]{font-size:16px}.msr\:leading-4{--tw-leading:calc(var(--msr-spacing) * 4);line-height:calc(var(--msr-spacing) * 4)}.msr\:leading-5{--tw-leading:calc(var(--msr-spacing) * 5);line-height:calc(var(--msr-spacing) * 5)}.msr\:leading-6{--tw-leading:calc(var(--msr-spacing) * 6);line-height:calc(var(--msr-spacing) * 6)}.msr\:leading-none{--tw-leading:1;line-height:1}.msr\:font-medium{--tw-font-weight:var(--msr-font-weight-medium);font-weight:var(--msr-font-weight-medium)}.msr\:font-normal{--tw-font-weight:var(--msr-font-weight-normal);font-weight:var(--msr-font-weight-normal)}.msr\:font-semibold{--tw-font-weight:var(--msr-font-weight-semibold);font-weight:var(--msr-font-weight-semibold)}.msr\:text-pretty{text-wrap:pretty}.msr\:break-words{overflow-wrap:break-word}.msr\:whitespace-normal{white-space:normal}.msr\:whitespace-nowrap{white-space:nowrap}.msr\:whitespace-pre{white-space:pre}.msr\:whitespace-pre-wrap{white-space:pre-wrap}.msr\:text-\[\#64748b\]{color:#64748b}.msr\:text-\[var\(--msr-danger-solid-text\)\]{color:var(--msr-danger-solid-text)}.msr\:text-\[var\(--msr-danger-text\)\]{color:var(--msr-danger-text)}.msr\:text-ink-50{color:var(--msr-color-ink-50)}.msr\:text-ink-500{color:var(--msr-color-ink-500)}.msr\:text-ink-700{color:var(--msr-color-ink-700)}.msr\:text-ink-900{color:var(--msr-color-ink-900)}.msr\:text-red-600{color:var(--msr-color-red-600)}.msr\:text-white,.msr\:text-white\/60{color:var(--msr-color-white)}@supports (color:color-mix(in lab, red, red)){.msr\:text-white\/60{color:color-mix(in oklab, var(--msr-color-white) 60%, transparent)}}.msr\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.msr\:caret-\[\#0d99ff\]{caret-color:#0d99ff}.msr\:opacity-0{opacity:0}.msr\:opacity-100{opacity:1}.msr\:shadow-\[0_1px_2px_rgb\(0_0_0_\/_0\.06\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:shadow-floating{--tw-shadow:0 0 0 .4px var(--tw-shadow-color,#00000038), 0 6px 18px var(--tw-shadow-color,#00000008), 0 3px 9px var(--tw-shadow-color,#0000000f), 0 1px 1px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:outline,.msr\:outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:outline-\[\#0d99ff\]{outline-color:#0d99ff}.msr\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--msr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--msr-default-transition-duration))}.msr\:transition-none{transition-property:none}.msr\:duration-150{--tw-duration:.15s;transition-duration:.15s}.msr\:outline-none{--tw-outline-style:none;outline-style:none}.msr\:select-none{-webkit-user-select:none;user-select:none}.msr\:select-text{-webkit-user-select:text;user-select:text}@media (hover:hover){.msr\:group-hover\:opacity-100:is(:where(.msr\:group):hover *){opacity:1}}.msr\:focus-within\:rounded-l-\[5px\]:focus-within{border-top-left-radius:5px;border-bottom-left-radius:5px}.msr\:focus-within\:rounded-r-\[5px\]:focus-within{border-top-right-radius:5px;border-bottom-right-radius:5px}.msr\:focus-within\:opacity-100:focus-within{opacity:1}.msr\:focus-within\:outline:focus-within,.msr\:focus-within\:outline-1:focus-within{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:focus-within\:outline-offset-\[-1px\]:focus-within{outline-offset:-1px}.msr\:focus-within\:outline-\[var\(--msr-accent\)\]:focus-within{outline-color:var(--msr-accent)}@media (hover:hover){.msr\:hover\:border-ink-200:hover{border-color:var(--msr-color-ink-200)}.msr\:hover\:bg-\[\#0d99ff\]:hover{background-color:#0d99ff}.msr\:hover\:bg-\[\#087dcc\]:hover{background-color:#087dcc}.msr\:hover\:bg-\[var\(--msr-danger-bg\)\]:hover{background-color:var(--msr-danger-bg)}.msr\:hover\:bg-\[var\(--msr-danger-solid-hover\)\]:hover{background-color:var(--msr-danger-solid-hover)}.msr\:hover\:bg-black\/4:hover{background-color:var(--msr-color-black)}@supports (color:color-mix(in lab, red, red)){.msr\:hover\:bg-black\/4:hover{background-color:color-mix(in oklab, var(--msr-color-black) 4%, transparent)}}.msr\:hover\:bg-ink-50:hover{background-color:var(--msr-color-ink-50)}.msr\:hover\:bg-ink-100:hover{background-color:var(--msr-color-ink-100)}.msr\:hover\:bg-ink-200:hover,.msr\:hover\:bg-ink-200\/50:hover{background-color:var(--msr-color-ink-200)}@supports (color:color-mix(in lab, red, red)){.msr\:hover\:bg-ink-200\/50:hover{background-color:color-mix(in oklab, var(--msr-color-ink-200) 50%, transparent)}}.msr\:hover\:bg-red-50:hover{background-color:var(--msr-color-red-50)}.msr\:hover\:text-ink-700:hover{color:var(--msr-color-ink-700)}.msr\:hover\:text-ink-900:hover{color:var(--msr-color-ink-900)}.msr\:hover\:text-white:hover{color:var(--msr-color-white)}.msr\:hover\:underline:hover{text-decoration-line:underline}}.msr\:focus\:border-\[\#0d99ff\]:focus{border-color:#0d99ff}.msr\:focus\:shadow-\[inset_0_0_0_1px_\#0d99ff\]:focus{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0d99ff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus\:shadow-\[inset_0_0_0_1px_var\(--msr-accent\)\]:focus{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--msr-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.msr\:focus-visible\:bg-ink-100:focus-visible{background-color:var(--msr-color-ink-100)}.msr\:focus-visible\:shadow-\[inset_0_0_0_1px_var\(--msr-accent\)\]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--msr-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:shadow-\[inset_0_0_0_1px_var\(--msr-danger-text\)\]:focus-visible{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--msr-danger-text));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.msr\:focus-visible\:ring-\[var\(--msr-accent\)\]\/25:focus-visible{--tw-ring-color:var(--msr-accent)}@supports (color:color-mix(in lab, red, red)){.msr\:focus-visible\:ring-\[var\(--msr-accent\)\]\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--msr-accent) 25%, transparent)}}.msr\:focus-visible\:outline:focus-visible,.msr\:focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.msr\:focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.msr\:focus-visible\:outline-ink-500:focus-visible{outline-color:var(--msr-color-ink-500)}.msr\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.msr\:focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.msr\:disabled\:cursor-default:disabled{cursor:default}.msr\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.msr\:disabled\:opacity-40:disabled{opacity:.4}.msr\:rounded-control{border-radius:var(--msr-radius-control)}}:root,:host{--color-ink-50:#f8fafc;--color-ink-100:#f1f5f9;--color-ink-200:#e2e8f0;--color-ink-300:#cbd5e1;--color-ink-500:#64748b;--color-ink-700:#334155;--color-ink-900:#18181b}:host{all:initial;color-scheme:light dark;color:var(--msr-color-ink-900);letter-spacing:normal;--msr-spacing:4px;direction:ltr;font-family:ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5;display:block}.mesurer-root{--msr-accent:#0d99ff;--msr-surface:#fff;--msr-surface-raised:#fff;--msr-surface-muted:var(--msr-color-ink-50);--msr-content:var(--msr-color-ink-900);--msr-color-white:#fff;--msr-color-black:#000;--msr-danger-bg:#fef2f2;--msr-danger-border:#fecaca;--msr-danger-text:#dc2626;--msr-danger-solid-bg:#dc2626;--msr-danger-solid-hover:#b91c1c;--msr-danger-solid-text:#fff;--msr-control-thumb:#fff;--msr-slider-track:#0f172a29;--msr-shadow-toolbar:drop-shadow(0 0 .4px #00000038) drop-shadow(0 6px 18px #00000008) drop-shadow(0 3px 9px #0000000f) drop-shadow(0 1px 1px #0000000f);--msr-shadow-floating:0 0 0 .4px #00000038, 0 6px 18px #00000008, 0 3px 9px #0000000f, 0 1px 1px #0000000f;--msr-shadow-select-menu:var(--msr-shadow-floating);--msr-comment-menu-surface:var(--msr-surface-raised);--msr-shadow-comment-menu:var(--msr-shadow-select-menu);color:var(--msr-content);color-scheme:light}.mesurer-root [class~=msr\:bg-white]{background-color:var(--msr-surface)!important}.mesurer-root [class~="msr:bg-[#0d99ff]"],.mesurer-root [class~="msr:hover:bg-[#0d99ff]"]:hover{background-color:var(--msr-accent)!important}.mesurer-root [class~="msr:border-[#0d99ff]"]{border-color:var(--msr-accent)!important}.mesurer-root [class~="msr:bg-[#0d99ff]/8"]{background-color:var(--msr-accent)!important}@supports (color:color-mix(in lab, red, red)){.mesurer-root [class~="msr:bg-[#0d99ff]/8"]{background-color:color-mix(in srgb, var(--msr-accent) 8%, transparent)!important}}.mesurer-root [class~=msr\:text-black]{color:var(--msr-content)!important}.mesurer-root .mesurer-control-thumb{background-color:var(--msr-control-thumb)!important}.mesurer-root button{-webkit-user-select:none;user-select:none;cursor:default!important}.mesurer-root .mesurer-switch-thumb[data-checked=false]{background-color:var(--msr-color-ink-200)!important}.mesurer-root [class~="msr:hover:bg-black/4"]:hover,.mesurer-root [class~="msr:hover:bg-black/5"]:hover{background-color:var(--msr-content)!important}@supports (color:color-mix(in lab, red, red)){.mesurer-root [class~="msr:hover:bg-black/4"]:hover,.mesurer-root [class~="msr:hover:bg-black/5"]:hover{background-color:color-mix(in srgb, var(--msr-content) 6%, transparent)!important}}.mesurer-root .mesurer-menu-surface,.mesurer-root .mesurer-color-picker,.mesurer-root .mesurer-comment-card,.mesurer-root .mesurer-comment-hover-card,.mesurer-root .mesurer-comment-delete-confirmation{color:var(--msr-content);background-color:var(--msr-surface-raised)!important}.mesurer-root .mesurer-section-divider{background-color:var(--msr-color-ink-200)!important}.mesurer-root .mesurer-settings-select-menu{box-shadow:var(--msr-shadow-select-menu)}.mesurer-root .mesurer-comment-overflow-menu,.mesurer-root .mesurer-comment-delete-confirmation{box-shadow:var(--msr-shadow-comment-menu);background-color:var(--msr-comment-menu-surface)!important}.mesurer-root .mesurer-comment-menu-item:hover{background-color:var(--msr-color-ink-200)!important}.mesurer-root .mesurer-comment-menu-danger{color:var(--msr-danger-text)!important}.mesurer-root .mesurer-comment-menu-danger:hover{background-color:var(--msr-danger-bg)!important}.mesurer-root .mesurer-settings-button-default{background-color:#0000}.mesurer-root .mesurer-settings-button-default:hover{background-color:var(--msr-color-ink-50)}.mesurer-root[data-theme=dark] .mesurer-control-shell{background-color:var(--msr-color-ink-100)}.mesurer-root[data-theme=dark] .mesurer-settings-panel select,.mesurer-root[data-theme=dark] .mesurer-settings-select,.mesurer-root[data-theme=dark] .mesurer-settings-select-menu{background-color:var(--msr-surface-raised)!important;border-color:var(--msr-color-ink-200)!important}.mesurer-root[data-theme=dark] .mesurer-settings-button-default:hover{background-color:var(--msr-surface)!important}@media (prefers-color-scheme:dark){.mesurer-root[data-theme=system] .mesurer-control-shell{background-color:var(--msr-color-ink-100)}.mesurer-root[data-theme=system] .mesurer-settings-panel select,.mesurer-root[data-theme=system] .mesurer-settings-select,.mesurer-root[data-theme=system] .mesurer-settings-select-menu{background-color:var(--msr-surface-raised)!important;border-color:var(--msr-color-ink-200)!important}.mesurer-root[data-theme=system] .mesurer-settings-button-default:hover{background-color:var(--msr-surface)!important}}.mesurer-root[data-theme=dark] .mesurer-switch-track[data-checked=false]{background-color:var(--msr-color-ink-100)!important}@media (prefers-color-scheme:dark){.mesurer-root[data-theme=system] .mesurer-switch-track[data-checked=false]{background-color:var(--msr-color-ink-100)!important}}.mesurer-root .mesurer-settings-panel .mesurer-control-focus :is(input,select):focus{box-shadow:none!important;outline:none!important}.mesurer-root[data-theme=dark]{--msr-accent:#0c8ce9;--msr-color-red-50:#3f2020;--msr-color-red-200:#7f3f46;--msr-color-red-600:#f87171;--msr-color-red-700:#fca5a5;--msr-danger-bg:#3f2020;--msr-danger-border:#7f3f46;--msr-danger-text:#f87171;--msr-danger-solid-bg:#c95058;--msr-danger-solid-hover:#b7424b;--msr-danger-solid-text:#f5f5f5;--msr-color-ink-50:#3a3a3a;--msr-color-ink-100:#414141;--msr-color-ink-200:#4a4a4a;--msr-color-ink-300:#5a5a5a;--msr-color-ink-500:#a0a0a0;--msr-color-ink-700:#dedede;--msr-color-ink-900:#f5f5f5;--msr-surface:#323232;--msr-surface-raised:#3a3a3a;--msr-surface-muted:#3a3a3a;--msr-color-white:#f5f5f5;--msr-color-black:#171717;--msr-control-thumb:#f4f4f5;--msr-slider-track:#f5f5f53d;--msr-shadow-toolbar:drop-shadow(0 0 .4px lch(100% 0 0/.1)) drop-shadow(0 3px 8px lch(0% 0 0/.125)) drop-shadow(0 2px 5px lch(0% 0 0/.125)) drop-shadow(0 1px 1px lch(0% 0 0/.125));--msr-shadow-floating:0 0 0 .4px lch(100% 0 0/.05), 0 4px 12px lch(0% 0 0/.12), 0 1px 3px lch(0% 0 0/.1);--msr-shadow-select-menu:0 0 0 .4px lch(100% 0 0/.14), 0 4px 12px lch(0% 0 0/.22), 0 1px 3px lch(0% 0 0/.18);--msr-comment-menu-surface:#323232;--msr-shadow-comment-menu:0 0 0 .5px lch(100% 0 0/.16), 0 5px 14px lch(0% 0 0/.26), 0 1px 3px lch(0% 0 0/.18);color-scheme:dark}@media (prefers-color-scheme:dark){.mesurer-root[data-theme=system]{--msr-accent:#0c8ce9;--msr-color-red-50:#3f2020;--msr-color-red-200:#7f3f46;--msr-color-red-600:#f87171;--msr-color-red-700:#fca5a5;--msr-danger-bg:#3f2020;--msr-danger-border:#7f3f46;--msr-danger-text:#f87171;--msr-danger-solid-bg:#c95058;--msr-danger-solid-hover:#b7424b;--msr-danger-solid-text:#f5f5f5;--msr-color-ink-50:#3a3a3a;--msr-color-ink-100:#414141;--msr-color-ink-200:#4a4a4a;--msr-color-ink-300:#5a5a5a;--msr-color-ink-500:#a0a0a0;--msr-color-ink-700:#dedede;--msr-color-ink-900:#f5f5f5;--msr-surface:#323232;--msr-surface-raised:#3a3a3a;--msr-surface-muted:#3a3a3a;--msr-color-white:#f5f5f5;--msr-color-black:#171717;--msr-control-thumb:#f4f4f5;--msr-slider-track:#f5f5f53d;--msr-shadow-toolbar:drop-shadow(0 0 .4px lch(100% 0 0/.1)) drop-shadow(0 3px 8px lch(0% 0 0/.125)) drop-shadow(0 2px 5px lch(0% 0 0/.125)) drop-shadow(0 1px 1px lch(0% 0 0/.125));--msr-shadow-floating:0 0 0 .4px lch(100% 0 0/.05), 0 4px 12px lch(0% 0 0/.12), 0 1px 3px lch(0% 0 0/.1);--msr-shadow-select-menu:0 0 0 .4px lch(100% 0 0/.14), 0 4px 12px lch(0% 0 0/.22), 0 1px 3px lch(0% 0 0/.18);--msr-comment-menu-surface:#323232;--msr-shadow-comment-menu:0 0 0 .5px lch(100% 0 0/.16), 0 5px 14px lch(0% 0 0/.26), 0 1px 3px lch(0% 0 0/.18);color-scheme:dark}}.mesurer-color-picker,.mesurer-color-picker *,.mesurer-root [data-mesurer-inspect-info-card],.mesurer-root [data-mesurer-inspect-info-card] *,[data-mesurer-overlay][data-mesurer-inspect],[data-mesurer-overlay][data-mesurer-inspect] *{cursor:default!important}.mesurer-root button[data-mesurer-resize-cursor],.mesurer-root button[data-mesurer-resize-cursor] *,[data-mesurer-overlay][data-mesurer-inspect] [data-mesurer-resize-cursor],[data-mesurer-overlay][data-mesurer-inspect] [data-mesurer-resize-cursor] *{cursor:var(--msr-resize-cursor)!important}html[data-mesurer-resize-cursor],html[data-mesurer-resize-cursor] *,html[data-mesurer-resize-cursor] [data-mesurer-overlay][data-mesurer-inspect],html[data-mesurer-resize-cursor] [data-mesurer-overlay][data-mesurer-inspect] *,.mesurer-root[data-mesurer-resize-cursor],.mesurer-root[data-mesurer-resize-cursor] *{cursor:var(--msr-resize-cursor-lock)!important}.mesurer-root,.mesurer-root *,.mesurer-root :before,.mesurer-root :after{box-sizing:border-box}.mesurer-toolbar-motion{--msr-toolbar-motion:.2s ease;z-index:0;isolation:isolate;width:max-content;max-width:100%;display:block;position:relative}.mesurer-layout-guides,.mesurer-layout-guides-layer,.mesurer-layout-guides-grid{pointer-events:none;position:absolute;inset:0}.mesurer-layout-guides{z-index:2;overflow:hidden}.mesurer-toolbar-chrome{z-index:0;background:var(--msr-surface);width:100%;filter:var(--msr-shadow-toolbar);transform-origin:0;pointer-events:none;border-radius:9px;position:absolute;inset:0 auto 0 0;overflow:visible}.mesurer-toolbar-clip{z-index:1;isolation:isolate;transform-origin:0;position:relative;overflow:visible}.mesurer-toolbar-motion[data-resizing=collapse] .mesurer-toolbar-clip{overflow:hidden}.mesurer-toolbar-motion[data-resizing] .mesurer-toolbar-tooltips{visibility:hidden!important}.mesurer-toolbar-surface{transform-origin:0;padding:0;position:relative}.mesurer-toolbar-divider{background:var(--msr-color-ink-200);flex:none;align-self:stretch;width:1px;margin:0}.mesurer-toolbar-minimize-stage{min-width:0;width:var(--msr-expanded-w,auto);flex:none;overflow:visible}.mesurer-toolbar-minimize-stage[data-minimized=true]{width:var(--msr-icon-w,auto);overflow:hidden}.mesurer-toolbar-motion[data-resizing=collapse] .mesurer-toolbar-minimize-stage{overflow:hidden}.mesurer-toolbar-minimize-stage[data-minimized=true] .mesurer-toolbar-minimize-track{transform:translateX(calc(-1 * var(--msr-expanded-w,0px)))}.mesurer-toolbar-minimize-stage:has([role=dialog]),.mesurer-toolbar-minimize-stage:has([role=menu]),.mesurer-toolbar-minimize-stage:has(.mesurer-screenshot-preview){overflow:visible}.mesurer-toolbar-minimize-track{pointer-events:none;flex:none;display:flex;transform:translate(0)}.mesurer-toolbar-minimize-slot{flex:none}.mesurer-toolbar-minimize-slot[data-slot=expanded]{width:var(--msr-expanded-w,auto)}.mesurer-toolbar-minimize-slot[data-slot=icon]{width:auto}.mesurer-toolbar-minimize-slot:not([data-open=true]){pointer-events:none}.mesurer-toolbar-minimize-slot[data-open=true]{pointer-events:auto}.mesurer-toolbar-motion:not([data-resizing=collapse]) .mesurer-toolbar-minimize-slot[data-slot=icon]:not([data-open=true]){visibility:hidden}.mesurer-toolbar-restore svg{transform:translate(-1.5px,-.5px)}.mesurer-toolbar-tool-stage{min-width:0;width:var(--msr-inspect-w,auto);flex:none;overflow:hidden}.mesurer-toolbar-tool-stage[data-group=annotate]{width:var(--msr-annotate-w,auto)}.mesurer-toolbar-tool-stage[data-group=annotate] .mesurer-toolbar-tool-track{transform:translateX(calc(-1 * var(--msr-inspect-w,0px)))}.mesurer-toolbar-tool-stage:has([role=menu]),.mesurer-toolbar-tool-stage:has([role=dialog]){overflow:visible}.mesurer-toolbar-motion[data-resizing=true] .mesurer-toolbar-tool-stage{overflow:hidden}.mesurer-toolbar-tool-track{flex:none;display:flex;transform:translate(0)}.mesurer-toolbar-motion[data-ready=true] .mesurer-toolbar-tool-switch-pill{transition:transform var(--msr-toolbar-motion)}.mesurer-toolbar-tool-slot{flex:none}.mesurer-toolbar-tool-slot[data-group=inspect]{width:var(--msr-inspect-w,auto)}.mesurer-toolbar-tool-slot[data-group=annotate]{width:var(--msr-annotate-w,auto)}.mesurer-toolbar-tool-slot:not([data-open=true]){pointer-events:none}.mesurer-toolbar-motion:not([data-resizing]) .mesurer-toolbar-tool-slot:not([data-open=true]){visibility:hidden}.mesurer-toolbar-tool-panel{width:max-content}.mesurer-toolbar-tooltips{z-index:100;pointer-events:none;position:absolute;inset:0;overflow:visible}.mesurer-toolbar-trailing{z-index:1;isolation:isolate;background:var(--msr-surface);border-radius:0 9px 9px 0;flex:none;position:relative}.mesurer-toolbar-tool-switch{z-index:1;isolation:isolate;background:var(--msr-surface);position:relative}.mesurer-toolbar-tool-switch-pill{z-index:0;background:var(--msr-color-ink-200);border-radius:3px;width:28px;height:28px;position:absolute;top:2px;left:2px;transform:translate(0)}.mesurer-toolbar-tool-switch[data-value=annotate] .mesurer-toolbar-tool-switch-pill{transform:translate(30px)}.mesurer-toolbar-tool-switch>:not(.mesurer-toolbar-tool-switch-pill){z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.mesurer-toolbar-motion,.mesurer-toolbar-chrome,.mesurer-toolbar-tool-track,.mesurer-toolbar-minimize-track,.mesurer-toolbar-trailing,.mesurer-toolbar-motion[data-ready=true] .mesurer-toolbar-tool-switch-pill{transition:none}.mesurer-screenshot-preview{animation-name:mesurer-screenshot-preview-reduced;animation-duration:5s;animation-timing-function:linear;animation-fill-mode:both}}@keyframes mesurer-screenshot-preview{0%,3.1%{opacity:0}6.2%,96.9%{opacity:1}to{opacity:0}}@keyframes mesurer-screenshot-preview-reduced{0%,to{opacity:1}}@keyframes mesurer-comment-nudge{0%,to{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}}.mesurer-comment-nudge{animation:.15s ease-out mesurer-comment-nudge}@media (prefers-reduced-motion:reduce){.mesurer-comment-nudge{animation:none}}.mesurer-thin-scrollbar{scrollbar-width:thin;scrollbar-color:var(--msr-color-ink-200) transparent}.mesurer-thin-scrollbar::-webkit-scrollbar{width:4px;height:4px}.mesurer-thin-scrollbar::-webkit-scrollbar-track{background:0 0}.mesurer-thin-scrollbar::-webkit-scrollbar-thumb{background:var(--msr-color-ink-200);border-radius:var(--msr-radius-control)}.mesurer-thin-scrollbar:hover{scrollbar-color:var(--msr-color-ink-300) transparent}.mesurer-thin-scrollbar:hover::-webkit-scrollbar-thumb{background:var(--msr-color-ink-300)}.mesurer-thin-scrollbar::-webkit-scrollbar-corner{background:0 0}.mesurer-toast-surface{box-shadow:var(--msr-shadow-floating)}.mesurer-root{--msr-spacing:4px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mesurer",
3
- "version": "0.1.5",
3
+ "version": "0.2.0",
4
4
  "description": "Inspect, annotate, and give feedback on any live interface",
5
5
  "license": "MIT",
6
6
  "author": "Julien Thibeaut",