/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-font-weight: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: black;
      --tw-mask-bottom-to-color: transparent;
      --tw-leading: initial;
      --tw-tracking: 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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-contain-size: initial;
      --tw-contain-layout: initial;
      --tw-contain-paint: initial;
      --tw-contain-style: initial;
      --tw-content: "";
    }
  }
}
@layer theme {
  :root,
  :host {
    --ease-in-slow: cubic-bezier(0.375, 0.015, 0.545, 0.455);
    --ease-out-fast: cubic-bezier(0.45, 1.005, 0, 1.005);
    --ease-out-smooth: cubic-bezier(0.685, 0.89, 0.315, 0.995);
    --color-black: black;
    --color-white: white;
    --color-inverse: light-dark(#fff, #000);
    --color-gray-1: light-dark(oklab(0% none none/.8), oklab(100% 0 5.96046e-8/0.9));
    --color-gray-2: light-dark(oklab(0% none none/.6), oklab(100% 0 5.96046e-8/0.65));
    --color-gray-3: light-dark(oklab(0% none none/.5), oklab(100% 0 5.96046e-8/0.575));
    --color-gray-4: light-dark(oklab(0% none none/.4), oklab(100% 0 5.96046e-8/0.5));
    --color-gray-5: light-dark(oklab(0% none none/.1), oklab(100% 0 5.96046e-8/0.1));
    --color-blue-1: oklch(50% 0.15 258);
    --color-blue-2: oklch(55% 0.18 258);
    --color-blue-3: oklch(63% 0.19 258);
    --color-blue-4: oklch(65% 0.16 258);
    --color-blue-5: #679ded;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-blue-5: color-mix(in oklab, var(--color-blue-4), var(--color-brand));
    }
  }
  :root,
  :host {
    --color-brand: oklch(74% 0.104 258);
    --color-orange: oklch(81% 0.18 67);
    --color-red: oklch(59% 0.25 20);
    --color-panel: light-dark(#f2f2f2, #2a2a2a);
    --color-panel-highlight-1: light-dark(#e8e8e8, #333);
    --color-panel-highlight-2: light-dark(#ddd, #3c3c3c);
    --color-panel-header: light-dark(#eee, #272727);
    --color-toast: light-dark(#f2f2f2eb, #2a2a2aeb);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-toast: color-mix(in oklab, var(--color-panel) 92%, transparent);
    }
  }
  :root,
  :host {
    --color-focus: light-dark(oklch(74% 0.12 258), oklch(60% 0.15 258));
    --color-selection: light-dark(oklch(78% 0.12 258/0.5), oklch(74% 0.3 258/0.3));
    --color-separator: light-dark(#e2e2e2, #373737);
    --color-control: light-dark(#f9f9f9, #373737);
    --color-control-border: light-dark(var(--color-separator), transparent);
    --color-control-separator: light-dark(#0000, #444);
    --color-control-pressed: light-dark(light-dark(#f4f4f4, #2e2e2e), var(--color-panel-highlight-1));
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-control-pressed: light-dark(
        color-mix(in srgb, var(--color-control), var(--color-panel) 70%),
        var(--color-panel-highlight-1)
      );
    }
  }
  :root,
  :host {
    --color-ghost-hover: light-dark(oklab(0% none none/.06), oklab(100% 0 5.96046e-8/0.06));
    --color-ghost-pressed: light-dark(oklab(0% none none/.085), oklab(100% 0 5.96046e-8/0.085));
    --color-slider-range: light-dark(oklab(0% none none/.075), oklab(100% 0 5.96046e-8/0.1));
    --color-slider-track: light-dark(oklab(0% none none/.18), oklab(100% 0 5.96046e-8/0.25));
    --color-slider-snap-point: light-dark(oklab(100% 0 5.96046e-8/0.85), oklab(100% 0 5.96046e-8/0.4));
    --color-thumbnail: light-dark(oklab(0% none none/.075), oklab(100% 0 5.96046e-8/0.1));
    --color-drop-indicator: light-dark(#333, #eee);
    --spacing: 1px;
    --spacing-offset-bottom: round(min(64px, 10vh), 1px);
    --spacing-cqh: 100cqh;
    --container-md: 580px;
    --radius: 1000px;
    --radius-1: 1px;
    --radius-2: 2px;
    --radius-3: 3px;
    --radius-4: 4px;
    --radius-6: 6px;
    --radius-10: 10px;
    --default-font-family: -apple-system, BlinkMacSystemFont, _Inter, system-ui, sans-serif;
    --font-heading: _Matter, var(--default-font-family);
    --font-mono: _PaperMono, "SFMono-Regular", Menlo, ui-monospace, monospace;
    --text-sm: 10px;
    --text-sm--line-height: 16px;
    --text-base: 12px;
    --text-base--line-height: 16px;
    --text-lg: 13px;
    --text-lg--line-height: 16px;
    --font-weight-semilight: 360;
    --font-weight-regular: 400;
    --font-weight-caption: 465;
    --font-weight-medium: 500;
    --font-weight-bold: unset;
    --leading-normal: normal;
    --popup-radius: 4px;
    --popup-header-height: 24px;
  }
  :root {
    --color-root: light-dark(#fff, #222);
    --color-popup: var(--color-panel);
    --color-popup-header: light-dark(var(--color-panel-highlight-2), var(--color-root));
    --color-popup-outline: light-dark(#0000001a, #444);
  }
  @media (min-resolution: 2x) {
    :root {
      --color-popup-outline: light-dark(#0000001a, #555);
    }
  }
  :root {
    --color-tooltip: light-dark(
      oklab(98.2118% -8.9407e-8 5.96046e-8/0.92),
      oklab(35.6179% 1.49012e-8 -2.98023e-8/0.92)
    );
    --color-tooltip-border: light-dark(#0000, #555);
  }
  @media (min-resolution: 2x) {
    :root {
      --color-tooltip-border: light-dark(#0000, #666);
    }
  }
  :root {
    --color-menu: light-dark(#f2f2f2eb, #2a2a2aeb);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --color-menu: color-mix(in oklab, var(--color-panel) 92%, transparent);
    }
  }
  :root {
    --color-menu-highlight: light-dark(var(--color-blue-4), var(--color-blue-1));
    --color-scrollbar-root-thumb: light-dark(oklab(0% none none/.4), oklab(100% 0 5.96046e-8/0.4));
    --color-scrollbar-root-track: var(--color-root);
    --color-scrollbar-panel-thumb: light-dark(oklab(0% none none/.3), oklab(100% 0 5.96046e-8/0.3));
    --color-scrollbar-panel-track: var(--color-panel);
    --color-checker-light: light-dark(#fff, #2a2a2a);
    --color-checker-dark: light-dark(var(--color-panel), #333);
    --color-button-high-contrast: light-dark(#1e1e1e, #f2f2f2);
    --color-button-high-contrast-pressed: light-dark(#333, #d4d4d4);
    --color-checkbox-outline: light-dark(#d8d8d8, #444);
    --color-canvas: light-dark(var(--color-canvas-light), var(--color-canvas-dark));
    --color-canvas-light: #eee;
    --color-canvas-dark: #282828;
    --color-toggle: light-dark(oklab(0% none none/.05), oklab(100% 0 5.96046e-8/0.05));
    --color-toggle-pressed: light-dark(var(--color-control), oklab(100% 0 5.96046e-8/0.1));
    --color-toggle-border: var(--color-control-border);
    --cursor-arrow: url(data:image/webp;base64,UklGRnQDAABXRUJQVlA4TGgDAAAvP8APEL/ksG0jR6Jnd+/uc+6/xC8h/9fgIJIkRcqexWf2L/ElnINIkhQpexaf2b/El3Bua9uRE0neoxkq4BCR0wE5pVAMJdAAGR24AvbIEQXYGav01KZtwJCt5w4I9D9QoIBCYa8Db9/7wmcAJQo06GAwKAo0UBi0tSYAJSzJBAdwAAACJAn8AQBJHAAEIgkAfPgk/yQBkpAkQBJAEpKQBIxJchKqiiRUFa01qoreO3j13tt5LcYYn9ZavbvdwO/2+5Xr8/mfRI7PpxweD0kiKA6PhyeRJPPeO9OcjDGem8tl11qLea19Vemy9+lxHIfe+/9xHI/e+7L3fkXfWqO11m8ul80Y4zjNuZ3m9CSzqkpVJVU1JFklSVW1rqqhqhIWScCUBOQkYxKQk4AMSxL3/18M0q5tLySpU82x7VlzbNtmY1PtnsnatjVMdv5vobvPm/2otyL678htG0mS7VRVd8+canuD7TeRIEJyDJLYYxgOOaNMEdKwuz4eH36kUSbLiuo94IhvPQ5FElH/MscbiK/8YUlNaGuG469dfvQ8ECUyOkRdndKwbuDRiwwHk4E7r0rHuoNH9wMyXjKaP6Zh8J5uAv5LulRtxHqIBzK6hOaPmlh/yQ8eBKLQVtyGYvbefY8D2CSQN6Zh8ms8uEmBu4pqKCZde43fbrlhTeiSXpL7NmWQZm4Dyf01R4XsKsaSwp+zVUYAf5avk9wnml2MAM/b5Aqe8E9elwI37wyD1H6/7YT6MxbIG02NFeH4IUtloIOUimveBrLiNsz79OxVGQzLo2lhJRDfeVUBQ3V6WLsc3/jCAmzdp6UbeLRGGYGd95GXPLl+FmZGYYnxFPrxbG7LIYD+yJxHV69cQsQLePHy+abO4dntMNS6M+XxubMtrY1tVrv2XUf3QMWyLwxybhjLDsenTZ39QyM1o7WIIzg2WVawBbH6LKqvG2PONIyUFy0WLOYvaaO8lQ2vOyoIwLpb0jCkubdqfsPrCXi0kdtDLWcYZOkSqq+b61pO91QuZKt2QQRBRgQSRGFDkMH4Pke829I3qUXC5UO4VqeefPl+71T/xKJXlXH5IaHN0rquxs76iiVviBGbBDl8+dPDg7Xl0oIKzV4uLlnI9TslBUlU9W1bSB1M4sUxGrLCikC5F1eblj8xhQ==);
    --cursor-arrow-x: url(data:image/webp;base64,UklGRuQDAABXRUJQVlA4TNgDAAAvP8APEAfluJEkRcqswWP238p7MtnguJEkRYrqoT1m/6285906biRJkaJ6aI/Zfyvvebdws217jj3P88rZBHS5soFeZQ7DOExgAZ0NTJCzSp/jH973Upu2AUO2njtAQP8DHDhQULDXgbfvfeEzABFwEIckGBgoOIiDgoE+9j0Levv95P7/GwxMgKsJUDDxcDcBCpA3ETA4w9WkXFrrgoIDM7mCB8ADAAABMAnwDwCAiQc+H0z45k3+TQJggkkATABMMMEEuJgUTEgVJqSK0hqpovYOfGrvibEWbYyf0lpsc7kAf5fPJ7I8Hv9NZH+/y+52ExMBt7vdvImYlGrv9DlpY5xWp1O/tBbGWsNU6dy26WPfR7X3/8e+r2vvldr7AialNUprk9Xp1GljjPucvT6nNymmKp8qgUOq1KRlkk9VO1XHVOWv328TsrZtLySpU2PbnlmPPV9hbXNsq7Gp5iDTa9ve35pCcn21Z3sS0X8HbttGkix39j7bmXmD7x+JSlSPa4uHlxiLRtLiTFE9IyX9uzbwncaZVyqmvx8APmWmKh4RDy4CJAHeB6OqN0Q2pgCMXRh8E4oT1QOIuTzBMZIw+DYrlXlBRkGNhfEQBp+EvLiT0cIRjs0eS4L+TLpQa8d4Bv1eXCS0cNjB6jvofxqKY6tk2AanPU8yU5EloYIRjsMP0H8P+6Ji2gZH7n6AP/czcCV0wRrcfUAZpizDhru/80zMi4p9EPgz12QE8WmFFu7+5aYzgjxv3RP+Cz/86QrivLMGsV8207BejIUKhsUYMYCvOSZDvSLMFncTSSXDNu+lxWFxWApjG+Cz31RxqJXD2AX4GIgygrXupZKEwRXKCO68j70D93QXZ8dxSYAgXa9nNlJVpBdy9vmJ48d4Dh87cvTQyQu3pjcjWOvO0RcHD5w+03z27Dn+uPOXrlctBqIoxw37sAPw6uSFazfv1A3XDw/fGR4ZryjawFh9Ci0YBrB3f9OdypL5ovnCBX6tYGnN/61Pb3PSqumtkutugWPrqSs1s2v+zFAmv5aRSWlax9AQaE50AJCSUGvd7PHuu1w9l2umqEQlhBFVJe0ASQAnAEmu3JXRXgB4dPrqOK/rzqIVYNdwx9iVUk1fnnj5q/Nxy7Wxeb+pCCtCThJZL2+42HyhsWrBH2FEVI5rDElTA4WTt2/UV0pVjKQKzV0sLZvLD6a5r1GdVyJ2NeHVuBnY3AxQ0TmLBjuy7IAuceIYj0Siiqq60wawI75iL7TJnbj6rBNXsUKclY+MohdyFlUBjuK6586erdiC7jYTbMVW19oEn+G/c3w=);
    --cursor-arrow-y: url(data:image/webp;base64,UklGRgwEAABXRUJQVlA4TP8DAAAvP8APEFcFsZEkRVLU4PGz/55uP9vgsI0kRXIvPvPnn+mNwzaSFMm9+Myff6Y3bmPbVpV730Oj/6nApQAKoAGnARogpw1KoAEycs3d3Qrg/Qh996hN24AhW88dIPD/gIYGg6G+Dnz7vi/8DMAHjSDCUFBgaATBUOCqEjhgXHHFDQIDAwMDD4CBV1UVuHCqinCvKoZbVQxTVQbx4zimx3Ekj+PoVZVXVePeu8w5pbVWH2Pke+81MDRUEgMLwAIAAAGSCP4AACSxwM+HJPjNJ/knESAJkgiQBEASJEES4JnETYLWGpKgtYbeO1prGGMArzFGaO+NOeen9x643+/A7+P/910ul38Sen696On5pCQE/fR82iSUJDrGwFoLc87H9Xpt9d5l791urfHpdJpVVWeM8a+qzRgjO8ZYYtR7R+99dL1eC3PO7lqrsdaySSJJjklyrTWqqiZkbdueto3l4LDM3PFK/srcMZeZmZkxMDtQVDtm5v3LyYpjSz3aUUT/HbhtG0my3Nn7bAd9g3BMIiGJc6lwvISxz2vZxqLEDZP1fm7pfXkb81JUHJUA8MNuFjmx7VoCOAL46vJJfPBuTgNUH0DZJ/c2l7dFysokofoIyj6fMGMe2EISVKqfQ9krN487sRw6SqCsUkXMnykvJtJUv4FKHheRHDoSwNoXqHzt3mataKOGQKte2c2MRe6QUUKA36DyCeuLokINAXn8DW4+tbEVyYvqoO0zGbMU2yi0vX1GYXlRpIcg3j2tYMTwaaEq2v4lWjFiPG+14/kL9xxWkd28o64E9/eWhdWLYXfISHCq/QB/TimY6ZWg2SVuMVK0UfNet2xYGtFF9R7AT4cisUG9oicHAN+dPoxYrXtdOYKyVVklMy8/g9W8938B7dwIP7mNhEwAgEw27ECQXP84u2mWSA8OiAZfKLBv6+tqSa7UXq253NA+OLPlzSKtrlY1tu4C+u7Sxabm9JaWVvK4ts6+uCXnQ6qGRLYQetgH+NDQ3jswnDSSPDIyPDI6ERO2+aBcrTFFWV03dC+kDcdGLIQthC6SayHL645fFWo1zNa57hYJVBu7E+bWHXa3nVyz2WXZ4ntUfqg9jwp1njfVdXNIer4rfv60YpKQhBBGkoQQKgEq/wAqxXqvjF0DgBdNPROkwU4WOQXaFOTo27ZYVybf37n18lzv+IJD0bf5oTFw3vduRKd0pLenxi06vBgJ7BHMztCpof7kWLo8EOXTS5FR82ddFowELqBtxbm15ZTVPQsfBAlve70+UZIMYnjjSm4XjMIgxwZj85Y9xcHWTQl7ikBz3R5CAXuyAfYD2QfI4HBHFlGjWYLASa1yM7AcpctTtTyTkZ+XJfynigAA);
    --cursor-arrow-xy: url(data:image/webp;base64,UklGRgoEAABXRUJQVlA4TP0DAAAvP8APEA8FsZEkRVK2/6YeM1bl0b8NEBtJUiRF+2/qMd9DV0FsJEmRFO2/qcd8D13lttq253jv58/5//UqyjSBDXQWMIJZHKUx9DbQqlkg5/SpbduGgbeacgbwP8ADDwBA7wU+vs8K3wHggwcRJCAQAB5EAAiwLYDsWhMAmM+Mg+PMOKhnppgZgxMcZ8ZBDTVoZv7Z3Wf33OTUpNNkbXuy3TRx0G1iTU62h/vvr3f//V08/v7Gp9drld1RdoHR8/+/l13ZbrPbn5nJ9fsdNnG3n59pdnV6vWaPv7/2/feX5/8/tjtb291uBp7tb3e72fZ6NVs7v9/+4nAAPofHI8zu+/H3F91+fnj+/wOP5/9/2oTs0gRbmmCLLXCwbdliC2ALYCtbAFvZ+gBgC+jD/9xr631vtdX79u8PAPBsUwA80P5+z++/v0vI2rY9bRs5OCwzd7x0vJU+O2Nm5jTKtsDslJmZmZn2TydLsirvaEcR/WfgtpGiTLraY4Y3/PlHSkWqzaHKxh7GkZgrjBXVNhzue5Xl94wwtktFr/MDwGOvU7GJcE07QADgWU1EtYdYQx+AFoSyl/GwLZtFeusAQQtA2YtDTmwHnoQcE+0LlH2M2zERG4kjBMprpkj6kkZHLo32Hvx2dJGROMrQ8hz8H+Jh2SoeqmEkE71OyaJ4gjma8Sn4v8vuKjrVMFX9FG5+88gVGR1mw/ergWWKPRR8bx3TZXYVurHwzlEdI4mLJZrw3Se6MZJ83/Lr9z7crXMr8u47asDah/UuWSvD8YRRa7QowIMjOpY6YFk/ifWSVDzUfS+sHNpHhdB+ADyq01U5mAMiFQR4UhvBSNZzL1QBKGs2THyVFT5Z9330OfDravLhMPrjAwDwyeEXWNSVVz0NTpUkGCQecEVs3u3ubJM6t31+6+zm0kRvfayERNNMD/bcMXlz5vT6WvHq6gqZb3lhOqu99iKVA4k8CXQTAni9uTQzOZY3mj86OjY6MpiR1LBXaoZVdMB8buicKhrLTOlM6kzsIEMJbU11929AFec2EBXHOwhUNuZyupvqvHEvGfJ4DcN1qbQUzNI0MEtQZJjPTRXJyfnsrqO6Q0UqQhipKroAACysYgPD1wHg8/rsIAn3ZeEDCFghNlF1tw68vX3504mZoc46XbFIULNCbGUo1phesFi8VJjVURfDyCrWiOmsTewfn8rPFIoAYirG0fbUtK7jNS7+M14BQU2kKCstB8N6bX19rWH1z1IJIVFCUCHw4xiOxSKKqvIpAQiJDYQASsR+XP+YP67WWsNEvES0hIlMq6yooiJT6+eGilw5WEXyRI0piVOFNsrZqk3yYptsbJSOnVKx04rKv/lPVX8AAA==);
    --cursor-arrow-plus: url(data:image/webp;base64,UklGRrIDAABXRUJQVlA4TKUDAAAvP8APENfkIJIkRarzL5X5nqbrWQPERpIUSXH+m8r82J0QG0lSJMX5byrzY3c6rbXtTb7nTY/Kia9g2wTZAMcCjMAwDIFtng04ODQT5P8VHdS2bcPAW0/eAAP+AwIIAAD0OuDte5/wGYAQAkggA4EACCABQID1gx38wIGzgMLyFlBYgLMcdNm9ZHec3ZPlrXN2x9m17HpruP3+Brff383972+xv9/HmulrBugf//+TmpF1rZlpczgsL9/f8+z+rz8/q5rR/n6v739/1e33l8f/P9bNsvl+Nwis73y/23S7mWXH5xO2xyPwXp/PuGZe97+/5Przw+P/H7g//v/z7FIzZBeL7GJhAYNVWlgAFoAlC8CSFQKABejNf/1pBZ8fLb1+/vwOQGDlAASgmtmO16tB2rXtadtIDg7LzB0vep20HTMzswZOPdtlZmZmbt2fayuxLI/3JaL/ity2bWQn6D7NN6AfRAQTj4ORhyVK42pAoRLxDF/wuhy7rivUK0tafSUA3A77JY9QajsAPgDcq40Tb1Ab+wHMT1Dx0FAw8QCstQ1amB+g4sEBP/WCUEqBjfkGKl4aXnRSPXXUgnGVbSx8pt5ZyGI+h0ovilhPHUug9T5UvjAU0ZZCTEp01cuwX7CxkTJqkeC7UPledFHSmJSgmrtw8V1IrLHeaafkfqtTkaYhhuS+fEQTWZTY5OCrhzWKBU5LtUnufctBigXv2+T6vg/X6oOSuH3HVJx9syEgajFqpIw5Y1YD3DikUaEVR3213CDIUojZ99wWQ8cYF+YXgFv1GhFDIR/mJ4A7dXGKRZ17Ln2AihadYrH7vvo+JNeF9IOKWL6Bg84/6m30E0ELJcazvd0dS2d2zm6f3lqe7GtQEYrIANGI23OXEE9OndxYL19bW7XGrSzO5HXUxRGKAgDIrt4NNn0GeLy1PDs1XjRWPDY2PjY6lJPWaJ8+ANMEcFNJGQNg40TZeG5GV1pXaqdVS2lvrg8pBLuGGp0WTGzOF/Q014eNsFULhXU9EKcEuU9Yt8/NRyuOL+R3H9Z8BBOMKSYEY0wQElIZOQcArzfmhqxwvCxEQIJtg0+vXHp1bHa4q16TCBIOVpuyS5bKl0vzOutVh1MSkYERAyPO/eevSx2YmC7OdQ4UBR5A5uo43JGZ1X20NuB4RvlOMwBPVdHqGhrqdPvP4g2IUEVV4xIhjsh8lSj3xxXxfFwjUR7kCHIt9wv9iSMz+81LIlFmv/2fEAIA);
    --cursor-arrow-minus: url(data:image/webp;base64,UklGRo4DAABXRUJQVlA4TIIDAAAvP8APENfkIJIkRarzL5X5nqbrWQPERpIUSXH+m8r82J0QG0lSJMX5byrzY3c6rbXtTb7nTY/Kia9g2wTZAMcCjMAwDIFtng04ODQT5P8VHdS2bcPAW0/eAAP+AwIIAAD0OuDte5/wGYAQAkggA4EACCABQID1gx38wIGzgMLyFlBYgLMcdNm9ZHec3ZPlrXN2x9m17HpruP3+Brff383972+xv9/HmulrBugf//+TmpF1rZlpczgsL9/f8+z+rz8/q5rR/n6v739/1e33l8f/P9bNsvl+Nwis73y/23S7mWXH5xO2xyPwXp/PuGZe97+/5Przw+P/H7g//v/z7FIzZBeL7GJhAYNVWlgAFoAlC8CSFQKABejNf/1pBZ8fLb1+/vwOQGDlAASgmtmO16tB1rbtadtYDnZUZu540RcaMzNTVw3senbKzMzM3KY/V3ZiXZ92uIOI/jNy2zaS7KSzn2pM3qD8I6KESi6HJB4xphs+jalUGh7//XD0vqUxWVbN5jgAPA56VUlojT0AtQDPGnUqB6N1GCBZB7GXCY1QCRCza5STrIXYiwwvk0Egs9Qm+QViHxMybjIra5Lj8FXbBP1Nq7fMSfI9xGUcEitrKoXO5xD/kNCwrQYcLcX8ZtCLbJLInOSk+CnEv2MfqqajpajhKdz8FsA1sXrtlt5fLYZpFnCQ3rdPm5iHqrO5+O4pkxHE17Js0vuY288I8r5Nr7/HcK/Zr+LtO8eJux+2+LA+xhKZU+4k6wEenDQZ6omrfnO3IFkNOPa9sHHomRIi+QvgUbNJcbBPRFQH8KRJZwQr90KqhViHxQjuvq9/Dul1I+eEhssfcNH1V4OtXor0odR6d3R4wHX54Mr+pb312aEWAyt3KfXm4oWd7ZqtrU3+3MbqQnFPk47y33C2nwCv99YX56bLpyqmpqanJscKs1sx0qdamVMAzjpfPV2U25fdl9XLzzK725sDGiUIuevlOGp3uXSgvTmYCPKzQNCyfDpKdIll5+YHr3MrJf2nTA8llBBGKCWEUJzcZk5cA4DPO0tjvCQMH9TfNfr2zq1PZxfH+5pNGcMPMdoKKtdq1quKe5sNl5SEwiCgSEjA3qaskZn5iiL3UiIgpLDQjVM9efn9Zxp9rhkVSzOAyKlmNrW0NFn2zCIHhTLNMHSVUlfCIKSI8OCqiAyuIaEb4ZDyf6EU);
    --cursor-arrow-trash: url(data:image/webp;base64,UklGRmwEAABXRUJQVlA4TGAEAAAvP8APEHflIJIkRcqehbt79m/yFTBpgNi2kSSJqu6e3b0//yQvgruB2LaRJImq7p7dvT//JC+Cu3FTbduyvJ/gnoDDxE4DdqKQhQg0YKPBv+I6OQF+3L/3Vti2DdIx7w4IzH+Cg4OBgX098O57v/A5AA+HFDKwsDBwSMHAwjzuW3HGGXtcoDjjjDPOOABcPhrnvvcLigBSTwSAAACAgpTiDwBIBfD5IcV3PvVPKUiRUpACpEiRAnGqnKJmSFEztLWoGfre4NX3Ti+PB+OcT1srefz8BL/Lz4+Mc/zu7e2fksvPj5y/vyUlcOfv75CSVLXvzbwu+t6nlJy/vyUl9///zu3vz+7e3ro1Y9bnc/q4717f+/+473Xfu973XiBqa9HWivbv761xTn9eV3teV0hVaqZUM4JBzVRSjVSpZpo1s6mZEmopcE6BAlwqToEySjUj199fgbRr29O2iRwclpk7XsFvmZmZuWPeQnaZPGZmZgblRzqS7L4efYzoPwO3bePITnff7rY32H4TyUS2uBhZOKZpc7PORU2SLcPuel3w47WyqFllSfV+B4BnHodkEYv+IwDnAB7752RrmD09DUDX4OeDwCKRLYCoxyZ16Dn4+XCDQ7MCd0RKGHoZft4IWLFQUyJHdRh/CZugb6kcTmWht+C7FaNEiRzhOPEIvt8MLGJbcjMN7y83PA5kk0DEqA7nJ/D9PPaopDINp+AT+HDBjWuiHA43Yl9UNExrbgax329RMUcltjHw282qRhA3iwwjdki3SyPIuRVrJgRvvC4JL3fMhLFfnHFi7UwLRIwYQ+cBXm5SNdQJQy3rPoNkyc3k3rRxODJiCroC8NyryjikmoOuATz1zWkEq9+b0jn4eVzRCG7ul8BAn6M3LmJhsj7d33/aISPtiK/bNbV1uvbU7a3f3dA+uO/MLFa/4+rOrp1NzdktLa36em2dfUlHfHMo3w22WQW419DeOzCcNpI+MjI8MjqREHXaJWHkPmIEgK0dWcOJMYeiDkUe1qcijp70uhdlgtDvDusw1didcuCk1xPw6FNuj6K8+vrrFzAqzFnXezNiFOCsXtu7kg9uVu0ykQnRiCyTQhCoYH0TY98A4HpTz4Re/MuisgBAFGdmRrnZ3xbXscm77z5e29Y7fsirSlyVAxgDUGFyYvZUfEZHdntm0mHvrKCXFECQGipoeiOHL3JqqD89kS0BJ4w5AWB6weYjsXEHt/qdwj5aqDdPQKhHdAaKzG64qPrOnPEpBv8sxbBAr4i5Reeh2PyP4+Ls7Jwky0JKYJleZlZk58Mlugyl6/pxtRn9uFbAGl0TwpxGhQ1R1eELFcLchipMcuAqXRAzT29BLiZ58IQGxczQR5CHST6E6AkxJ2gI8m0YEgc3JCLExBYDo+DycLFFwDi4PFxsETAOLg8X2/VjIrg8gtiiB5dHEFv84LISxRY9uByi2GIHVyzM2IrenCbemtgbGqrMhq2yAjEFFbb/EtkA);
    --cursor-arrow-duplicate: url(data:image/webp;base64,UklGRrIEAABXRUJQVlA4TKUEAAAvP8APEO/lNpIkRapavGfp/TfqDUHxGG1wG0mSIlUN7fNL779RbwiK6DaSJEWqGtrnl95/o94QFNFptk2OMjO7BJdB00GSqCsAKqEM2kGeRV0LIHN24PLOp8BtG2UMB3kHIIAeKxCAsN4DbJ0DNr+0QQEiYIACAVAgAAGwHRAQAAUqQARizHTAAYAEOJCArnoHABwAcACAzVxNAAArgeorhMqMsJzbzlUHUNlGFRXgodZVQgQqIYKYSYggVQG8UlW1rkXu/sTM8u14BPg9L5d43u3+qjzOZ1EFmDzO51wVIDzO56TK+P+Py8y5zJC7T3WtUV3LYyapilRF7kZdAYuYmVRCBCoxcw0UMZOYWTSbzTRmkrvzMjMrM642QkQN0BBBiNioI6AeIpbqPGYmtQ7sgKfaUwHqKsBTBairAHXAVH/fbvK6XrPx/8/a97v/f7224/+v/fdrkLVte9o2kUJlGlNhvJVxXOYxM29JuSF7dtyhxszMzPjJ4z9nyY6t7HAHEf1n4LZtHMXp7tPtlje4/pGgiCY5uUjiHCGq4tUIpknD7Xv27cszSSPJEpZDnwHgYYoHm96iaLRIEOAEwL2ISjkLEXVRoShDOwH0Y/D1VlRDFKuqR/AbRHLvFgP9BHy9nepVfS8ND/wqEok/ewpDPwNfz4cjw5wHEZWKg0g56w04fTjbs5fz4G5YEbcXlgL5PPpl+HByI+fBpx+pHmFCUs46E/134PUR3oNPt1IVUWA/15j1yuzBuVSVUjFNNJutNuk+WHhwPqohIcIy15gidp9xiPPgguQWtDrAGisZwFH2Cj9cjGoiJsTPYSkDOMz0+ZIkQphvLMWAEebB59OSGwk4LIeRIIBT7D68PW3MUgH9NjHfmeKcTkkEOe93NpoDTN8PML0bcryRRLPXJUaPg4VeZEqYCl/Q9YOcYnrsO7wY9BHkbIHr9zZ1P8Ze4fMhWUOOCK6zhX7YSk9CMqGOyLeHfsykOMCTdC+mTse9rThh0kGAxyEPpUL6ffwON+7BFFZ6GlaJizpnBMAGcKefefAorGLk5ETm/LXIzP14Ig8eRDREHYw7U16pqTFxP5bQg68DEqZ2/xt8cxTg2oLFC3nu9DMPrOP9vrBms5HYuOHyesWcjrkMliOQID7e3D2sIJvjLmDAZX1X0eqlDD6v1NTWsZhXXTe/sm3NnmHV5oLExs1xI8u787dPWGnhwdWqirKm5ubi4paS4tbOqZtz0uwvbPgIAH8blm3em71rrdmD60valq1as3ZdIVsq2LQjN1PG9qC+3i0/X735U7p80/6hwTyzBzfqZ67dvicvd//+3H37A4HegbDP7jcYKYNji9pL2qZNDISkCPOAz64NowbSolxIUdnnddv/eHjCOVtXrywcHwgpakpgndmDyftCPo1QVscYwbbZBksZwdFj9mVFvMTKgxmbckMyEVR9IE0ODw+HJQ9xEbl3s+HB78bpk3LTFYzEFY6aoqiYUubBuFWzWmavMDzwYSq2cOXKPeROC25bU7R2u+FBcqpIiuWM4J5de/vSjExWDSuHQ8PhqDd5hTgiqtfDuksyi3gXRa7/J8IFAA==);
    --cursor-arrow-position-absolute: url(data:image/webp;base64,UklGRrQDAABXRUJQVlA4TKgDAAAvP8APEM/kIJIkRarqxXtG/x5fAIMGB5EkKVJVLx49v3+PL+DXQSRJilTVi0fP79/jC/h1Wtu2nLwhYVD/UwELhacDPG3gKAaNogEcHaQCZhVFAYlj/O+oTduAIVvPHYD+B+CAAwooYK8Db9/7wmcAqAAHhsAYMMAABRwYAgoYoKUUAQAqwNQeKABAAQAAAAJADeAPAACgFoDPB5VvXv2rAaCiBoAKgIqKCtCpWSUJKkkopZCEWivAq9Y6GmPQWvuUUgbb6wL4Xb/farXvf1UOj4fs73dRBfD9/V5UUae1VnrvtNae6+PYllJijLFPonPO02OtQ631/1jrUWud11qvQFNKoZTSrI9j1Vo79t43vfeiTpKkJJKkVRdqSrJM0iZJwEwF6FWArHYqQFYBMmBqPNba3f9/vf1+a4O0bdvOOHozrG23a9uubQ02Gbd917atMm/1c+M+WX96noj+M3DbtpHsBG1vj443bP4kEky4HAa5WOKYiPtSXBKu4fF/WFn6IKe4W5aU0KKK+CbolVwiFRlW8Triy0hCuEN8qkfF1Tl1+Vk0xYQLMGW0S4Ou4/LzLC93g0BBjQ7dxuV7UTc2crmwTcPged0M/Eh5qNYIPcBFN4pMLmw1Mf5CXbwfTUFbChiS2fP3gl5gs2hBm4bJr3DxhgxclBRDMunqK/x6MwBrJg/pydq3ZA5pHjBg7S95CmRRMiYbf8pVOAM8rFDH2hua/ZwB/7fWim2oH0N+Ce6/M1Ts/W7aB3UyHi1otYeSKr7PUThoxVYZzdNAlgKG/96xYRhudQTNIL4NKQKGWmfQnIqvwwnOoPq9I13H5TGZM9j/PvlCtdaP4uwULGnVRt+f9k15BdCJzPHwwP69iLgb9+zbdfDEpd7pOFS/M8WjnTsOH2k+Sse0/Y6fOl81HE6AzBvGNKvik4Mnzl28Utda34qEbZ0VRVMQvQ9lvd8YY3vTlcqSwaLBwiGtVjAyEQqkBAPod0Mahjh0pqZ/IhSMBrVaICiTb33NrE1as7gH+3FT7zfXtNh2unogV/EIJhhyJpDhmkMcVNoXVMQ7h892amEzWKzRqkFrZHUP9qB/tOvx5293W851DIYUSWyCw+KT5Q0nm080Vg2F4pxt2mNXcQJ5w4Xdly/UVxrDDSQ5d7i0bCA/4nPQR+3v0yGYUsLThLK+ZnEHEjwVp4Qk0BFEdhA5gQgRCZHg+G0JrvITA3Sin52t9ptfg62OG78azsbNn4L/CSI=);
    --cursor-crosshair: url(data:image/webp;base64,UklGRmgAAABXRUJQVlA4TFsAAAAvP8APEC8w//M//2QCFlsGt4D6BxAAfyGGgFEkSZGwMB6QgILLwZR/M0PM8WL3FdH/CWh/w8lIUk4Swqub2II9XOo6LsRLOcUW7OOaru66IrTc96WcpElP+mABAA==);
    --cursor-crosshair-text: url(data:image/webp;base64,UklGRngBAABXRUJQVlA4TGsBAAAvP8APEP/AqI0kR+7n7tLIl/izOxqM2khy5H7uLo18iT+7Y9RGkiP3c3dp5Ev82R3bSJIa3ZoLHkGQFvlXaQ0vA4L//38NggAIwACwIBQIgCBUa80BtdaTREopV5K/tXYlkTln/L7PJ5Hee7+uqyX5AVuSJKfRLt6MGApz2kXu/78TJAWa83cPEf2fAPfPYaaguSUFUEvgPfyuy5QnV49rvpeyF7oX+J3hvVOe9Z5nda9M99Jsr2e3nOHvp6wVaWrnykZEUgvKWjvWBwsQwnKD2xIC2IhHP55Og5+jjQ64TuMwXQC1kIooF++v9NJmr6AA+ohzLumZj2jiXjNT0OwJJ4SIOKtZK/2qF0ltKLACDjYghDCMIQSwEmMchhijlQ4gRAC1kYr0q17azIZzTlbi7CbKcaJPjGSt9Ny8v6AiqQUFLtMwTDfgYAHC5IfzefBvAWzEuFzhusRoo2PdKWu1kIpIUzhXNSJttgIA);
    --cursor-move: url(data:image/webp;base64,UklGRuAEAABXRUJQVlA4TNQEAAAvP8APEA/muJEkRcqsgePXaf037VygH9Ps2eC4bSRHkqp75vzrsPmHdim4nx3HbSM5klTdM+dfh80/tEvB/ezArW1bVfX2BSKHBqwAd4howq0Nj6iBEuiAAiT1Eojd9f97ttq2bRhos1N0B4C/AGrcmwsApiEHFKAAAOZBB7AMToAVsADmUkVAAQAAfAENECAg6h9AQAP8AYiqAQIEZDBQCXC8BMhPYZ6rolLVKn8kocokLFVMwtrN2s3Fbsflfs/d5cJp2wjUX2shCVQCWlUqAa0CQJ/zXbuZ5L9UGfvr9Va7DWCy3O+zSTBt20w12hj99fE46HMGgUrtHiVBqRIVpUqSoFSJCrXVxpiuDgcnME4yBE6qp42xS+Kq3fq11rx2i3pO4i9V8lorULsliSQ5qwK4AQB5lSofv5/ptRbUbqlyqhFV1G2SpkrVCyhVjvd74fJ6ba7vtwFATR5utxxkbdueto3sdHHKzExjZmbGMnMbR0XbiT1m0KjcMTMzf8owP81RMsPRrp1E9N+B27aRpNgze59xmzcE/ncUpRTZe4kjGsdR+0wifn3+/DOCQ3ZZUya+AnydcGrEDhBV5fGvcGEQvg45NWQDRHOO6vb7L+gSNGT5BRpqVrLVFynhhXHGIRqRNUotFee9xDiMxicRa/vN0fcYBv1hahAeDKhW3oSIgq8BU34/MHU9zmvZiQYQInJC3Z3w3MtNUHhEA9QSECW8JDaWrl66iGXhstXbGxJcPs6aEFJO/fHxQz9uy986Zy7LijVbq9vFvu9fbjg4Sk2bVy5/A3jpETtyd8xiWbezNjUx7jnAtyuKZhakyWNfYRDA3RPblbuVZXJOV2x3IsBgsP9MviPVmKz5AdJiB2Iz9rCUpfX04zaAYP+Nyhoxd5kNC0BtUo+nZRdLUWtcT2cNgJ+Rwht+Ag2XNQhT4T9DSAYVzTBEYbJmgtAMKhw1iBr9Cgb9porVs2iVM7jSyOJTOG+eQXiSKBCDSF1n3sJ5s1fOw5vTXS7eGFpkV8GJd3DeBIzfHa9KcmmGr9RNO/Y+KIBFC+YtWbCIZfH8JfMWLAYI+v3hLXWibBDq62kvn74/KIDlq9bMXrmcZdmqNWtWLgMIet/0ytQ+HzXctbh1z7oD72EQYP22sj1T1rKs3VZWPnkWwKDuDUWtWDC6CCOiSfHNu2fqglsldemtNVNZtta2tufsuAvwfu/0shYsO4jx2DmkhKY9049evbglrzPG07Kbpbg1rjs5b8rwnyMby5qxpJqJPlFlsblw66ZtBelx0Ti9OIQ2HIXTCkqnTa7MwKaDr7o8aY159enu7k/hX+hFrLsjO7exA7sciJpdeLx9cW636Hn4t777jbHo9vQpDtNLJ0Wa6pWlKM/9v+0bj+KiXLLXxyNLJhVCVFfiuZAIsWF5e1aUVGLh5klkd94pPUKhfn2yLkHgLN63GqYc1SPE+v2RKQ3YSSwdGnx9HRXT9+livHcjExZr930nbtkzU8/gYNAzyjKw1bML0hOQtTsoeH9oQ3EmFlRKrQWpkti0e8bh2zcPbixr8Ui6LR+79IvN5dPWb9hckakbURsGN9UV31ZbWFnbHic4kC2jI1WFnsSUTnevoAbsKYR4nzAwIHiJjaMzJYQn1O7BPfBvUwE=);
    --cursor-hand-open: url(data:image/webp;base64,UklGRswEAABXRUJQVlA4TL8EAAAvP8APEF8HsZEkRVLM++8r8890HhkBsZEkRVLM+e8rw8NMJ8RGkhRJMee/rwwPM52QHElSJLlnFnXPLPPuef7/rIUTM5Tatm0YeGqpZwAIIURAFASEKKioEEKcQoh9BBKBRGBFxYIDDOwjkRBiu9Za4SNQIAqECHQkGlZUdAQCHYmASAQCVuABs7pEVP8VFRUzw4P+8/NDxd6bipnh//+fioqKv78/fn9/+f39pWJmeL5e+f5+mRl+f3+ZGV7vd/benHP4/n5Bzszf3puvz4evz4efn59Z8fPzU2fmd+89zzl+vF61+v7//7diZv4rzjmB9vf394U5M8ve++Ocs1bvlTMD1r23M+M5x+ql2q+cGfFYHVVWVlZCPFTgAlZC3FYTN7ASQlgJEfdO1x0eLq/i8U2wCiREIq4LPOyDhoGCrAbEFgWJgg369Tn310DUO8MOFQkR2EG41gJzrQV8ulxYa4G51gJC+v//aaMsOz8czvDzw919J216irt70QBBi5xM2PXcdYa7u7u7u8PJf7GVLcm9XjziQUT/HbhtG0ly7zaZmd1eb1D91yIguolqJIKGKyHsF/rUH2MeNEAfj0QxVRus+fVLE6xNVYtI5JnCY+z3LDQwSLNq/IRVmusBYU8vYwSYxlSHfXTc7wmCMP5HbLTD3BPz7CLSBSrsv9UkQZhU801hflWPmAVxq/HFL4f9byUK85+vsreKWARs0OW+q1XY1jizq30f9DzEH2MAGICMJRE1rqkZqnC5lYlLnFkV5RznLq/pEX0GJNnkAhcujR4MMinb1OkvSFzm6lCDUhNRYnCjXakApWabKYisynSnmbAi1rZ+2LZRvoWCqGoZ00w4KbevJkYz8MjOzhSYfDBN1HbULJk0v7bfnq400CRIK3/ZKAjxi6PvdyNl9J8IGgA2FH/ZIHBwdPqQ3rVJkBPWrRc453Zw7M+35mzyIbzkU9m9KAVycHb0qBo7nBDPcc7thKkxj5v4UCRStvVR9HSB4+Ca7w4IJMz89sCcSdEsybZb0Qugncnl9WTAOV9vW2hARtPxQeljHL4XborniFgcfbnaC1GgLz3Q4dtSe5WDkCNCWD30SKVepJh3qXk7T/evmyZwxBIyPuwu0VEAsHf1kTYj10LyOOXb690FqTT7jps2f+ep8Oj5xBmc9/XOztytNPCSsfLQhUHbx0HSZOXIs00Vy5amO9fW4t635cSkfTxQZUCUJ46+ZO+ZPt9mQdKeN3uLtaKKSmrJx3TkxrDNiZCwp92uPNptFyBt3s6TT6IXCUTJipHnmskSoD5yDWUHzg0onAhJki2fHD0MDk1fy4m7mmUEwISs3vZZq6Y/dZCueM/pz9tISK7tsiMvlcGpw0uy6XCPikToUvGzop/acrYyOXZ1xXtfRs9NcqWUGenDL1tkzOTOJOXYLgyOrnGp6BHtDzX2QkzAhsqD19/27O1CvV7fPLkz39mspV49R89evHrt2tWAawHXFLpy6fzpfZVGiVcxygqa7z/W8tSpVo6aQiePHdpZKaeqGSFKhtwyk8WqkM1mtVmtFlNZfmYqAsxurNhTb5TlbKV87e2yt0ErIcD0xoyx5EwYIySyvv4CFe+YxcDJa/yjpAIA);
    --cursor-hand-closed: url(data:image/webp;base64,UklGRg4EAABXRUJQVlA4TAIEAAAvP8APEHcGOZIkRZJH19Du8d3v9NeThZDcSJIjSeaZzZaz3+mv50luJMmRJPPMZsvZ7/TX8yBHkqRIiqqZ3WN6oQakv0jzXOatCrVpGzB4dcodAPEPJAKJROIWiRGJGQIvSDz/ncAb/hGYIxBIPOAJ31XiBNFoiCsKhUKjq4IQBzQaVwghttjhgH1VuKBxQaNxwRUNKyGEf+/QEKIr/zyIrvon9/9P1f+bKmElxFS9I6qGlZWVlVhUr2tGrCrwXK2rp9l1zYjddhz3a2a/Zu7O+3Z2j/t53szuqWLNRMXsOrvz/TzP533Hed+smXF2L9fzxMffH2uGNcN+nmzHAYbPf//q/vrK7HJcF8d1Mbvs58l2HLx8fbGfJxWzy3FdXM9DxXYcXM/DmmF2qZhdKioqKpDVVInCPUYMSAwIJKICIjGhUF///2/XzA+iAlZRUQGrMMjf/7+QnMUZtW3bdg/12bZtzJy5SD21z9eZ27q3s1f3+Ed155lNUvzW58k3ov8M3LZtJOdGh29f2jdo/lOT1oJ0gAQGOtAzZmA6xCxUAeQ0Z/mBeY0wd99+u2/5gXkGqjuCoWmJdZTBsqVqviX1jTpAgpbOvoFfYDV3d5llpuaDsz57f9lBoNKpqXrPaJfIun8yNd+PV7Ld3miwUABxRTsnByQGE0zVZ1PYfTknLXm5qXzhmwkMFPbvu6ubBPJ27qRVVoLhm9xRzJNiQfzl93Vj2Exsy69FhEcQ6lNeVz6fwGert4eB8JNz5lZYH/XbGRI72kVQ90l949syysnQIi79nVEcUADiyyFQ90ld8q40UlpK/K13JCUYEp/IB9MIC0Jj4fGRh6LiWWFxf+RoagUiQlefc2rkrmR/VlhIN63n0wltAu8V9PGaOIQr1vk5KosTyKjPT1iT+0LChPVMborPq9cRUhh/YtiEzT3b4ZlFjWQ/LrSUTg9fKT+QMMtXP1xKLm0hxFCbE+3/tqEPLwaqVkdnViPSlOdSnBx6UL4tYW0f2xbH5rsKpDnLwOXEBnzL7cIJdt16ZkZxE3HeEprK08KOyLdwENu+RqRVGCikfLe8+MAvrRiwlzVr47I5PYWsayhPi1xXNig5ZmBqc2JBPY28jfj8+C1jvaLkSC+f2nYnl7hoqaT94qRD8o3eAUd61jx8OqXcoKEBVKSHrZLHJhzp0/CiKG93pKEh4PJjryzeuN6BNmw/FkyphTGhqSQtMuCCn68Pmw8MFPI9dzEoJrOixaKhU+SKpsVFzAqG2YoSAISwsKjEzNJGvZbWuM2X5mekpiiUzFKSUxikZxVUKAZNWuHCV5ezUqU8SwGYR219C9JSnLcIOgNAi4oMAIhZgPLURwOMMdCqXMY/Sgw=);
    --cursor-hand-pointer: url(data:image/webp;base64,UklGRjIEAABXRUJQVlA4TCYEAAAvP8APEB/mIJIkRcreY3z2LxUPLDBsG0mRZ5+Z+y/1GbaNpMizz8z9l/oOIklSpJ6ZY/Zv5ky8DmbYKbNp25A1aXUHBDsN/N9DHCDgCBgcjkAFg2NAtTHB4VjQIdBjRfxxcLRbCToEKsSejHbnRaCBw+Do0MBRwTDAYBjf/y94qdoB7igA/yQvHFCSXJF44ocfEgAAkgAAvigoSRIJAHKr2GKQIEn+FBtCEpLkv5eEJMckWxJKFUkoVVRNQ6miblvwqtu264aBpus+VdM0y7aB3+v7qnGe/0l0OQ4l0fU8hbgcR/nvLseh63nqep66nqcM1K5tMyRJGVkY27a9Htue9Y4RGWtjbJttd9mZlTWIceZPa0VmnbOf9D4R/Z8A7Z9KmQABZQNABmAHdBJlY4dnLl02E5YUZcF0K7OQE9HCTFAvC2H1OMpLrlPiR9OWKAPIcN9V3DHg8lWxcFnomcZ13ABAPzSmA2XA7ETt+vY21CWsMhDBePXG9jZWxU0BjWnMVyzYd9T37W161JqzpR6ArRPzjzBjoze2t+WdVctP9kifWkancpYUGjH4ADD7VXRwiIhoMYiIFiVzVjBgC3gCYtIG8tGK79qjkuuUOJVclPgf85cvm5m3pCfStrrN+vDdxICHHTkGXE6OAZfv50S0MBOSQh1kqO5TTrRv2v3NHQAAEQAQlVynxOd1D3phJlfwJ87LyBc3tihxDLh8VSyvjslcy56iATzjH2xTAgC0riktlQm7d+3+ggG42cOfqVtfl7TUmbGqjREDwBtO6jaOjKljZrRiCX9rACi2l0WbLNpk0V5FP4spC0Urf+Ev2jiRdhS6fGVFX1NTbsWrLx/OugaA5wVFb/niypilzu7ZMGkhf9ZG+Wv+a1XcA5ZrvX/uK+548ZTm1CQ8EGafYdd+O1L0onjg+tCeAQ9kjwHjpv/IX6hz+dbbQ9K6OhKhxLCb8w5GXGUv+U/jB+Y8kbnWMZd+5k+VPeYzHkXzwgNidq8h985+zt+oinx5tSZpeUIwYyOu/XmkoOgN/2jC4LTUvLEzzQ/Or+DP1DzlC8a25IU3xKxE/a0zuyOOkuLey9V9TOaR0HP9R116nz9VEvnkRn3K1jwPpBrund2dVcK/vduYkd7pZmzkle1chUOrxrWGfcBkuuHOav6qa28L/K+KfiHmHYl8/9GnD3CVSyfX9g5qfgj2Hnrr9zU7dn1M9PUufLOr3Z1r3zt/f1BG94XMtYy+cmbmiTnH5h7D8bnHjmPusTmzZ0y/XRszhR8IVrJp9MQpF3Hh4oWpwDQimnrx8vUHw/plbJ/YZrK1fvjI0RWVRASMQiUwoq45nrEF8wVBN7un+sT6xvrGqC/FokR9Kd4rHbKk0HwKSBsWYIZMCsEMIhQkG1JA8zGoLdOIacQ0IgL9TQU=);
    --cursor-resize-x: url(data:image/webp;base64,UklGRqADAABXRUJQVlA4TJMDAAAvP8APELfkOpJsVek9D3fnk/xTIwR972ExOG4kSZGieuGY6Xn+u3YmYDtuJEmRonrhmOl5/rt2JmC7jSRJUqZn9ww4/QAJGR+wBB0T/h+cInAFCz7tnSm1bdswbpud3AH9IfzPA3AIQgNBcBSUr2dQIAgVFYIgtHAITTMMhsAfIJK88QMAgCQ/BACIJIAvJgEgk8RXLwngJz+sKpJQVQynKQfjyGAcGS8WTJZLlrsdx9sNTNrubLvVdmswjv8kJKGqbDTP72YY7Px43AfjaFV1vTyfkcSmq9VsNM+HqhoNxpGqUlVlVWkwjrz+/+nt/X7szueu7T633Zzu92i7N9vTqQ7GMasqkxjGSUhCEqrqkuSZ5PH8/V6v///WdreT5XKRhCQDeJK8vl5Dg7Rr29O2kZ2sdpm5HW9lZmZmChRsNXJhPKfM3I63Vsr2f4O295VeRfSfYcC2aWx5zOAjfv2JaAacIxb5YhCzbAqBoHPEI92KPyAwAEuWCuTs249lorNwQjrxfP/6k+jIAoGGT+4ofJZIOCHQ5C8U7k6xppsf29T9W7oF4FbFcBejYzeFLbg9UERmNqLkz4aPwsSiLcyYkaUJCr4NersjE3MAUYPi15ATCwwBMJ2Dhp1ZfgXYVjQzgCbvBAUo9E7EKZIKCgBIcvxEvl8h2Jj5aQBqyL5gdlTDk0iTgqZNKIRdySBIwAeBmHEoe6puCN2+cE23fGAFVwt23YgE7LikXiu0RS+SVMGIRHnm/Scr8NKP71KjNUMz8nTv2w/Ua2KTkPA3PVPRoiHhuZymlzfUa1zB4S+aBpJlQ4uZZ2G8u3EtGArlFSWVVZxz4MWcl1aUUQjOWn3n2MKyMYnYOdJeFwyF6prawgbOC4BzqK+tqaYQkoejiapmsK9simO4o34lAIW65s7e3P7cvn7OeV8X1FMIZL2uLdNh/M8Bojgy2+vXb+gWwOOBjJm5lNkgz0wMtFDY8k8XPRp2KAQZb0wSHcC/Es7zJuMUFUeBBJzL8+k95xRuVgvbhucUYqa7mEdxDLc/f328+SQrIUoTgmpD4CJ2ZrUcHb4qeDCcZC4cAVGSRu43P2vNnVqyozCXY4tJy21pepo/6lBsZqsXbIprIntgcNyF9bC1rbrSBwcGJ10KQVYU76JzzhmrEgZhi1NaSEyCBRyIeTSCVbgX4dsAnXiwiokl4QyQoHMGKNLFgACA+O818D8SzAEA);
    --cursor-resize-y: url(data:image/webp;base64,UklGRogDAABXRUJQVlA4THwDAAAvP8APEGfkIJIkRcqevWfmf/8umV+DwzaSFMnd+8wM+WfJDttIUiR37zMz5J8lu4lt21XeDf9/Mg6iAWoGGbTYwgEOwAEiEJGqnM5W2LYN0o7xD9gfwn8fvLMvi4AhYDAEHIaEoQNDjWEbAyQcN5DkjR/4MMkHAgD/JAAIAPDZSyIoCRBIwq/9sFqSUC1tDKqlm0zoJhMG8znDxYLZdsvueiXJulpdP598/P+2OZ+vSTg9n7vxarWsls35fEhSFvt9qXbeTSZUa9WqWusmE9oY6s9mZbRcLvqz2RD7ajdJShvjNJjPj91koiTXaql2loThYtHF6vH/2+P/t24y+XWTyT8J1Y7gSXR+vbZAIWvb9rRt7CiNU2ZmZmZmxqRsOU1Z5TF1vBWsbvnTMaTXp6PtyLIi+s/Abds4ip3d95blDZH/nSExhUbD4xLKOSvIvvfDX9fxeiirrVzt7aMu3De+fZnNvH386lG/vNIfbxQWoxIx+8lxxeO1GqYSi/EHw2ZhBA3fV83jZj1cYw+hkHPJvmK2jW4wIoBzqf24ZeELHKaAw9Brk2PoJfeASUI7P/Srpxgh9C+uFwyipb7TzWEgzPF+XSNgx1LSJm9jc1sYUGSoxDWnoLe1ua7RSkN9U2tfQSoGg+xt5oz1ddY2W2lq6eodn98MEbiXVktamh7tq7HS1jean5WM9+HefRmFdtYXi3qtVBYtpGz7AN87QWWy5ybNl1kZytnSQvsU9MOJSERZGbVSsuwnEnj1i1JiZXQVMyidsrJsk8aYwLHdxPiyYgA/UWyTMrDMICnOKFsIXrFFYTKbdeLYdkcrmMD/MYm6NGKFuyoBfm05Qb6N3EErA3MbGEGOcBL2/Yldt34qiIKJ7+Nvz6mbX/0eMOS9pM/Pqdvft+KgoMQXOL/XL+zh4v4sgAnYErw2efrbXlz8OilKVwjYXrXgVNXhnZ24uDvsmQpqcHUXbS8Odx1FZePjzqHsBK8E+M2vzw52HEdldXX5TNC/TyG7huDMgElmu/3TaSpo3ZYc1Z026cpwTcV02i4iEmjjgeID+eUd0Q2ibu/PT1MRBa4aHDnB6YHOg08fD8TgdHA3TAV43+b4A3lD3dWdfGgm1XYLyLWQynMmR0on5oJ+xKbz5fs4cS3TCWxyxKzxlb3Yr2reMMPunZN9IVOmnX9EUBH5twkB);
    --cursor-resize-top-left: url(data:image/webp;base64,UklGRnoDAABXRUJQVlA4TG0DAAAvP8APEJ8EOZIkRZJn4yy/WH8l98V7pwLcRpIcSZEzy45L3H8nX3q4jSQ5kiJnlh2XuP9OvvSOIkmylZlZ4l3fk4IBVGCGMyoIPCCBG4K4vt+k2bRtkrSz7kAg/ykKhUQicUGiPh/jA8FAITFQmD4aTEgMTKg6ZwAKe2rFDgA4IdWAHQ0pH0IKAPoDSDVACqSkGlKgjNEpKSllDCllDHVOZQxtWbRlMffdchx2t5vj8+nweDzGtq1tWfaUlLnv23Icr1RgHB6PMxV9Xe/r8/mTCrznvm9z37eUlLnvO77LcdzKGMa2HXXOfvz//+qc7n9/dfv9rtvrdevrepYxoi3LM6WMMaek4J+aU/BPwZKCBZVqg2zbtk07yr43tm3btu1cRMdxclJGbHOf+8Xc1c5+La0V0X9Gbts4kp1M3T1Ne0PAnwcyiO6nNR0AkDtE1xQ5FCURIVQEWdE4VxDXlOt3ytLrdbCVcEUPjnyhbL2tyDrXPi3cRtHF0D4+2qQ1whFdXZpkskvxZHZF44rsGEVkxs/+mZVAvsQNU2TFt6LBedEawBMpfpDBZ7zf6UyNkXWuhPrA8NPH2RWVL5Iti6KL5eeDFdVAjlhCbb5p95Of387FQMJxoiHZhij6/I3hU0kjPBve5I07ls/CvPZpEfMNH/YRv6zf/aJq6GDVAM1vYgyJy3iiiF9rYINdFTXw7OfXK2WNgElk59jRzcP38uamhk2mz1fg0mcTKxaz+zZoKTm3vaStoA8Lm7bvGX4+uKD4gWJ8+JrZLqtgG8/uz0qdSUrPb2ab4p6L4tSSahKiB6/Ezc3OO6OW7OPdZVsMe8PDmEMxm8iaKq5GCLKKQuxEN7PqCaA4HB+qmz+111TNumbomhg33s36AHzIjJMs5pe+/xLWPNV8t+9YpphlkwjHPaiJsRNdjZses4jneooYmhA3WviD4h6DQbtkcD3Fg6Kmj1kBFIf4JtDdXPgEM4USrijOR7rvYmML5dsdPv9M2bodjgvhCQmMTDy5ZfJwmO5QeE4h2nJiTltFfW1NHSBUV1WW5k0uqlw/swq2tN6O1lJsKcXmluKOnvSE8DWuWNTlhZSRwQFAgOzBoZGUhEiZ77KDNUVYctgWEgABwRYbLShWg/8jJkSWIBQBAeQgbc3g/g5C1P2FBD213w4CAA==);
    --cursor-resize-top-right: url(data:image/webp;base64,UklGRogDAABXRUJQVlA4THsDAAAvP8APEL/kuJEkRYrqZX7t+W8oow2OG0lSpMhZ3j143flvKDluJEmRImd59+B157+h5Ki2bTd5LWWWWMk8LiImBhDBwgMWGCGod7hHYds2SMe8O2DwP4R4R58+JByOQH19AEfBkQh0cAQCjkDBkeibaTIAACp1xQ98CEoJAAg/kAICEEgBAJQCAPDJp5QCfOkUNYZS1BikqDFopokag3aeaeeZYdsY953tfud8vTiez7Vf13e3LN8UyGHbnuO+b1OGPJ7Pf8q6ZVnm89ynDLth2z7Dtn2gVEzH8Xr8/4dmmmzYtnnc92+KGgMcU379fOzyfk/zeX6HbfvXGDTTBDYpUtQYQ4oUOKWGFDilwJgCIyIlg7Rt2w43yiCsbdu2bbeTbBsM677t2raRnenvDfrukffr6nki+q/IkZSoYXD3BvoG258NxllIeARAQAQECxHZgkh0TZHBDS7ZHZKdqmhYHFsZjrdhk2Y/Xjt0ts6r/u8m3cLJDsISTghK38zzS4oBbAcFpsuGP/upCadUVnbtTIPm3xi/T3WAfJ/CNgS2ivrv0RxgZkfhmaL6litOPpo3KUxnsA286F+//jkqCkUZMks4Yvc//BYTdSATlkkjhF5c1Y3Tq4EwlOh6RpEJp3HTDIKFwIENADlDfham6GPU2WAhMXQAwhHhF9q/ZcJ5bDrhLbzgePPzx1tF19wvaKufDppbbpsAH2YlZ4LBMrS4VH3lx+dhmo4burDjzrvPj+Z9zgTzhhODGSZcALx8QO0f1Q2XYkVV78B4boqW4ADtu6smXJ6ZQFd3+fxqzuL0xOTiTlBPEE5Nm48SdZoOa0fz0vf8aZvZWVJAJYkGlzQbJeq0fkRL6SG7pnqS/G5VSLRsEDljOg6krY7mSSGdWGCIOvCcLVGUnXgoqxEteYN6XLFgUrGIKwZNx50jS96QzjGsFAp1cGbC3eF8ySOyLFVElmIDmj9e23MQppVK3ik24ZLqL5M1nimujBkqeAFhn8IU4pIKv5p0+7IVEjiWT6WauvDoPZWvT9YDOlMcKatjNY2tzdDe1N7U0lZfOZkV0G0sTQ9lzI8NVvcAQE1PTd9Q2aLEeEBU/9ZKwcz0FACUwMzcSqZfYXoRcIYa3PVmbGMmIsKO91pQ1dn+VZAjol3BkMstu1FGRdXZPvTx2Umu/JYADLQQbb83DAAA);
    --cursor-resize-row: url(data:image/webp;base64,UklGRhwEAABXRUJQVlA4TA8EAAAvP8APEC/lIJIkRaruPWYG/y6fGRw4bCNJkdy9z8yQf5bssI0kRXL3PjND/lkyo1rbZvzv92NJgymBtWOlh1oSiEADIYSYAkzfo8BtG2UMB3kH6B8FAwOBwF4AHgjPc5BCAgJBBilEiJCAhTEEAsEDgAMAAIAreeEDngq/Eu4YLxxKeOFRAvA895yDA0p4j091ixLcEsbALdFkQjSZkM7nZIsF9XbLfL2iZHTrp88nuf7/Gs/nWwn787kUq1XvlvF83pSEdr8PbttoMsGt3LpbRZMJYQxPZrOQL5ddMpsVsLqdlIQwxpHO53s0mbiSO5pMGiW4LZLZLIfh+v/r+v8rmky+aDL5leC2BFPih9drVkgSADBtGwcal5mZmZmZmZm5TVK0HSh6zMwcq9tDUzuZ5NN2kqyI/jNw20hR2jlmmJk3/PnfKUZVgFt6TQQMUQvRaXz9m2pYD9TaSxNeuCTsem5y6tRZRvmnLun+A8n1iFVjkhHlcaNhyfWQcwBGjelftyE3b0ANcXLyabl/PeT1IkC5VHSy8vDgR7xBRLgUKKc92fWYdwCEY9szWXjxE6pHZsZw8ll6cONFBH84MSJDFEJfSnLdguV6ZaUisnOxYQvvvENSzKwO1YAI5qSh9pbKWiXVdc3tw0mhPDJE+2HczHB3aYuS5raeodmNQ5uI5hQM0Dm4kM2lqaESJe1kKik25NSuIwwgkIlGp7cLJtYv4GB/azmrT0lhFo3ZCznheJOP0eFkoD44jZfk8rybF1EHATCZhlrhsXIwI2AP3JTwDZQw3jwiAOaDtSTDk0xtMLD7c/CkhfM6CLjIDHhmdqkIsZjuZcBvMrMHg46Gz8Mzv08hFhObNWmko7WxosGt+soaJbVV9e5LobSprD0/CWoTYj/aShvp7aZFlHZ1tJUraaKkq5vSop6+vLStQDsDlewPt1cW5ma1mWkyPtCupGNwfDpDS59NW0jcPmCdUD+tw3RsDdsjkTsx8UvZvUrIxOJ69E4E3jeHBAhw6ZfoRINNYE9Pgr963+RLsD/HmmwOJ2QFA5gQotNOP/7NbtTPoGcAAwiKvGcPev83efvTkQ+DrGyYzHd/Svc8Q/HPO2aeICvZdH/h+rtnU/ztKjWcRVb5gGBZKjj/4ckUk/PBJYuADMZwvDXZc+G2h7jsnogNMKKr/SJrXRvvunRbGcU5qxZfJ0DZNVhWx2SWR9foShiHsG5jwmgcXZH5wW2U5K6EnRpEBmnjQf3MiTld7h3c0TmaGMYZAOK+h1DNsjLWffb2zVn3+Irl1AEI8r5N8zUnTPQXd/drq6Ee90C5lYELjVuYypxft/ga1Ol8iZMP3I/SzIe8QbXGV2fkfTkBO1Ts3onoJDqgauePMSH430YYAA==);
    --cursor-resize-col: url(data:image/webp;base64,UklGRjYEAABXRUJQVlA4TCkEAAAvP8APEC/luJEkRcqqWd49puf579qZgAsDNjhuJEmRonr2mPl5/rt2JmA7biRJkaJ69pj5ef67diZgu41tW1XueXNJLbeImB6ohJwS3KEphlaowDJ9Z6tt24ZxyRjrDlDBUEBQihCQoJIjECQIMqJAExIaIFAYQ1DhBxUAALAS4AvET2AlBsAAAEBVAhAHlAAAgBIDcQCsBCC70a5CCa4ijIGrqKaJappoFwu65ZLdbsftdgMmc7fnbs3dqqbprwQluCqa+fwdxojH43GvpilcdX0+n1VJ9KvVrJnPD64aVdOEq+Qqu0rVNPH//6fv9/txPp+7c/d57uZ+v9e5e3M6nbKaJrvKSgLGSlCCElx1UfJU8vj9fq///3+buzvdcrlQgpIBFCV+vV5DyNq2PW0bOUnrpMxMY2Zm5q0MYXSyFSTH8hjVMTNj9ynzD02szHC2nUT034HbSIqUrizTUd+8wfivWZxJjDGOEHJpi66pskrUvM/DmDtiEIp4mQuLSFdrRGpkjxsTWhUHKBQLIDGtcRcmFbkOkWC2wtkVzovyfEOvSG+mEnHEHVtCSGIM6XJ6QGSgkeiIc4lz7shWib7+8Suv4VQZhpuwpv38/ocy5Mzn/fI3wNfAbHK4HLOBbwC/X6k6sz/3kicLcB8gl2spR+J8FuA+LDzFHm5Xj1z0bgEglm4rw1AsEwUo3IWFh35qL5wSk0Um4pHFIoOReBdAoZQHWOd21P0Pi5qfdar7rMjyrqklAAUhXm57uYRQf3kGcx4Sy4tIl03LNhDySLYYJKlPS9opMY8JsxTmm/4A9wsFJ/J+2sesIKnKO5h3gvvwtp5IVvD4U3e+OJF5+Hy7OaBbWvEnh299gnkbhwh+ujmUCHgsoWZ6jl37CPPWMfvx6rHxBr+lzVybjg4evlyMia3bNm0V2bp52xYAs5cPnYtM563hUbOhMwfNAdi5d+8GkR179+wAEFweriO6xX7lxUrw7KGLpQAcPHr0gMj+o0cPApS8cvB0h2L9l8MpVjrOHLryEe4DrBxcelzk+NDgCYD7xeX1K4IKpsh6x6SBUi5/BHizJNh5RmTZZMfgG4CPl9adDmYwtdO7uIaV4Jk1N17cW9nd0j4osiQS6zr5/Nn1tcuC9fY0EKK4PrT0xOpT/bFM22KRRW2Nbf0nj61aElaw127rRV6ci3WNT0az55PDZUjksm2T45PxHKbIicY7k81kq+dmy5Kc9U/X1ddNqyXtR6cqIRU+nCrDSArnNZWo1BENzpHEGNfl1AAINZomOpckydk/T6Q2jIn0ZSolw0CG4Sz5bOfK/bu3b9y17+RULu/GuINOxwdOHjl08MiJkdZqzZVxi1wb6xodHhqYjOZkjxswSi4oTclkSpnGlHEX4BL1EewnRM17TbqyIDEmmQaOxr/LMgAA);
    --cursor-scrubbing: url(data:image/webp;base64,UklGRs4DAABXRUJQVlA4TMIDAAAvP8APEJcEN5IkxVZ2P2aWn/j894xU+PxtcBtJkiJl9909M8gvvv+ekUpuI0lSpOy+u2cG+cX33zNSCVJtuw6ql+TRuwEsgAY89G6jWmCIDEbMkQAOWKho/yeHbICiMLsDCfKP0H8ewCDIUCgUAoXAIDBkCDKKEJRQhqGAPBgGxz8AiCRv/INfJvmHA0QSBwAOkgAAIkkAkASASAL4sz+2JQltGQwDbRmOI8NxZDKfM10sWG23nK5XkixgSWj7l0Tb+nAcf4NhSNfHo3G531/j2ex2vt08SRrPZofpYnFN8mjbaytto61gMp7NOu/f77zabn00TTw/n+3+dCq2PY5ns5TkNFsuP4NhIEkMhgEMktA2Pv7/S5J7knaSfttnkk0S2nahSeLxfg8Vsm3bVtsmckgKMzMzMzMzg6RYasoNc5m5vTf9ZFuVr/1cOOeeiP4rbNu2cexi7zb9IexPQ+P+MJhZIQYtPACPgoKz4wpHGxQMLkbeV1+/7FkeMR7Y3l/fX6LNgwGZT38y+KZGcCUwFLTVzwx+Pou2D4QBpN78ZKcM1o1wgcVxTzQwOGU/L3RLNKpI/ewHO7oFmNuKEIF3e4HB7RH8OImJ8Ijq0i8fJtaibQ8icn/+AaBUEGX02oQPDu5GKCItLJ0ckgAFGZu7hq4aqkGSiFQiSRg/N+iDg+e6HTDKMcIZ9yMok9IZ1cMVHqhUcygEcKHF0VW2eeNXKOx3nhm2K3hk3Hs4vZWh5Lv4vQM3eIyUt+wwlDhlb1bI9XHYMQtPPoWSCJ9oYdctqdDu4tCjD+wwVFUQPj4cXNh1fRsHxkpO130fQwOED3e6cle0A/dHsTUz0L7vJEBNbV19A1WR3+qpikiSrMdqYODU4/aB2fhI7ooDI3GqqM1JgMaK5rZ2xDJEJEIkQERoaapk4FRb//SaaimB7u1aVlGrgwDUMzA8AkR5I3k04rTR/MKSVgZOFU0laxEcAz07jSb7/NFTBj25s2mpy6nLK6nLTsOl5dS53BIGp4541qpuBfR/ii+6mtVXfvcDgxeDc/G6akaTYUpSTZXIVA0tPn3oNYMP+219k6sxvriIz9TWpvo6Hjw/Lp5YM8M9ijxwug0JEkGB6KSs4qvre539k8laJBdzy5aelDnYXdqTPx9rifhNeyc9r7eruzAzedf/ZoV4YGuJGdljE3MJhpBzJnNjfkKOZ6xrlrDjVXi4GbeWsrqpe7nQrMLVrbXVpFgzggf1LXmjyNizOApui9dQTbSD+7u44gGQKLwvKAF42B8mhg==);
    --cursor-zoom-in: url(data:image/webp;base64,UklGRpQFAABXRUJQVlA4TIgFAAAvP8APENXQoq3tmCO97S7EbGtsW3e8tm3b9syV7bbuxrY9Qds24/yNqqx8/9h/TfI18jfesJLVsfWsitVYEXJu2za25310H71+38+2Y9u20dlW5VRW5S7p0iU/wEZl2zae597FwG0jRd0sM969Qfsbg1E0xVBMS6WV6j9JaGkKmT3jvbN5jyc2Lk1QP1BKunaCP2HUnL2hZ5Rnytdi5WnYqTn7Jo8+N6pllqor0r60tI7u9EUhdxSASIKwAUDo3elLujqaYqmZqPsJbUjHhVcAf3lHcGjYRZmUWXVVKXoxsPC6Xyetv1AP/WVbGz8p7B+GBEfLZhDMBlYyc3OOk1UI+zt+ovaAratnx0wCng9MsJkzGMgQZpESyCBOxwhXvhAAo6ZoSaSpVeOzruUKd4UEn8xoYGVGciLMyQj791lX7UtLFfobJFyTC27ghYDghwDCqAeA+nCAB2GOwfxrcSSOMNRIu9nRRq7GkKCSYyEjAIKYTb4NkBLxbKIKI1eqUuYIg+w984Ie4DjJGyGzIHEZmZl2SGRJpPLREkH3dsiN62+I+5WkfT4dfrIsZSSQgMTZMMdAAgkYjZnMYnw8zfGALZx9s36mR9a4Q7gj4DNAPaQMAefAHI90KVGPdaxj3MHyikTheHuP8uZexKGSB4F6AMDFMDsAAPUYCEvMvbSp1iaqMy3y964Of4muinOBIOwx5+DYDuZMR3yM3QYMgbuorPBXB9QsjxXNOUJQ7PBm5XsQJmVgFsBsmsHMnGlZLx9IWVlrW766cK2oc6hN8YNbKz+EVJCcoQs6GZTcviXsdVYXxY7oRHJ5DcJe7dpSIyrSMpzTVDPzGiQPJDpFBsES069StVNmM1tU24qDspv8jircEUa3ofXwO0b5+rZCVLtae6c39VwMf9kMM6NBAiBxFlbnVqLKSKafQs/Fm9amihY5yNwsTsUeHWc/wdGST8by3lxOFPfmBPgYiZmPunYpayBT/NxuWUgVr2zHkNAEPwSktL63CRIPwG6MDvHpkbL9Sn38Iwzhe7OZ3TFNVS27Tb6t8FzI/CCAtHw36oFY5pb0VFjwtdd08i6IC0vRdrW8oj1KqP7SGSEB7pQEn0gVrMzqk2BexvycROjvd0dS5B2HNOFoV8cp06GWWp7coIDnQzOccjqDCGQWKUMYyDoT7EILllKwmG8HU+RlW9E00cpeUVO+TzO1e3RjyH8MCY9VzbF+tzOPVKNkI1sS9uuHQeLcrG8r3BKGYu/W1OH8BZMeAD+q9YfKrsqsTKqLkuv9FIDnlDXfDhJGP8IockkZShKpU4thA/bPeAkAQdgiATDt6UvH5/7As9Ia/4EUGWY7xMnzbaLO1NV1zP1bPjw57uaC9xG/GpeNu/XBibu3uE+mgVevC/4bNf2FKAeZRW4JY4FztVdb6kJdqReN8J24+dTNp3WYuLySulOf9oMqr18bFY0Bg7SbhXDmZjZFnTKGojbV3q08O7TqLKlbjSzx7Zhobmrd4tOl8MbVQf+iIOzT4AbSbzZFG79Ztxd5xpzTpvyEthVtqp1qK7PbViQYC0x5xsK2le3bUccbV1sEW8H8TYCh81T4gOg367tam9ntPc+Ya9IltYYylI6r8vFrvaIVbcu6tE2zhG+QiPz/XH9yL7BV+ADpiUcYB5mp6ZvZSE+1Jybai8oNpWVpN6+KXXKhNgFvbKCCrTLpDrV+QBy6ZQc2S0L/4rsAGLiNGnwq46In8cP0f/u2aRkLviI87LeD2nu3yvOK2jVNdZZmerdOO2RKz63nzFrh2qZtWdxmts2haT9FkIrdm6gNtaS7teQ7pzu6dl3TfhLcEqY81/KONT4VxsJycpfanwZsKC6PYwhZ8eO8rUhPtyfqP+nPsK47tN+VRgM=);
    --cursor-zoom-out: url(data:image/webp;base64,UklGRmIFAABXRUJQVlA4TFUFAAAvP8APENXQwv7/sOP81ntiJ2vXtts7Xtu2bbu9su026Z1tuw3WthlnFkf/qT2nm9l0zyx+cfLsQexvtIjzRMi5bdvYnvexX3+2Hdu2jc62KqeyKndJly75ATYq27bxPPcuBm4bKZpmmeHgDcpfGCQpkibp+pZdpv0osUU5pD8Rfyqbf2+iZVGG/JEyUpXDvLGjZu6NOSM9k76WSE9jT83cN2H0yb7iKJPXSPnCULo7UxZF35EAEojEAgAxd6cs6W0rkiFnphZqKgM7zrsChInrwr2jXtJVusneMkMrAeZdD+2kPGfKh/aSpYyZFPsPA8MDRRsIZh1Lmbkth4haxP4dM1G5zdLkcyMnAY+GrrAbxxHMQKaTEUEIx+IC1zwWAsOnKGmkyNXi064VEjdEBB/JCGCgYRwOczpi/33aVfnCkIXnNDK9knNv4LGQ4DsAYqmLx+lMqasDbod5MeZcs5K5nyZH3pW2Mmw1BoY1nIg4VBhIVZHMBbUYtlKWOhayts+LfIBDBLdAdcKInCqy+ECByHub5Vqf08TDGlI+m45QUZ4xDKgwqhSMwA1HCT6aVnWbJVx8pXq8S8boQ7gu5ONAHVSjQh1WsYbRByuqU4XTXV3Km3URewsOAXUwoToEwypmXWpdK1z5eIO8HavjXqK35DwgknM4kVM4GT1VLM60AAPhXtIZ92q3mqRE0ZL9TAr2bZa+R+IqdUwHmEEb2IgcBUDG0rWWpOVFK0W9vS2K79la+iFkhel2TdCzU3LTltjXzl6Sq8xJ5PEKxL7aumWNqJFi90hTzbRrUDkYc6qEwCqmXKVq90x/S9Q2NvfItoYelbguMrejJoQeo3zNJmpbGzumW59YjDDRBjdGgBQYlYpaFxyhEutaV2YpgtpD7x+nYt+OM57gQMFHYvq5OQw+SGDao95dyutJF7+36xdSxcvbMTByhe/A1HN7G+zNiAifHCnfpTTQswg/N/2t7mmqat9twm2JRyLm2zH53mjPExJzvz45ndzT4sImKVsb/n6/Eqo/e0Z0iOsFwYdTCwMtPwLmJcyPCMT8fmckxd62SRFO9rbdM91qqeX+DRJ4NHKDM44lhAimkzGQYFYVsCftWEThAr4ZTLGXLElRRBv7+675gc3U7u6N0f8xMDpYtsXwve3YXw4XDaxP7K/vB4lzpbqx6Z3QFQe0pg6nLhj/APhBNu0teks36Sp7SbUpVAJ4RBryzSBhtP20Ys+UriSVOrUb9vz+qS8BIBJLAgAmP33x+KwfeFgYEjaQYoOtKnHyg5qoM3X1GnPrlg9Ojr459338r4Ylo2+9f+LGLT6TaeCF66L+Guc5U5Q99GLvhEuBR7V/W+pCXakXjQiaOGDqgGndJibVUHfq03VQzaVrjdEQPki50hQu7G+R757RFXWqDmjl16FDZ5W6rVFLgzqmujV1bAnsUnT56sh/Roj99EIDqVfqop1fqWYW+wUeadf8lM4Vnarda2tyOlekuBS45rkUdq7s2o46Xr5aL9oB5q9DDJonwwdEu1Ld2uhvdXX9Aq+kZ2oFZShtrQ301vr71Z3LerXN1ocvE0j4/0h/ck6zNIop4pH9tD30LFt/C7aszNTUzOIKXWl59pWrEhc+UK3A6xuoYIOMrUquH5AqTX8Aiz4xf/FtCARvo4bASqt5Jn6Z/uvaNts+9yviomd3UPuAVvn+fqaiyM6iwoDW2XtNeWLrSbP+92rTucza37Is9H6MKBX7NFEbarF5txR4pLs7mZqi/Ch4J1zzvMq71wRWuBRWkLPI/TiguaTCyhBy4td5Y9Nmy0zVftSfYU2rUn5TSgEA);
    --cursor-color-picker: url(data:image/webp;base64,UklGRqIFAABXRUJQVlA4TJUFAAAvP8APEPcEIZIkxVY+/8qehqeCcaf7wQcLEBpJciTF8Ud2GA6FvzfTnRAaSXIkxfFHdhgOhb83051uY9tWlbfvt0b+B1KGVumGClwiMnd35/0jNiGyyeQMOPAfsFaIGOAEweMH4Q9BEHJ4vCGc8IHwgfCG8MYRwgtzCC8ccIDwgnCEsluDWg6CgVb++PubQS1Ay4F1zrZl2XXrnA0En9249W+BILvHFq1fdmklrV922d/vw+zS8uucuAX+2aV1hWYmaAnBzKhlLW2v1+rudqvMjM1MK7vlFohbPP///czY9futH59PUMquzUyQXWuB/v33F6TrnKjF5nIZrHPILjNDdmmRXVp8AS1Ai5aBFgD88t/uxwagoL//nxLHWdbiOb8jrhd3z7m7W123pQo1SDM4kcZ1IbKb7R8LNBnq7U/fmYnoPwNJUuIsqEjIak54Q+x/buF94fg/BhwhgSfjgwSHuN+XLtgpAAiUUpEGkoHgAn5PiwBQKkopSaaUpogEkBACx+/WAKgokbTCkAYAlMmUkMDgfxfDt+K+JSvImFta39zeorA8ZyAlMOK/wxocz4V4ZOSsbLse2QmEuGzFUdO+htaIbIe85krW++69e1cuVFdNXL73/ndedsVU0imBxvloJkdoIvDObXlfPB2vbWw63watTQ01Y48/87bnkCKFKKLYHPhNURfcnTcX6lu6evoHh4cGgXS11E++2nEXVEUSo2lwNOU3b+pOdVN3/+iJs+diBNiJ0f7uJnp3yl1UiyQxOBghKJFKq/Pu1M26tr6RM4ftiAJrq7s55c4jXzMRAIIoIyu7e7euo/8Uf8SWTvbTuju7WQvJYgJbeWAiVbS13dfV7f0njt4Vgzb6ZnetVJFFgSfYoyQXz3ifTzb1ncLZFrCmC196VFVSQpzDfGUDnz8+qe8ewbowfrSbPmNrWrGcjPO4o89ou99fbOk/E8MSCi0Xvvdspkj+CliIB+PC7oc1XaMxTBkF9sEu1YpSQobD60RZ1df2HjT0nsAF62l4AGs6CoKxQEFRja39a039Z3HBoOnq/pZRoogCDilPqMQ0y92faB04hwsYZBf2s5Y/xSLlCJUQ2F6uqm04hi0MqnOepRVLeODFNCqzd3LVbUP4oFCV82ydyWKcw4Af6cPLX2gdjDKZ8DsdBW8eJnSWzV2NFnItl/WRFnksCDLSzI3cg8aeKEQPKZhacSrJYblDWMp9VNsZ5b39mC4ZGkoJmJAUKJ/d++FChO+m+SLbmzU0BY+IBFD1yq38iyjf7fP8tq2rRUmBixHMwFJzIffNBfz/xqWvcosVGpKTmN9NJjS1t/PvVLfh/rfeOti2yzVFSmQwO5ZS1DJzfu/gPs5/E/pp3SO2/4ull8i4/w3CJ0QZaYa1nJu+VdfWN3oo2ekR1l53++f8im1oSBJx//w89adIN531/PSj3+YN/pC8cX86v+5U6MUK9kg4AqLESnRrZj1fePtSfXMob7Fw3rrwbiG/PmMZqhIhcXD+kJSLVcOaWdkvfP38Ym1DU2sbsKbG2gsvvy3srx6vNEIsGR4/bcaFVBppRqWz4B4Ufvz04Y2JquoL1x9+8lPhwF1wLKMUhc7houRNKoUIjs0uufkC/BoSAOqyWccq14pl3xfno1QdIIiBlpm2M7Owmt3dz1HCYG1hxrFNI9SEDEciJv6kr6pmmDY4x2fnAebozHEbKgy9RJGlw5MmNiEIkqwgTTdMi9ngEIBKVlGua0hJi77tnxMNATkVU2mmMr3MqDApo5ToRCtBobC4P/4OhRcISUmmRYiqml5GSoExVKTIqcD7u1SvvE8fOEN1YyDFSpFMCAgB/+9Uux5atxKZUkKSokDjR3ojUxIIHMkEgBgunAk52ht5uXDxHQegoS2QP6b4D8f9qxUCAA==);
    --cursor-eye-dropper: url(data:image/webp;base64,UklGRuoEAABXRUJQVlA4TN0EAAAvP8APEE8HIZJtV9GQMwrQgS+ss3nfvWeIHhy2beRIuvscK/g6vq9vPYedsRy2beRIuvscK/g6vq9vPYedseBs23Z+ue/np7/tbNfmqSa7vem/5foeHW3txmh8gGZjsm2DbNKGzkl6B8D3AQIQkPcHgLzcABRAAAICKM8fgA4IoLw+AVSAgAZYgUkVgAA/wJeqAAK8AH/An6oBDvVb1YAX4E0lYAHOgYfJNH0nKQAs6qP6BSyrl92dCLgn0+SrKo96oZoB92SawkCbWlhVmExTApCRJC0JqgpJoFar7ap0dyVQX1WtSWKBCqC/u9fGGCuTaZoZY/wCW2OMm9liMXC937v+///BqgJQrl7+fD7bSZAktru/FqtV9Hq/D3f3PxCrngGH3R2rChCtKlUdUqWq9pNAVYDE7/c7oK6qSAIVKsYYGd29191Qs6tq+/f7RXerf7/fTxL8//9Iguk8l03nOfn3+51I8v3//wNoqCo9iQBM8qcS0NWfMYZ1Os/Df78fq4rAexIksSQh8JoEqk21qa8qgackTpUqgXvVoxK4VX0AVaoCUCVAlQABqgIQIEBVeTU9OUAF5HkBMAA+TbPFwgJMJ0ESHM/nluk8XyxWK9/pclk4X6/d2/3+9XK76fPlMh/Stm075OZdx7ZtvE9Yt2Ft27bN2Hlrc2brNrZq22b4L5qdzCTPfuuniP4zctvGkRPNeHfKqb6h439qkIgIEkH0+Icd5Xiea2Yp+lFESrN2GABA4gYli9CHZ9z6XiCMGbwcPyMYtzkWphVT+nMVRK7hZQTbp/CbYmH+L6qLdTC8RBmB6wjjd4hAr0L0jcsMra+MHT16VKndLQal02FL0VEkpRzlxkdB74Wp4tApkFbB4TREHL08FAQhznEY9NBCjSIivzwH+h6juRL8nA1zH1TjFClcyQTYRyktkGLIn3tlSNJatkMG1YU4cSdeNBkpUFrYlfplMK5cmpNvnKu1KSiSX294MaYzpTjz/nH9zaMEpzBsPDxAcra4U+/d7Iw5Gc6aPVqU30fHgXIxzn54equUl6PUEXL1HgGFnY1dOR/4zN6Uxzk3CFNvjRUCXbIAYONLhzKeEZwNp94hAkCh4DMbRj+svYzTSuT8Jgl+Vgl2/MB7Zc0orRGM3yHFbF1jIYy8Y6IkevGzAfpnbQNY6ljajKCIlO6QNBYAYNarW0UKjFZ1d7gQ3jJv8RG/x9ZXmF5a4859Cw35FOzrcbuMT+n5Ea3e3g1OB/m8fOH11OVW5WXW4xaZqihBmrMBXk63Gm3qaow1RyN6vtmut8G4H1J8cL9dXWR45Yq2mZGe1xrzeCikB0U59Y9bppqj8hQZwVhyR41WwxRKp4r7p//g5QTrolBXLoC1dL8o/k+byngZFkR+PScG9tJ0gOTjIq2CnY4lrmwirKT0Wt5F0WMKkQ6ZxmoEHKCCOJTc6f2R6WDXbSZBdqcyFwHAqL/v3YWHJKKMmlYA5F1aDgD9dn7xfWJnovOIkhvaes0EAIjZ9T0s+PUj21Ie+Y2UYmDl+q518uAlv78Gv33uVFfEYT+xIrjSW8/effz8McD72X3bSkNVCkF/nV02u/XI66Wn6916cyPhHNh5VGtSa9NkU2tyRaXo8jhDtyoDo5uG2ma53h64hKTIGUuJ6PhvGh0A);
    --cursor-debug: url(/static/cursors/cursor-debug.webp);
  }
  .spinner {
    opacity: 0.65;
    --spinner-animation-duration: calc(0.8s * var(--spinner-speed, 1));
    display: block;
    position: relative;
  }
  .spinner[data-size="14"] {
    width: 14px;
    height: 14px;
  }
  .spinner[data-size="24"] {
    width: 24px;
    height: 24px;
  }
  .spinner-leaf {
    width: 12.5%;
    height: 100%;
    animation: spinner-leaf-fade var(--spinner-animation-duration) linear infinite;
    position: absolute;
    top: 0;
    left: 43.75%;
  }
  .spinner-leaf:before {
    content: "";
    background-color: currentColor;
    border-radius: 3px;
    width: 100%;
    height: 30%;
    display: block;
  }
  .spinner-leaf:where(:first-child) {
    animation-delay: calc(-8 / 8 * var(--spinner-animation-duration));
    transform: rotate(0);
  }
  .spinner-leaf:where(:nth-child(2)) {
    animation-delay: calc(-7 / 8 * var(--spinner-animation-duration));
    transform: rotate(45deg);
  }
  .spinner-leaf:where(:nth-child(3)) {
    animation-delay: calc(-6 / 8 * var(--spinner-animation-duration));
    transform: rotate(90deg);
  }
  .spinner-leaf:where(:nth-child(4)) {
    animation-delay: calc(-5 / 8 * var(--spinner-animation-duration));
    transform: rotate(135deg);
  }
  .spinner-leaf:where(:nth-child(5)) {
    animation-delay: calc(-4 / 8 * var(--spinner-animation-duration));
    transform: rotate(180deg);
  }
  .spinner-leaf:where(:nth-child(6)) {
    animation-delay: calc(-3 / 8 * var(--spinner-animation-duration));
    transform: rotate(225deg);
  }
  .spinner-leaf:where(:nth-child(7)) {
    animation-delay: calc(-2 / 8 * var(--spinner-animation-duration));
    transform: rotate(270deg);
  }
  .spinner-leaf:where(:nth-child(8)) {
    animation-delay: calc(-1 / 8 * var(--spinner-animation-duration));
    transform: rotate(315deg);
  }
  @keyframes spinner-leaf-fade {
    0% {
      opacity: 1;
    }
    to {
      opacity: 0.25;
    }
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      Liberation Mono,
      Courier New,
      monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
  :root {
    color-scheme: light dark;
    color: var(--color-gray-1);
    background-color: var(--color-root);
  }
  ::selection {
    background-color: var(--color-selection);
  }
  *,
  :after,
  :before {
    border-color: var(--color-separator);
  }
  html {
    cursor: default;
    height: 100%;
    overflow: hidden;
  }
  body {
    height: 100%;
    container-type: size;
  }
  :root {
    --scrollbar-track-x: 0px;
    --scrollbar-track-y: 0px;
    --scrollbar-gutter-x: 0px;
    --scrollbar-gutter-y: 0px;
    scrollbar-color: var(--color-scrollbar-root-thumb) var(--color-scrollbar-root-track);
  }
  [data-overflow-x="true"] {
    --scrollbar-track-y: var(--scrollbar-width, 0px);
    --scrollbar-gutter-y: 0px;
  }
  [data-overflow-y="true"] {
    --scrollbar-track-x: var(--scrollbar-width, 0px);
    --scrollbar-gutter-x: 0px;
  }
  [data-overflow-x="false"] {
    --scrollbar-track-y: 0px;
    --scrollbar-gutter-y: var(--scrollbar-width, 0px);
  }
  [data-overflow-y="false"] {
    --scrollbar-track-x: 0px;
    --scrollbar-gutter-x: var(--scrollbar-width, 0px);
  }
  :root {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    overscroll-behavior-x: none;
    word-break: break-word;
    view-transition-name: none;
  }
  :root:has([data-paper-editor]) {
    scrollbar-width: none;
    overscroll-behavior: none;
    overflow: hidden;
  }
  div:where([tabindex]) {
    outline: none;
  }
  a,
  img {
    -webkit-user-drag: none;
  }
}
@layer components {
  :root {
    --loading-image-background: linear-gradient(oklab(60% 0 0));
    --loading-image-animation-shine: loading-image-shine-start 1s forwards, loading-image-shine-loop 3s linear infinite;
    --loading-image-animation-shine-end: loading-image-shine-end var(--ease-out-smooth) 0.5s forwards;
    --loading-image-animation-fade-in: loading-image-fade-in var(--ease-out-smooth) 0.5s forwards;
  }
  @keyframes loading-image-fade-in {
    to {
      --loading-image-fade-in: 1;
    }
  }
  @keyframes loading-image-shine-start {
    to {
      --loading-image-shine-fade-in: 1;
    }
  }
  @keyframes loading-image-shine-end {
    to {
      --loading-image-shine-fade-out: 0;
    }
  }
  @keyframes loading-image-shine-loop {
    0%,
    5% {
      --loading-image-shine-1: 0;
      --loading-image-shine-2: 0;
      --loading-image-shine-3: 0;
    }
    25% {
      --loading-image-shine-1: 0.2;
      --loading-image-shine-2: 0.2;
      --loading-image-shine-3: 0.2;
    }
    35% {
      --loading-image-shine-1: 0.6;
      --loading-image-shine-2: 0.5;
      --loading-image-shine-3: 0.4;
    }
    40% {
      --loading-image-shine-1: 0.9;
      --loading-image-shine-2: 0.8;
      --loading-image-shine-3: 0.6;
    }
    45% {
      --loading-image-shine-1: 1;
      --loading-image-shine-2: 1;
      --loading-image-shine-3: 0.95;
    }
    50% {
      --loading-image-shine-1: 1;
      --loading-image-shine-2: 1;
      --loading-image-shine-3: 1;
    }
    55% {
      --loading-image-shine-1: 0.95;
      --loading-image-shine-2: 1;
      --loading-image-shine-3: 1;
    }
    60% {
      --loading-image-shine-1: 0.6;
      --loading-image-shine-2: 0.8;
      --loading-image-shine-3: 0.9;
    }
    65% {
      --loading-image-shine-1: 0.4;
      --loading-image-shine-2: 0.5;
      --loading-image-shine-3: 0.6;
    }
    75% {
      --loading-image-shine-1: 0.2;
      --loading-image-shine-2: 0.2;
      --loading-image-shine-3: 0.2;
    }
    95%,
    to {
      --loading-image-shine-1: 0;
      --loading-image-shine-2: 0;
      --loading-image-shine-3: 0;
    }
  }
  @property --loading-image-fade-in {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
  }
  @property --loading-image-shine-fade-in {
    syntax: "<number>";
    initial-value: 0;
    inherits: false;
  }
  @property --loading-image-shine-fade-out {
    syntax: "<number>";
    initial-value: 1;
    inherits: false;
  }
  @property --loading-image-shine-1 {
    syntax: "<number>";
    initial-value: 0.6;
    inherits: false;
  }
  @property --loading-image-shine-2 {
    syntax: "<number>";
    initial-value: 0.6;
    inherits: false;
  }
  @property --loading-image-shine-3 {
    syntax: "<number>";
    initial-value: 0.6;
    inherits: false;
  }
  .collapsible-indicator {
    width: 20px;
    height: 100%;
    color: var(--color-gray-2);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .collapsible-indicator svg {
    flex-shrink: 0;
  }
  [data-scrub-area] {
    pointer-events: auto;
  }
  [data-scrub-area]:active,
  html:not(:active) [data-scrub-area] {
    cursor:
      image-set(var(--cursor-resize-x) 2x) 16 16,
      ew-resize;
  }
  .popup-arrow {
    display: flex;
    position: absolute;
  }
  .popup-arrow[data-side="top"] {
    bottom: -8px;
    rotate: 180deg;
  }
  .popup-arrow[data-side="bottom"] {
    top: -8px;
    rotate: none;
  }
  .popup-arrow[data-side="left"] {
    right: -13px;
    rotate: 90deg;
  }
  .popup-arrow[data-side="right"] {
    left: -13px;
    rotate: -90deg;
  }
  .popup-arrow-outline {
    color: var(--color-popup-outline);
  }
  @media (prefers-color-scheme: dark) {
    @media (min-resolution: 2x) {
      .popup-arrow-outline {
        display: none;
      }
    }
  }
  .popup-arrow-outline-\@2x {
    color: var(--color-popup-outline);
  }
  @media (prefers-color-scheme: dark) {
    @media (min-resolution: 2x) {
      .popup-arrow-outline-\@2x {
        display: initial;
      }
    }
  }
  .Preloader {
    box-sizing: border-box;
    width: 100cqw;
    min-width: 320px;
    height: 100cqh;
    padding-top: 48px;
    padding-bottom: calc(48px + var(--spacing-offset-bottom));
    background-color: var(--color-root);
    color: var(--color-gray-2);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding-inline: 64px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }
  .PreloaderLogo {
    color: var(--color-gray-5);
    flex-shrink: 0;
  }
  .PreloaderContent {
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    cursor: auto;
    flex-direction: column;
    align-items: center;
    line-height: 20px;
    display: flex;
    position: absolute;
    translate: 0 calc(40px + 50%);
  }
  .slider-root {
    --track-height: 12px;
    --track-radius: 6px;
    --thumb-radius: 6px;
    --thumb-size: 12px;
    flex: 1;
    align-items: center;
    display: flex;
    position: relative;
  }
  .slider-control {
    width: 100%;
    height: 24px;
    padding-inline: var(--thumb-radius);
    align-items: center;
    display: flex;
    position: relative;
  }
  .slider-range {
    background-color: var(--color-slider-range);
    border-radius: var(--track-radius);
    height: var(--track-height);
    position: absolute;
    left: 0;
    right: 0;
  }
  .slider-track {
    height: var(--track-height);
    flex-grow: 1;
    position: relative;
  }
  .slider-indicator {
    background-color: var(--color-slider-track);
    border-radius: var(--track-radius) 0 0 var(--track-radius);
    box-sizing: content-box;
    padding-left: var(--thumb-radius);
    margin-left: calc(var(--thumb-radius) * -1);
  }
  .slider-thumb {
    opacity: 1;
    width: var(--thumb-size);
    height: var(--thumb-size);
    border-radius: var(--thumb-radius);
    background-color: #fff;
    outline: none;
    display: block;
  }
  .slider-thumb:before {
    content: "";
    border-radius: 8px;
    width: 16px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .slider-thumb {
    box-shadow:
      0 2px 4px -2px #00000059,
      0 0 1px 1px #00000026;
  }
  @media (min-resolution: 2x) {
    .slider-thumb {
      box-shadow:
        0 2px 4px -2px #00000059,
        0 0 1px 0.5px #0000004d;
    }
  }
  .slider-thumb:has(:focus-visible) {
    outline: 2px solid var(--color-focus);
  }
  .slider-snap-points {
    position: absolute;
    inset: 0;
  }
  .slider-snap-points .slider-snap-point {
    background-color: var(--color-slider-snap-point);
    border-radius: 9999px;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
  }
  .slider-snap-points[data-hidden] {
    visibility: hidden;
  }
  .subheader {
    justify-content: space-between;
    align-items: center;
    height: 24px;
    display: flex;
  }
  .subheader-label {
    align-items: center;
    height: 100%;
    font-weight: 500;
    display: flex;
  }
  .subheader[data-collapsible] .subheader-label {
    padding-right: 4px;
  }
  .toast {
    --color-scrollbar-track: var(--color-popup);
    --panel-padding-inline: 8px;
    background-color: var(--color-popup);
    border-radius: var(--popup-radius);
    -webkit-user-select: none;
    user-select: none;
    box-shadow: var(--popup-shadow-outline), var(--popup-shadow);
    --popup-shadow-outline: 0 0 0 1px var(--color-popup-outline);
    outline: 0;
    position: relative;
    overflow: hidden;
  }
  @media (prefers-color-scheme: light) {
    .toast {
      --popup-shadow: 0 4px 20px -4px #00000040;
    }
  }
  @media (prefers-color-scheme: dark) {
    .toast {
      --popup-shadow: 0 4px 20px -2px #0006;
    }
    @media (min-resolution: 2x) {
      .toast {
        --popup-shadow-outline: 0 0 0 0.5px var(--color-popup-outline);
      }
    }
  }
  .toast:has(.popup-header\/lg) {
    --popup-header-height: 32px;
  }
  .toast {
    cursor:
      image-set(var(--cursor-arrow) 2x) 4 3,
      default;
    background-color: var(--color-toast);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    pointer-events: auto;
    width: fit-content;
    max-width: var(--container-md);
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-block: 8px;
    padding-inline: 12px;
    position: fixed;
    bottom: 24px;
    left: 50%;
    overflow: hidden;
    translate: -50%;
  }
  .toggle-group-root {
    white-space: nowrap;
    background-color: var(--color-toggle);
    border-radius: var(--radius-4);
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 100%;
    height: 24px;
    display: flex;
  }
  .toggle-group-item {
    height: 100%;
    font: inherit;
    color: var(--color-gray-3);
    outline-offset: -1px;
    border-radius: var(--radius-4);
    border: none;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: auto;
  }
  .toggle-group-item[data-pressed] {
    background-color: var(--color-toggle-pressed);
    color: var(--color-gray-1);
    outline: 1px solid var(--color-toggle-border);
  }
  .toggle-group-item:focus-visible {
    z-index: 1;
    outline-offset: -1px;
    outline: 2px solid var(--color-focus);
  }
  .toggle-group-item-icon {
    color: light-dark(
      var(--color-gray-4),
      color-mix(in srgb, light-dark(--alpha(black/.4), --alpha(white/.5)) 80%, transparent)
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .toggle-group-item-icon {
      color: light-dark(var(--color-gray-4), color-mix(in oklab, var(--color-gray-4) 80%, transparent));
    }
  }
  :where(.toggle-group-item[data-pressed]) .toggle-group-item-icon {
    color: var(--color-gray-1);
  }
  .toggle-group-item-text {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
  }
  .toggle-group-item-text-visible {
    position: absolute;
  }
  [data-pressed] .toggle-group-item-text-visible {
    font-weight: var(--font-weight-caption);
    letter-spacing: -0.007em;
  }
  .toggle-group-item-text-hidden {
    visibility: hidden;
    font-weight: var(--font-weight-caption);
    letter-spacing: -0.007em;
  }
  .tooltip-popup {
    box-sizing: border-box;
    font-size: var(--text-base);
    line-height: var(--text-base--line-height);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: var(--color-tooltip);
    border-radius: 4px;
    flex-direction: column;
    padding: 4px 8px;
    display: flex;
  }
  .tooltip-popup[data-starting-style] {
    opacity: 0;
  }
  .tooltip-popup[data-ending-style] {
    opacity: 0;
    transition: opacity 0.1s;
  }
  .tooltip-popup[data-instant] {
    transition-duration: 0s;
  }
  .tooltip-popup {
    box-shadow: var(--tooltip-shadow-outline), var(--tooltip-shadow);
  }
  @media (prefers-color-scheme: light) {
    .tooltip-popup {
      --tooltip-shadow: 0 4px 20px -4px #00000040;
      --tooltip-shadow-outline: 0 0 0 1px #0000001a;
    }
    @media (min-resolution: 2x) {
      .tooltip-popup {
        --tooltip-shadow-outline: 0 0 1px 0.5px #0003;
      }
    }
  }
  @media (prefers-color-scheme: dark) {
    .tooltip-popup {
      --tooltip-shadow: 0 4px 20px -4px #0009;
      --tooltip-shadow-outline: 0 0 transparent;
      outline: 1px solid var(--color-tooltip-border);
      outline-offset: -1px;
    }
    @media (min-resolution: 2x) {
      .tooltip-popup {
        outline: 0.5px solid var(--color-tooltip-border);
        outline-offset: -0.5px;
      }
    }
  }
  [data-is-dragging] .tree-item {
    opacity: 0.5;
  }
  .tree-item {
    white-space: nowrap;
    word-break: keep-all;
    width: fit-content;
    min-width: 100%;
    height: 28px;
    padding-left: var(--indent);
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }
  .tree-item:hover,
  .tree-item[data-highlighted],
  .tree-item[data-parent-selected] {
    background-color: var(--color-panel-highlight-1);
    --tree-item-background-color: var(--color-panel-highlight-1);
  }
  .tree-item[data-selected] {
    background-color: var(--color-panel-highlight-2);
    --tree-item-background-color: var(--color-panel-highlight-2);
  }
  .tree-item[data-is-drop-target],
  .tree-item[data-is-part-of-drop-target-group] {
    opacity: 1;
  }
  .tree-item[data-is-being-dragged] {
    opacity: 0.5;
  }
  .tree-item-input {
    height: 20px;
    max-width: calc(100cqw - var(--indent) - var(--scrollbar-width, 0px) - 40px);
    outline: 1px solid var(--color-gray-5);
    background-color: light-dark(var(--color-control), var(--color-panel));
    border-radius: 3px;
    flex-grow: 1;
    min-width: 160px;
    margin-left: -4px;
    padding-left: 4px;
    scroll-margin: 4px 4px 4px 40px;
  }
  .upgrade-modal-monthly-price {
    transition-property: opacity, filter, translate;
    transition-duration: 0.5s;
    transition-timing-function: var(--ease-out-fast);
  }
  .upgrade-modal-monthly-price[data-visible="false"] {
    opacity: 0;
    filter: blur(2px);
    transition-duration: 0.25s, 0.25s, 0.5s;
    translate: 100%;
  }
  .upgrade-modal-annual-price {
    transition-property: opacity, filter, translate;
    transition-duration: 0.5s;
    transition-timing-function: var(--ease-out-fast);
  }
  .upgrade-modal-annual-price[data-visible="false"] {
    opacity: 0;
    filter: blur(2px);
    translate: -100%;
  }
  .upgrade-modal-annual-price[data-highlighted] {
    animation: upgrade-modal-annual-price-color 1.2s var(--ease-in-slow) forwards;
  }
  @keyframes upgrade-modal-annual-price-color {
    0%,
    30% {
      color: light-dark(oklch(67.5% 0.167 67), var(--color-orange));
    }
  }
  .editor-property-panel {
    box-sizing: content-box;
    scrollbar-width: none;
    background-color: var(--color-panel);
    border-left: 1px solid var(--color-separator);
    background-clip: padding-box;
    flex-direction: column;
    padding-bottom: 96px;
    display: flex;
    overflow: auto;
  }
  @media (min-resolution: 2x) {
    .editor-property-panel {
      border-image: linear-gradient(to right, light-dark(#9994, #ffffff18) 0.5px, var(--color-separator) 0.5px);
      border-image-slice: 1;
    }
  }
  .editor-property-panel > * {
    flex-shrink: 0;
  }
  .color-picker-button {
    outline: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
  }
  .color-picker-button:before {
    content: "";
    pointer-events: auto;
    position: absolute;
    inset: -4px;
  }
  .color-picker-button:after {
    content: "";
    background-position: 0 100%;
    background-size: 9px 9px;
    background-origin: border-box;
    background-image:
      conic-gradient(var(--color) 0 0),
      repeating-conic-gradient(var(--color-checker-dark) 0% 25%, var(--color-checker-light) 0% 50%);
    box-shadow: inset 0 0 0 var(--outline-width) var(--outline-color);
    --outline-color: oklch(var(--outline-l) var(--outline-c) var(--color-h));
    --l-blended: calc(var(--l-bg) * (1 - var(--color-a, 1)) + var(--color-l) * var(--color-a, 1));
    --c-blended: calc(var(--color-c) * var(--color-a, 1));
    --l-diff: calc(var(--l-blended) - var(--outline-l));
    --l-diff-abs: max(var(--l-diff), calc(var(--l-diff) * -1));
    --outline-c: calc(var(--c-blended) - 4 * var(--c-blended) * var(--l-diff-abs));
    border-radius: 1.5px;
    position: absolute;
    inset: 1px;
  }
  @media (prefers-color-scheme: light) {
    .color-picker-button:after {
      --l-bg: 0.98;
      --l-max: 0.88;
      --outline-l: min(var(--l-max), var(--l-blended));
    }
  }
  @media (prefers-color-scheme: dark) {
    .color-picker-button:after {
      --l-bg: 0.337;
      --l-min: 0.42;
      --outline-l: max(var(--l-min), var(--l-blended));
    }
  }
  .color-picker-button:after {
    --outline-width: 1px;
  }
  @media (min-resolution: 2x) {
    .color-picker-button:after {
      --outline-width: 0.75px;
    }
  }
  .color-picker-button:focus-visible:after {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
  }
  .color-picker-button[data-mixed]:after {
    content: "";
    background-size: cover;
    background-color: var(--color-gray-5);
    --outline-color: transparent;
    background-image: none;
    padding-top: 1px;
    font-size: 10px;
    font-weight: 500;
  }
  .color-picker-panel {
    outline: 0;
    gap: 12px;
    padding: 12px;
    display: flex;
  }
  .color-picker-map {
    cursor:
      image-set(var(--cursor-color-picker) 2x) 16 16,
      default;
  }
  .color-picker-map[data-hovered="true"] {
    cursor: none;
  }
  .color-picker-map[data-hovered="false"] {
    cursor:
      image-set(var(--cursor-color-picker) 2x) 16 16,
      default;
  }
  .color-picker-thumb {
    justify-content: center;
    align-items: center;
    width: 5px;
    height: 5px;
    display: flex;
    position: relative;
  }
  .color-picker-thumb:hover {
    cursor: none;
  }
  @supports (font: -apple-system-body) {
    .color-picker-thumb {
      cursor: none;
    }
  }
  .color-picker-thumb {
    will-change: translate;
  }
  .color-picker-thumb[data-clipped-color] {
    opacity: 0;
  }
  .color-picker-thumb:before {
    content: "";
    pointer-events: none;
    background-color: var(--color-solid);
    background-image: radial-gradient(circle, #0000 5.5px, #fff 6.25px);
    border-radius: 100%;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    box-shadow: 0 0.5px 1px 1px #0003;
  }
  .color-picker-slider-opacity {
    width: 15px;
    position: relative;
  }
  .color-picker-slider-opacity:before {
    content: "";
    background-position:
      0 0,
      0 100%;
    background-size:
      100%,
      10px 10px;
    background-origin: border-box;
    background-clip: border-box, content-box;
    background-image:
      linear-gradient(to bottom, var(--color-solid) 0%, transparent 100%),
      repeating-conic-gradient(var(--color-checker-dark) 0% 25%, var(--color-checker-light) 0% 50%);
    border: 1px solid var(--color-gray-5);
    border-radius: 2px;
    position: absolute;
    inset: 0;
  }
  @media (min-resolution: 2x) {
    .color-picker-slider-opacity:before {
      border: 0.5px solid light-dark(oklab(0% none none/.15), oklab(100% 0 5.96046e-8/0.15));
      border-color: light-dark(oklab(0% none none/.15), oklab(100% 0 5.96046e-8/0.15))
        light-dark(oklab(0% none none/.15), oklab(100% 0 5.96046e-8/0.15))
        light-dark(oklab(0% none none/.15), oklab(100% 0 5.96046e-8/0.15))
        light-dark(oklab(0% none none/.15), oklab(100% 0 5.96046e-8/0.15));
    }
  }
  .color-picker-slider-hue-hsl,
  .color-picker-slider-hue-uniform-p3,
  .color-picker-slider-hue-uniform-rgb {
    outline-offset: -1px;
    outline: 1px solid #0000001a;
  }
  @media (prefers-color-scheme: dark) {
    .color-picker-slider-hue-hsl,
    .color-picker-slider-hue-uniform-p3,
    .color-picker-slider-hue-uniform-rgb {
      outline-color: #ffffff1a;
    }
  }
  @media (min-resolution: 2x) {
    .color-picker-slider-hue-hsl,
    .color-picker-slider-hue-uniform-p3,
    .color-picker-slider-hue-uniform-rgb {
      outline-offset: -0.5px;
      outline: 0.5px solid #00000026;
    }
    @media (prefers-color-scheme: dark) {
      .color-picker-slider-hue-hsl,
      .color-picker-slider-hue-uniform-p3,
      .color-picker-slider-hue-uniform-rgb {
        outline-color: #ffffff26;
      }
    }
  }
  .color-picker-slider-hue-hsl,
  .color-picker-slider-hue-uniform-p3,
  .color-picker-slider-hue-uniform-rgb {
    border-radius: 2px;
    width: 15px;
    position: relative;
  }
  .color-picker-slider-hue-hsl {
    background-image: linear-gradient(to bottom in hsl longer hue, red, red);
  }
  .color-picker-slider-hue-uniform-rgb {
    background-image: linear-gradient(
      to bottom in oklch,
      oklch(63.2% 0.254 30),
      oklch(72.1% 0.191 50),
      #ffa401,
      #ffcb05,
      #feff01,
      oklch(91% 0.245 130),
      oklch(87.4% 0.241 150),
      #00ffc9,
      oklch(90.2% 0.156 190),
      oklch(84.1% 0.146 210),
      oklch(76.2% 0.152 230),
      #0095ff,
      oklch(46.5% 0.305 270),
      #7400ff,
      #b400ff,
      oklch(69.7% 0.318 330),
      #ff00a9,
      oklch(63.9% 0.256 10),
      oklch(63.2% 0.254 30)
    );
  }
  .color-picker-slider-hue-uniform-p3 {
    background-image: linear-gradient(
      to bottom in oklch,
      oklch(65.4% 0.293 30),
      oklch(73.8% 0.222 50),
      oklch(80.3% 0.2 70),
      oklch(87% 0.205 90),
      oklch(96.3% 0.244 110),
      oklch(90.7% 0.286 130),
      oklch(85.4% 0.328 150),
      oklch(87.3% 0.236 170),
      oklch(89% 0.207 190),
      oklch(81.2% 0.187 210),
      oklch(72.7% 0.191 230),
      oklch(62.3% 0.228 250),
      oklch(47.9% 0.315 270),
      oklch(52.8% 0.306 290),
      oklch(59.9% 0.321 310),
      oklch(71.4% 0.357 330),
      oklch(68.4% 0.32 350),
      oklch(66.1% 0.298 10),
      oklch(65.4% 0.293 30)
    );
  }
  .color-picker-slider-thumb {
    outline: 0;
    width: 15px;
    height: 8px;
    padding: 1px;
    display: block;
  }
  .color-picker-slider-thumb:before {
    content: "";
    background-color: #fff;
    border-radius: 1px;
    width: 100%;
    height: 100%;
    display: block;
    box-shadow:
      0 0 0 1px #0000000d,
      0 0 0 0.5px #0000001a,
      0 1px 2px -0.5px #0000004d;
  }
  .color-picker-swatches {
    background-position: 0 100%;
    background-size: 9px 9px;
    background-origin: border-box;
    background-image: repeating-conic-gradient(var(--color-checker-dark) 0% 25%, var(--color-checker-light) 0% 50%);
    outline-offset: -1px;
    outline: 1px solid #0000001a;
  }
  @media (prefers-color-scheme: dark) {
    .color-picker-swatches {
      outline-color: #ffffff1a;
    }
  }
  @media (min-resolution: 2x) {
    .color-picker-swatches {
      outline-offset: -0.5px;
      outline: 0.5px solid #00000026;
    }
    @media (prefers-color-scheme: dark) {
      .color-picker-swatches {
        outline-color: #ffffff26;
      }
    }
  }
  .color-picker-swatches {
    border-radius: 3px;
    grid-template-columns: 1fr 1fr;
    height: 56px;
    display: grid;
    position: relative;
    overflow: hidden;
  }
  .gradient-bar-container {
    padding-inline: var(--panel-padding-inline, 12px);
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 4px;
    display: flex;
  }
  .gradient-bar-container[data-empty] {
    justify-content: center;
    height: 32px;
    padding-block: 0;
  }
  .gradient-bar {
    cursor:
      image-set(var(--cursor-arrow-plus) 2x) 4 3,
      default;
    container-type: inline-size;
  }
  .gradient-bar:active {
    cursor:
      image-set(var(--cursor-arrow) 2x) 4 3,
      default;
  }
  .gradient-bar[data-cloning] {
    cursor:
      image-set(var(--cursor-arrow-duplicate) 2x) 4 3,
      default;
  }
  .gradient-bar[data-removing] {
    cursor:
      image-set(var(--cursor-arrow-trash) 2x) 4 3,
      default;
  }
  .gradient-bar-track {
    background-position: 0 100%;
    background-size: 9px 9px;
    background-origin: border-box;
    background-image: repeating-conic-gradient(var(--color-checker-dark) 0% 25%, var(--color-checker-light) 0% 50%);
    background-position: 50%;
    border-radius: 1px;
    width: 100%;
    height: 18px;
    position: relative;
  }
  .gradient-bar-preview {
    outline-offset: -1px;
    outline: 1px solid #0000001a;
  }
  @media (prefers-color-scheme: dark) {
    .gradient-bar-preview {
      outline-color: #ffffff1a;
    }
  }
  @media (min-resolution: 2x) {
    .gradient-bar-preview {
      outline-offset: -0.5px;
      outline: 0.5px solid #00000026;
    }
    @media (prefers-color-scheme: dark) {
      .gradient-bar-preview {
        outline-color: #ffffff26;
      }
    }
  }
  .gradient-bar-preview {
    height: 100%;
  }
  .gradient-bar-stops {
    position: absolute;
    inset-block: 0;
    inset-inline: 0.5px;
  }
  .gradient-bar-color-stop {
    cursor:
      image-set(var(--cursor-arrow) 2x) 4 3,
      default;
    filter: drop-shadow(0 1px 3px #00000018) drop-shadow(0 0.5px 1px #00000020);
    width: 17px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 0;
    transform: translate(-50%);
  }
  .gradient-bar-color-stop[data-focus-visible],
  .gradient-bar:focus .gradient-bar-color-stop[data-active]:not([data-faded]) {
    filter: none;
  }
  :is(
      .gradient-bar-color-stop[data-focus-visible],
      .gradient-bar:focus .gradient-bar-color-stop[data-active]:not([data-faded])
    )
    .gradient-bar-color-stop-shape-focus {
    fill: var(--color-focus);
  }
  .gradient-bar-color-stop[data-faded] {
    opacity: 0.6;
  }
  .gradient-bar-color-stop[data-cloning] {
    cursor:
      image-set(var(--cursor-arrow-duplicate) 2x) 4 3,
      default;
  }
  .gradient-bar-color-stop-swatch-container {
    background-position: 0 100%;
    background-size: 9px 9px;
    background-origin: border-box;
    background-image: repeating-conic-gradient(var(--color-checker-dark) 0% 25%, var(--color-checker-light) 0% 50%);
    border-radius: 1px;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 8px;
    left: 4px;
  }
  .gradient-bar-color-stop-swatch {
    border-radius: 1px;
    width: 100%;
    height: 100%;
  }
  .gradient-bar-midpoint {
    cursor:
      image-set(var(--cursor-arrow-x) 2x) 4 3,
      default;
    padding: 4px;
    position: absolute;
    top: -7px;
    left: 0;
    transform: translate(-50%) translate(-0.5px);
  }
  .gradient-bar-midpoint-inner {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    outline: 1px solid var(--color-panel);
    background-color: light-dark(#0002, #fff6);
    width: 6px;
    height: 6px;
    rotate: 45deg;
    box-shadow: inset 0 0 0 0.6px light-dark(#0003, #fffa);
  }
  .toolbar {
    box-sizing: content-box;
    background-clip: padding-box;
    background-color: var(--color-panel);
    border-inline: 1px solid var(--color-separator);
    flex-direction: column;
    justify-content: space-between;
    padding: 2px 0;
    display: flex;
  }
  @media (min-resolution: 2x) {
    .toolbar {
      border-image: linear-gradient(to right, var(--color-separator) 37.5px, light-dark(#9994, #ffffff1b) 37.5px);
      border-image-slice: 1;
    }
  }
  .toolbar-button {
    all: unset;
    isolation: isolate;
    border-radius: 3px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 32px;
    padding: 2px;
    display: flex;
    position: relative;
  }
  .toolbar-button:before {
    content: "";
    z-index: -1;
    background-color: #0000;
    border-radius: 4px;
    position: absolute;
    inset: 2px 4px;
  }
  @media (hover: hover) {
    .toolbar-button:hover:before {
      background-color: var(--color-panel-highlight-1);
    }
  }
  :is(
    .toolbar-button[data-pressed],
    .toolbar:not(:has(.toolbar-button[data-pressed])) .toolbar-button[data-active]
  ):before {
    background-color: var(--color-panel-highlight-2);
  }
  .drag-dimmed {
    opacity: 0.6 !important;
  }
  .drag-elevated {
    opacity: 0.6 !important;
    z-index: 1000000 !important;
  }
  .FileGridRoot {
    grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));
    gap: 40px;
    display: grid;
  }
  .FileGridItem {
    isolation: isolate;
    flex-direction: column;
    gap: 6px;
    scroll-margin-top: 80px;
    display: flex;
    position: relative;
  }
  .FileGridThumbnail {
    pointer-events: auto;
    aspect-ratio: 256/168;
    background-color: var(--color-canvas);
    outline: 1px solid color-mix(in srgb, light-dark(--alpha(black/.1), --alpha(white/.1)) 50%, transparent);
    border-radius: 3px;
    scroll-margin: 16px;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .FileGridThumbnail {
      outline: 1px solid color-mix(in oklab, var(--color-gray-5) 50%, transparent);
    }
  }
  .FileGridThumbnail {
    outline-offset: -1px;
  }
  .FileGridImage {
    position: relative;
    overflow: hidden;
  }
  [data-highlighted] > .FileGridImage,
  [data-navigation-focus] > .FileGridImage {
    outline: 2px solid var(--color-focus);
    outline-offset: 3px;
  }
  .FileGridThumbnailImg {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
  .FileGridButton {
    color: var(--color-gray-3);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
  }
  .FileGridButton:hover {
    background-color: light-dark(var(--color-canvas), var(--color-canvas));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .FileGridButton:hover {
      background-color: light-dark(
        color-mix(in srgb, var(--color-canvas), white 15%),
        color-mix(in srgb, var(--color-canvas), white 2%)
      );
    }
  }
  .FileGridButton:active {
    color: var(--color-gray-2);
    background-color: light-dark(var(--color-canvas), var(--color-canvas));
    transition: none;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .FileGridButton:active {
      background-color: light-dark(
        color-mix(in srgb, var(--color-canvas), black 2%),
        color-mix(in srgb, var(--color-canvas), white 4%)
      );
    }
  }
  .FileGridButton:focus-visible {
    outline: 2px solid var(--color-focus);
  }
  .Tab {
    border-radius: var(--radius-4);
    height: 100%;
    color: var(--color-gray-3);
    cursor: default;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-inline: 10px;
    display: inline-flex;
  }
  .Tab:focus-visible {
    outline: 2px solid var(--color-focus);
  }
  .Tab:hover {
    background-color: var(--color-ghost-hover);
  }
  .Tab[data-active] {
    background-color: var(--color-ghost-hover);
    color: var(--color-gray-1);
    font-weight: var(--font-weight-caption);
    letter-spacing: -0.007em;
  }
  .Tab:after {
    content: attr(data-label);
    visibility: hidden;
    height: 0;
    font-weight: var(--font-weight-caption);
    letter-spacing: -0.007em;
    overflow: hidden;
  }
  .navigation-progress {
    z-index: 1;
    background: var(--color-blue-3);
    transform-origin: 0;
    width: 100%;
    height: 2px;
    transition: scale var(--duration) var(--ease-in-slow);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  .navigation-progress[data-starting-style] {
    scale: 0 1;
  }
  .navigation-progress[data-active] {
    scale: 1;
  }
  .navigation-progress[data-ending-style] {
    transition-property: scale, opacity;
    transition-duration: 0.1s, 0.2s;
    transition-delay: 0s, 0.1s;
    transition-timing-function: var(--ease-in-slow);
    opacity: 0;
    scale: 1;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .dialog-backdrop {
    content: "";
    pointer-events: none;
    -webkit-backdrop-filter: saturate(1.5);
    backdrop-filter: saturate(1.5);
    background-color: light-dark(#bbbb, #111b);
    position: fixed;
    inset: 0;
  }
  .dialog-backdrop:where(:not([data-instant])) {
    transition: opacity 0.25s ease-out;
  }
  .dialog-backdrop:where(:not([data-instant]))[data-starting-style],
  .dialog-backdrop:where(:not([data-instant]))[data-ending-style] {
    opacity: 0;
  }
  .dialog-backdrop[data-nested-dialog-open] {
    z-index: 1;
  }
  .icon-button-ghost {
    color: currentColor;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin: -4px;
    display: flex;
    position: relative;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .icon-button-ghost {
      color: color-mix(in oklab, currentcolor 80%, transparent);
    }
  }
  .icon-button-ghost {
    border-radius: var(--radius-3);
    cursor: default;
    outline: 0;
  }
  .icon-button-ghost:where(:not(:disabled)):hover,
  .icon-button-ghost:where(:not(:disabled)):active,
  .icon-button-ghost:where(:not(:disabled))[data-active],
  .icon-button-ghost:where(:not(:disabled))[data-pressed] {
    color: var(--color-gray-1);
  }
  .icon-button-ghost:where(:not(:disabled)):after,
  .icon-button-ghost:where(:not(:disabled)):before {
    content: "";
    border-radius: inherit;
    position: absolute;
    inset: 0;
  }
  .icon-button-ghost:where(:not(:disabled)):after {
    pointer-events: none;
  }
  .icon-button-ghost:where(:not(:disabled)):hover:before,
  .icon-button-ghost:where(:not(:disabled))[data-active]:before {
    background-color: var(--color-ghost-hover);
  }
  .icon-button-ghost:where(:not(:disabled)):active:before,
  .icon-button-ghost:where(:not(:disabled))[data-pressed]:before {
    background-color: var(--color-ghost-pressed);
  }
  .icon-button-ghost:where(:not(:disabled)):focus-visible:after,
  .icon-button-ghost:where(:not(:disabled)):has(:focus-visible):after {
    outline: 2px solid var(--color-focus);
  }
  .icon-button-ghost select {
    opacity: 0;
    position: absolute;
    inset: 0;
  }
  .icon-button-ghost:disabled {
    cursor: not-allowed;
  }
  .button-ghost {
    border-top-left-radius: var(--field-control-top-left-radius, var(--radius-4));
    border-top-right-radius: var(--field-control-top-right-radius, var(--radius-4));
    border-bottom-left-radius: var(--field-control-bottom-left-radius, var(--radius-4));
    border-bottom-right-radius: var(--field-control-bottom-right-radius, var(--radius-4));
    height: 24px;
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-gray-1);
    background-color: var(--color-control);
    outline: 0;
    outline: 1px solid var(--color-control-border);
    outline-offset: -1px;
    pointer-events: auto;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-block: 0;
    padding-inline: 8px;
    line-height: 1;
    display: flex;
  }
  .button-ghost:where(:focus-visible, :has(:focus-visible), [data-button-input]:focus-visible + .button-ghost) {
    outline: 2px solid var(--color-focus);
    outline-offset: -1px;
  }
  .button-ghost:where(:not(:disabled, [data-dimmed])):where(:active) {
    background-color: var(--color-control-pressed);
  }
  .button-ghost {
    color: var(--color-gray-2);
    background-color: #0000;
    outline: 0;
    position: relative;
  }
  .button-ghost:where([data-dimmed]) {
    color: var(--color-gray-3);
  }
  @media (hover: hover) {
    .button-ghost:where(:not(:disabled, [data-dimmed])):where(:hover) {
      color: var(--color-gray-1);
    }
    .button-ghost:where(:not(:disabled, [data-dimmed])):where(:hover):before {
      opacity: 0.075;
      background-color: currentColor;
    }
  }
  .button-ghost:where(:not(:disabled, [data-dimmed])):before,
  .button-ghost:where(:not(:disabled, [data-dimmed])):after {
    content: "";
    border-radius: inherit;
    position: absolute;
    inset: 0;
  }
  .button-ghost:where(:not(:disabled, [data-dimmed])):after {
    pointer-events: none;
  }
  .button-ghost:where(:not(:disabled, [data-dimmed])):where(:active, [data-pressed]) {
    color: var(--color-gray-1);
  }
  .button-ghost:where(:not(:disabled, [data-dimmed])):where(:active, [data-pressed]):before {
    opacity: 0.1;
    background-color: currentColor;
  }
  .button-ghost:where(:focus-visible, :has(:focus-visible)):after {
    outline: 2px solid var(--color-focus);
  }
  .dialog-backdrop-scrollable {
    padding-top: var(--spacing-offset-bottom);
    padding-bottom: calc(var(--spacing-offset-bottom) * 2);
    scrollbar-gutter: stable both-edges;
    justify-content: safe center;
    align-items: safe center;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: auto;
  }
  .dialog-backdrop-scrollable > [data-base-ui-inert] {
    pointer-events: none;
  }
  .base-button-ghost {
    color: var(--color-gray-2);
    background-color: #0000;
    outline: 0;
    position: relative;
  }
  .base-button-ghost:where([data-dimmed]) {
    color: var(--color-gray-3);
  }
  @media (hover: hover) {
    .base-button-ghost:where(:not(:disabled, [data-dimmed])):where(:hover) {
      color: var(--color-gray-1);
    }
    .base-button-ghost:where(:not(:disabled, [data-dimmed])):where(:hover):before {
      opacity: 0.075;
      background-color: currentColor;
    }
  }
  .base-button-ghost:where(:not(:disabled, [data-dimmed])):before,
  .base-button-ghost:where(:not(:disabled, [data-dimmed])):after {
    content: "";
    border-radius: inherit;
    position: absolute;
    inset: 0;
  }
  .base-button-ghost:where(:not(:disabled, [data-dimmed])):after {
    pointer-events: none;
  }
  .base-button-ghost:where(:not(:disabled, [data-dimmed])):where(:active, [data-pressed]) {
    color: var(--color-gray-1);
  }
  .base-button-ghost:where(:not(:disabled, [data-dimmed])):where(:active, [data-pressed]):before {
    opacity: 0.1;
    background-color: currentColor;
  }
  .base-button-ghost:where(:focus-visible, :has(:focus-visible)):after {
    outline: 2px solid var(--color-focus);
  }
  .field-group {
    flex: 1;
    display: flex;
  }
  .field-group > :not(:first-child) {
    --field-control-top-left-radius: 0;
    --field-control-bottom-left-radius: 0;
    margin-left: -1px;
  }
  .field-group > :not(:last-child) {
    --field-control-top-right-radius: 0;
    --field-control-bottom-right-radius: 0;
  }
  .field-group > :not(:first-child):not(:has(:focus-visible, [data-scrubbing])):before {
    content: "";
    background-color: var(--color-control-separator);
    pointer-events: none;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .popup-tab {
    color: var(--color-gray-2);
    border-top-left-radius: var(--popup-radius);
    border-top-right-radius: var(--popup-radius);
    outline: 0;
    font-weight: 500;
    position: relative;
  }
  .popup-tab[data-active],
  .popup-tab:not(button) {
    color: var(--color-gray-1);
    background-color: var(--color-popup);
  }
  :is(.popup-tab[data-active], .popup-tab:not(button)):before {
    content: "";
    pointer-events: none;
    background: radial-gradient(8px circle at top left, transparent 49%, var(--color-panel) 54%);
    width: 4px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: -4px;
  }
  :is(.popup-tab[data-active], .popup-tab:not(button)):after {
    content: "";
    pointer-events: none;
    background: radial-gradient(8px circle at top right, transparent 49%, var(--color-panel) 54%);
    width: 4px;
    height: 4px;
    position: absolute;
    bottom: 0;
    right: -4px;
  }
  @media (prefers-color-scheme: dark) {
    .popup-tab[data-active],
    .popup-tab:not(button) {
      box-shadow:
        0 -1px var(--color-separator),
        -1px 0 var(--color-separator),
        1px 0 var(--color-separator);
    }
    :is(.popup-tab[data-active], .popup-tab:not(button)):before {
      background: radial-gradient(
        8px circle at top left,
        transparent 36%,
        var(--color-separator) 42%,
        var(--color-separator) 50%,
        var(--color-panel) 56%
      );
    }
    :is(.popup-tab[data-active], .popup-tab:not(button)):after {
      background: radial-gradient(
        8px circle at top right,
        transparent 36%,
        var(--color-separator) 42%,
        var(--color-separator) 50%,
        var(--color-panel) 56%
      );
    }
  }
  .popup-tab:focus-visible {
    outline: 2px solid var(--color-focus);
    outline-offset: -2px;
  }
  .field-caret {
    width: 20px;
    height: 24px;
    color: var(--color-gray-2);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    right: 0;
  }
  .field-caret:where(button) {
    pointer-events: auto;
  }
  .field-caret[data-dimmed] {
    color: var(--color-gray-3);
  }
  .field-root {
    pointer-events: none;
    font-size: var(--text-base);
    --field-icon-color: var(--color-gray-4);
    flex: 1;
    align-items: center;
    min-width: 0;
    line-height: normal;
    display: flex;
    position: relative;
  }
  .field-root:has(:focus-visible, [data-scrubbing]) {
    --field-icon-color: var(--color-gray-2);
    z-index: 1;
  }
  .field-root:active {
    caret-color: #0000;
  }
  .field-scrub-area {
    pointer-events: none;
    width: 24px;
    height: 24px;
    position: absolute;
  }
  .field-scrub-area:before {
    content: "";
    width: 18px;
    height: inherit;
    pointer-events: auto;
    display: block;
  }
  .field-control {
    pointer-events: auto;
    opacity: 1;
    appearance: none;
    width: 100%;
    color: inherit;
    background-color: var(--color-control);
    border-top-left-radius: var(--field-control-top-left-radius, var(--radius-4));
    border-top-right-radius: var(--field-control-top-right-radius, var(--radius-4));
    border-bottom-left-radius: var(--field-control-bottom-left-radius, var(--radius-4));
    border-bottom-right-radius: var(--field-control-bottom-right-radius, var(--radius-4));
    height: 24px;
    font: inherit;
    font-variant-numeric: tabular-nums;
    outline: 1px solid var(--color-control-border);
    outline-offset: -1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    border: none;
    align-items: center;
    padding-left: 6px;
    display: flex;
    overflow: hidden;
  }
  .field-control[data-align="center"] {
    text-align: center;
    padding-left: 0;
  }
  .field-control[data-dimmed]:where(:not([data-pressed])) {
    color: var(--color-gray-3);
  }
  .field-icon ~ .field-control {
    padding-left: 24px;
  }
  .field-control[data-scrubbable]:active,
  html:not(:active) .field-control[data-scrubbable] {
    cursor:
      image-set(var(--cursor-resize-x) 2x) 16 16,
      ew-resize;
  }
  .field-control:focus-visible,
  .field-control[data-scrubbing] {
    color: var(--color-gray-1);
    outline: 2px solid var(--color-focus);
  }
  .field-control:has(~ .field-caret) {
    padding-right: 20px;
  }
  .field-control::placeholder {
    color: var(--color-gray-3);
    opacity: 1;
  }
  .button-lg {
    border-top-left-radius: var(--field-control-top-left-radius, var(--radius-4));
    border-top-right-radius: var(--field-control-top-right-radius, var(--radius-4));
    border-bottom-left-radius: var(--field-control-bottom-left-radius, var(--radius-4));
    border-bottom-right-radius: var(--field-control-bottom-right-radius, var(--radius-4));
    height: 24px;
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-gray-1);
    background-color: var(--color-control);
    outline: 0;
    outline: 1px solid var(--color-control-border);
    outline-offset: -1px;
    pointer-events: auto;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-block: 0;
    padding-inline: 8px;
    line-height: 1;
    display: flex;
  }
  .button-lg:where(:focus-visible, :has(:focus-visible), [data-button-input]:focus-visible + .button-lg) {
    outline: 2px solid var(--color-focus);
    outline-offset: -1px;
  }
  .button-lg:where(:not(:disabled, [data-dimmed])):where(:active) {
    background-color: var(--color-control-pressed);
  }
  .button-lg:where([data-dimmed]) {
    color: var(--color-gray-3);
  }
  .button-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    padding-inline: 12px;
    gap: 8px;
    height: 32px;
    padding-bottom: 1px;
  }
  .button-high-contrast {
    border-top-left-radius: var(--field-control-top-left-radius, var(--radius-4));
    border-top-right-radius: var(--field-control-top-right-radius, var(--radius-4));
    border-bottom-left-radius: var(--field-control-bottom-left-radius, var(--radius-4));
    border-bottom-right-radius: var(--field-control-bottom-right-radius, var(--radius-4));
    height: 24px;
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-gray-1);
    background-color: var(--color-control);
    outline: 0;
    outline: 1px solid var(--color-control-border);
    outline-offset: -1px;
    pointer-events: auto;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-block: 0;
    padding-inline: 8px;
    line-height: 1;
    display: flex;
  }
  .button-high-contrast:where(
    :focus-visible,
    :has(:focus-visible),
    [data-button-input]:focus-visible + .button-high-contrast
  ) {
    outline: 2px solid var(--color-focus);
    outline-offset: -1px;
  }
  .button-high-contrast:where([data-dimmed]) {
    color: var(--color-gray-3);
  }
  .button-high-contrast {
    color: var(--color-control);
    background-color: var(--color-button-high-contrast);
    outline: 0;
  }
  .button-high-contrast:where(:focus-visible, :has(:focus-visible)) {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
  }
  .button-high-contrast:where(:not(:disabled, [data-dimmed])):where(:active) {
    background-color: var(--color-button-high-contrast-pressed);
  }
  .button-high-contrast:where([data-dimmed]) {
    background-color: var(--color-gray-2);
  }
  .button {
    border-top-left-radius: var(--field-control-top-left-radius, var(--radius-4));
    border-top-right-radius: var(--field-control-top-right-radius, var(--radius-4));
    border-bottom-left-radius: var(--field-control-bottom-left-radius, var(--radius-4));
    border-bottom-right-radius: var(--field-control-bottom-right-radius, var(--radius-4));
    height: 24px;
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-gray-1);
    background-color: var(--color-control);
    outline: 0;
    outline: 1px solid var(--color-control-border);
    outline-offset: -1px;
    pointer-events: auto;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-block: 0;
    padding-inline: 8px;
    line-height: 1;
    display: flex;
  }
  .button:where(:focus-visible, :has(:focus-visible), [data-button-input]:focus-visible + .button) {
    outline: 2px solid var(--color-focus);
    outline-offset: -1px;
  }
  .button:where(:not(:disabled, [data-dimmed])):where(:active) {
    background-color: var(--color-control-pressed);
  }
  .button:where([data-dimmed]) {
    color: var(--color-gray-3);
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .icon-button {
    border-radius: var(--radius-4);
    background-color: var(--color-panel);
    width: 24px;
    height: 24px;
    color: var(--color-gray-2);
    outline: 1px solid var(--color-separator);
    outline-offset: -1px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .icon-button:where(:not(:disabled)):active,
  .icon-button:where(:not(:disabled))[data-pressed] {
    background-color: var(--color-panel-highlight-1);
    color: var(--color-gray-1);
  }
  .icon-button:where(:not(:disabled)):focus-visible,
  .icon-button:where(:not(:disabled)):has(:focus-visible) {
    outline: 2px solid var(--color-focus);
  }
  .icon-button:has(select) {
    position: relative;
  }
  .icon-button select {
    opacity: 0;
    position: absolute;
    inset: 0;
  }
  .thumbnail-image\/contain {
    object-fit: cover;
    outline: 1px solid var(--color-gray-5);
    outline-offset: -1px;
    border-radius: inherit;
    background-color: var(--color-thumbnail);
    background-image: var(--src, none);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 4px solid #0000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0;
  }
  .thumbnail-image,
  .thumbnail-image\/cover {
    object-fit: cover;
    outline: 1px solid var(--color-gray-5);
    outline-offset: -1px;
    border-radius: inherit;
    background-color: var(--color-thumbnail);
    background-image: var(--src, none);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0;
  }
  .thumbnail-mixed {
    border-radius: inherit;
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-4);
    background-color: var(--color-thumbnail);
    justify-content: center;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    position: absolute;
    inset: 0;
  }
  @media (hover: hover) {
    .thumbnail-mixed:hover {
      background-color: color-mix(in srgb, light-dark(--alpha(black/.4), --alpha(white/.5)), transparent 65%);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .thumbnail-mixed:hover {
        background-color: color-mix(in srgb, var(--color-gray-4), transparent 65%);
      }
    }
  }
  .thumbnail-overlay {
    border-radius: inherit;
    font-size: 10px;
    font-weight: var(--font-weight-medium);
    color: #fff;
    opacity: var(--thumbnail-overlay-opacity);
    text-shadow:
      0 0 1px #0000001a,
      0 0 2px #0000001a,
      0 1px 5px #0000001a,
      0 1px 8px #0003,
      0 1px 10px #0000004d;
    background-color: #0006;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }
  @media (hover: hover) {
    .thumbnail-overlay:hover {
      opacity: 1;
    }
  }
  .menu-toggle-item {
    min-height: 24px;
    padding-block: 4px;
    padding-right: var(--menu-padding-right);
    padding-left: var(--menu-padding-left);
    cursor: default;
    outline: 0;
    line-height: normal;
    display: flex;
  }
  .menu-toggle-item[data-disabled] {
    color: var(--color-gray-3);
  }
  .menu-toggle-item[data-popup-open] {
    z-index: 0;
    position: relative;
  }
  .menu-toggle-item[data-popup-open]:before {
    content: "";
    z-index: -1;
    background-color: var(--color-gray-5);
    border-radius: 3px;
    position: absolute;
    inset-block: 0;
    inset-inline: 4px;
  }
  .menu-toggle-item[data-highlighted]:not([data-disabled]) {
    z-index: 0;
    color: #fff;
    position: relative;
  }
  .menu-toggle-item[data-highlighted]:not([data-disabled]):before {
    content: "";
    z-index: -1;
    background-color: var(--color-menu-highlight);
    border-radius: 3px;
    position: absolute;
    inset-block: 0;
    inset-inline: 4px;
  }
  .menu-toggle-item {
    grid-template-columns: 12px 1fr;
    grid-auto-flow: column;
    align-items: center;
    column-gap: 4px;
    padding-left: 8px;
    display: grid;
  }
  .menu-item {
    min-height: 24px;
    padding-block: 4px;
    padding-right: var(--menu-padding-right);
    padding-left: var(--menu-padding-left);
    cursor: default;
    outline: 0;
    line-height: normal;
    display: flex;
  }
  .menu-item[data-disabled] {
    color: var(--color-gray-3);
  }
  .menu-item[data-popup-open] {
    z-index: 0;
    position: relative;
  }
  .menu-item[data-popup-open]:before {
    content: "";
    z-index: -1;
    background-color: var(--color-gray-5);
    border-radius: 3px;
    position: absolute;
    inset-block: 0;
    inset-inline: 4px;
  }
  .menu-item[data-highlighted]:not([data-disabled]) {
    z-index: 0;
    color: #fff;
    position: relative;
  }
  .menu-item[data-highlighted]:not([data-disabled]):before {
    content: "";
    z-index: -1;
    background-color: var(--color-menu-highlight);
    border-radius: 3px;
    position: absolute;
    inset-block: 0;
    inset-inline: 4px;
  }
  .field-icon {
    text-align: center;
    width: 24px;
    height: 24px;
    color: var(--field-icon-color);
    justify-content: center;
    align-items: center;
    font-weight: 500;
    display: flex;
    position: absolute;
  }
  .field-control ~ .field-icon {
    left: auto;
    right: 0;
  }
  .thumbnail-root {
    isolation: isolate;
    border-radius: var(--radius-2);
    --thumbnail-overlay-opacity: 0;
    flex-shrink: 0;
    width: 42px;
    height: 32px;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  .thumbnail-root:focus-visible {
    --thumbnail-overlay-opacity: 1;
    outline-offset: 2px;
    outline: 2px solid var(--color-focus);
  }
  .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .popup-header\/lg {
    height: var(--popup-header-height);
    background-color: var(--color-popup-header);
    display: flex;
    position: relative;
  }
  @media (prefers-color-scheme: dark) {
    .popup-header\/lg {
      box-shadow: inset 0 -1px var(--color-separator);
    }
  }
  .popup-header\/lg[data-scrolled] {
    box-shadow: 0 2px 0 0 var(--color-panel);
  }
  @media (prefers-color-scheme: dark) {
    .popup-header\/lg[data-scrolled] {
      box-shadow:
        0 2px 0 0 var(--color-panel),
        inset 0 -1px var(--color-separator);
    }
  }
  .popup-header\/lg .popup-tab-inner {
    padding-inline: 12px;
  }
  .popup-header {
    height: var(--popup-header-height);
    background-color: var(--color-popup-header);
    display: flex;
    position: relative;
  }
  @media (prefers-color-scheme: dark) {
    .popup-header {
      box-shadow: inset 0 -1px var(--color-separator);
    }
  }
  .popup-header[data-scrolled] {
    box-shadow: 0 2px 0 0 var(--color-panel);
  }
  @media (prefers-color-scheme: dark) {
    .popup-header[data-scrolled] {
      box-shadow:
        0 2px 0 0 var(--color-panel),
        inset 0 -1px var(--color-separator);
    }
  }
  .menu-popup {
    --popup-radius: 6px;
    --menu-padding-left: 12px;
    --menu-padding-right: 12px;
    --color-scrollbar-track: var(--color-popup);
    --panel-padding-inline: 8px;
    background-color: var(--color-popup);
    border-radius: var(--popup-radius);
    -webkit-user-select: none;
    user-select: none;
    box-shadow: var(--popup-shadow-outline), var(--popup-shadow);
    --popup-shadow-outline: 0 0 0 1px var(--color-popup-outline);
    outline: 0;
    position: relative;
    overflow: hidden;
  }
  @media (prefers-color-scheme: light) {
    .menu-popup {
      --popup-shadow: 0 4px 20px -4px #00000040;
    }
  }
  @media (prefers-color-scheme: dark) {
    .menu-popup {
      --popup-shadow: 0 4px 20px -2px #0006;
    }
    @media (min-resolution: 2x) {
      .menu-popup {
        --popup-shadow-outline: 0 0 0 0.5px var(--color-popup-outline);
      }
    }
  }
  .menu-popup:has(.popup-header\/lg) {
    --popup-header-height: 32px;
  }
  .menu-popup {
    background-color: var(--color-menu);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    min-width: var(--anchor-width, auto);
    max-height: var(--available-height);
    scrollbar-width: none;
    padding-block: 4px;
    overflow: hidden auto;
  }
  .menu-popup:has(.menu-toggle-item) {
    --menu-padding-left: 24px;
    --menu-padding-right: 20px;
  }
  .menu-popup:has(.menu-item-caption) {
    --menu-padding-right: 24px;
  }
  .dialog-popup {
    --color-scrollbar-track: var(--color-popup);
    --panel-padding-inline: 8px;
    background-color: var(--color-popup);
    border-radius: var(--popup-radius);
    -webkit-user-select: none;
    user-select: none;
    box-shadow: var(--popup-shadow-outline), var(--popup-shadow);
    --popup-shadow-outline: 0 0 0 1px var(--color-popup-outline);
    outline: 0;
    position: relative;
    overflow: hidden;
  }
  @media (prefers-color-scheme: light) {
    .dialog-popup {
      --popup-shadow: 0 4px 20px -4px #00000040;
    }
  }
  @media (prefers-color-scheme: dark) {
    .dialog-popup {
      --popup-shadow: 0 4px 20px -2px #0006;
    }
    @media (min-resolution: 2x) {
      .dialog-popup {
        --popup-shadow-outline: 0 0 0 0.5px var(--color-popup-outline);
      }
    }
  }
  .dialog-popup:has(.popup-header\/lg) {
    --popup-header-height: 32px;
  }
  .dialog-popup {
    --popup-radius: 10px;
  }
  @media (prefers-color-scheme: light) {
    .dialog-popup {
      --color-popup: white;
    }
  }
  @supports (corner-shape: squircle) {
    @media (min-resolution: 2x) {
      .dialog-popup {
        --popup-radius: 18px;
        corner-shape: squircle;
      }
    }
  }
  .dialog-popup:where(:not([data-instant])) {
    transition-property: opacity, translate, filter, scale;
    transition-duration: 0.25s;
    transition-timing-function: var(--ease-out);
  }
  .dialog-popup:where(:not([data-instant]))[data-starting-style],
  .dialog-popup:where(:not([data-instant]))[data-ending-style] {
    opacity: 0;
    filter: blur(2px);
    translate: 0 8px;
    scale: 0.98;
  }
  .popup {
    --color-scrollbar-track: var(--color-popup);
    --panel-padding-inline: 8px;
    background-color: var(--color-popup);
    border-radius: var(--popup-radius);
    -webkit-user-select: none;
    user-select: none;
    box-shadow: var(--popup-shadow-outline), var(--popup-shadow);
    --popup-shadow-outline: 0 0 0 1px var(--color-popup-outline);
    outline: 0;
    position: relative;
    overflow: hidden;
  }
  @media (prefers-color-scheme: light) {
    .popup {
      --popup-shadow: 0 4px 20px -4px #00000040;
    }
  }
  @media (prefers-color-scheme: dark) {
    .popup {
      --popup-shadow: 0 4px 20px -2px #0006;
    }
    @media (min-resolution: 2x) {
      .popup {
        --popup-shadow-outline: 0 0 0 0.5px var(--color-popup-outline);
      }
    }
  }
  .popup:has(.popup-header\/lg) {
    --popup-header-height: 32px;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-12 {
    inset: calc(var(--spacing) * -12);
  }
  .inset {
    inset: 0;
  }
  .-top-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-52 {
    top: calc(var(--spacing) * -52);
  }
  .top {
    top: 0;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .\!right {
    right: 0 !important;
  }
  .right {
    right: 0;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .\!bottom {
    bottom: 0 !important;
  }
  .bottom {
    bottom: 0;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }
  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
  .bottom-\[5\%\] {
    bottom: 5%;
  }
  .-left-3 {
    left: calc(var(--spacing) * -3);
  }
  .-left-8 {
    left: calc(var(--spacing) * -8);
  }
  .left {
    left: 0;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-10 {
    left: calc(var(--spacing) * 10);
  }
  .left-60 {
    left: calc(var(--spacing) * 60);
  }
  .left-\[50vw\] {
    left: 50vw;
  }
  .isolate {
    isolation: isolate;
  }
  .z {
    z-index: 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .menu-toggle-item-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    grid-row: 1/-1;
    grid-column-start: 2;
    overflow: hidden;
  }
  .menu-item-side-icon {
    color: var(--color-gray-3);
    grid-column-start: 3;
    align-self: center;
    margin-left: auto;
    margin-right: -4px;
    padding-left: 32px;
  }
  [data-highlighted]:not([data-disabled]) .menu-item-side-icon {
    color: #fff;
  }
  .menu-item-caption {
    color: var(--color-gray-3);
    grid-column-start: 3;
    margin-left: auto;
    margin-right: -12px;
    padding-left: 32px;
  }
  [data-highlighted]:not([data-disabled]) .menu-item-caption {
    color: #fff;
  }
  .col-start-1,
  .menu-toggle-item-indicator {
    grid-column-start: 1;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .container {
    width: 100%;
  }
  .-m-4 {
    margin: calc(var(--spacing) * -4);
  }
  .-m-8 {
    margin: calc(var(--spacing) * -8);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .m-8 {
    margin: calc(var(--spacing) * 8);
  }
  .m-24 {
    margin: calc(var(--spacing) * 24);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .-mx-8 {
    margin-inline: calc(var(--spacing) * -8);
  }
  .-mx-16 {
    margin-inline: calc(var(--spacing) * -16);
  }
  .mx-0\! {
    margin-inline: calc(var(--spacing) * 0) !important;
  }
  .mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .mx-12 {
    margin-inline: calc(var(--spacing) * 12);
  }
  .mx-48 {
    margin-inline: calc(var(--spacing) * 48);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .menu-separator {
    margin-block: 6px;
    margin-left: var(--menu-padding-left);
    background-color: var(--color-gray-5);
    height: 1px;
    margin-right: 8px;
  }
  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }
  .-my-4 {
    margin-block: calc(var(--spacing) * -4);
  }
  .-my-8 {
    margin-block: calc(var(--spacing) * -8);
  }
  .-my-12 {
    margin-block: calc(var(--spacing) * -12);
  }
  .-my-16 {
    margin-block: calc(var(--spacing) * -16);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }
  .-mt-12 {
    margin-top: calc(var(--spacing) * -12);
  }
  .-mt-16 {
    margin-top: calc(var(--spacing) * -16);
  }
  .-mt-32 {
    margin-top: calc(var(--spacing) * -32);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .mr-12 {
    margin-right: calc(var(--spacing) * 12);
  }
  .mr-16 {
    margin-right: calc(var(--spacing) * 16);
  }
  .mr-24 {
    margin-right: calc(var(--spacing) * 24);
  }
  .panel-row-container:where(:has(.panel-row-label)) {
    padding-block: 4px;
  }
  .panel-row-container:where(:has(.panel-row\/slider)) {
    padding-bottom: 0;
  }
  .panel-row-container:where(:has(.panel-row\/slider)) :where(.panel-row-label) {
    margin-bottom: -4px;
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .-mb-16 {
    margin-bottom: calc(var(--spacing) * -16);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .mb-28 {
    margin-bottom: calc(var(--spacing) * 28);
  }
  .avatar-group {
    --overlap: 16px;
    --notch: 2px;
    display: flex;
  }
  .avatar-group .avatar:not(:first-child) {
    --mask-size: calc(var(--size) + var(--notch));
    --mask-position: calc(-50% + var(--overlap) + var(--notch)/2);
    -webkit-mask-image: radial-gradient(
      var(--mask-size) circle at var(--mask-position),
      transparent calc(50% - 0.5px),
      black 50%
    );
    mask-image: radial-gradient(
      var(--mask-size) circle at var(--mask-position),
      transparent calc(50% - 0.5px),
      black 50%
    );
  }
  .avatar-group .avatar + .avatar {
    margin-left: calc(var(--overlap) * -1);
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .-ml-8 {
    margin-left: calc(var(--spacing) * -8);
  }
  .-ml-22 {
    margin-left: calc(var(--spacing) * -22);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-auto {
    margin-left: auto;
  }
  .panel-header {
    box-sizing: content-box;
    background-color: var(--color-panel-header);
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding-inline: 12px;
    display: flex;
  }
  .box-border {
    box-sizing: border-box;
  }
  .avatar {
    font-size: 18px;
    font-family: var(--font-heading);
    line-height: var(--tw-leading, 28px);
    letter-spacing: var(--tw-tracking, 0.01em);
    --font-weight-medium: 480;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --size: 40px;
    height: var(--size);
    width: var(--size);
    outline: 1px solid color-mix(in srgb, light-dark(--alpha(black/.1), --alpha(white/.1)) 50%, transparent);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .avatar {
      outline: 1px solid color-mix(in oklab, var(--color-gray-5) 50%, transparent);
    }
  }
  .avatar {
    outline-offset: -1px;
    cursor: inherit;
  }
  .avatar:focus-visible {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
  }
  .avatar:is([src], [style*="--src:"]) {
    background-color: var(--color-gray-5);
    background-image: var(--src);
    background-position: 50%;
    background-size: cover;
  }
  .avatar:not(:is([src], [style*="--src:"])) {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    outline: 0;
  }
  @media (prefers-color-scheme: light) {
    .avatar:not(:is([src], [style*="--src:"])) {
      background-color: light-dark(#f2f2f2b3, #2a2a2ab3);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .avatar:not(:is([src], [style*="--src:"])) {
        background-color: color-mix(in oklab, var(--color-panel) 70%, transparent);
      }
    }
    .avatar:not(:is([src], [style*="--src:"])) {
      -webkit-backdrop-filter: blur(12px) contrast(0.5) brightness(1.35) saturate(1.25);
      backdrop-filter: blur(12px) contrast(0.5) brightness(1.35) saturate(1.25);
      box-shadow:
        inset 0 0 1px 1px #ffffff26,
        inset 0 0 2px #ffffff1a,
        0 0 0 1px #0000000d;
    }
  }
  @media (prefers-color-scheme: dark) {
    .avatar:not(:is([src], [style*="--src:"])) {
      background-color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .avatar:not(:is([src], [style*="--src:"])) {
        background-color: color-mix(in oklab, currentcolor 10%, transparent);
      }
    }
    .avatar:not(:is([src], [style*="--src:"])) {
      -webkit-backdrop-filter: blur(12px) contrast(0.9) brightness(0.7) saturate(1.8);
      backdrop-filter: blur(12px) contrast(0.9) brightness(0.7) saturate(1.8);
      outline-offset: 1px;
      outline: 1px solid #00000013;
      box-shadow:
        0 0 0 1px #ffffff26,
        inset 0 0 2px #ffffff0d;
    }
  }
  .popup-header-button {
    width: var(--popup-header-height);
    height: var(--popup-header-height);
    color: var(--color-gray-2);
    outline: 0;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.1px;
    display: flex;
  }
  .popup-header-button:active,
  .popup-header-button[data-pressed] {
    color: var(--color-gray-1);
  }
  .popup-header-button:focus-visible {
    outline: 2px solid var(--color-focus);
    color: var(--color-gray-1);
    outline-offset: -2px;
    border-radius: 4px;
  }
  .popup-tab-inner {
    border-radius: var(--popup-radius);
    height: var(--popup-header-height);
    align-items: center;
    padding-inline: 8px;
    display: flex;
  }
  .panel-row-label {
    padding-inline: var(--panel-padding-inline, 12px);
    font-size: 11px;
    line-height: 16px;
    font-weight: var(--font-weight-caption);
    white-space: nowrap;
    text-overflow: ellipsis;
    width: fit-content;
    max-width: 100%;
    display: block;
    overflow: hidden;
  }
  .menu-caption {
    cursor: default;
    padding-block: 4px;
    padding-left: var(--menu-padding-left);
    padding-right: var(--menu-padding-right);
    color: var(--color-gray-2);
    display: block;
  }
  .panel-header-actions {
    align-self: stretch;
    align-items: center;
    gap: 8px;
    display: flex;
  }
  .panel-row,
  .panel-row\/slider {
    padding-inline: var(--panel-padding-inline, 12px);
    align-items: center;
    gap: 8px;
    padding-block: 4px;
    display: flex;
  }
  .panel-header-label {
    align-self: stretch;
    align-items: center;
    padding-bottom: 1px;
    font-weight: 500;
    display: flex;
  }
  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .aspect-16\/9 {
    aspect-ratio: 16/9;
  }
  .aspect-auto {
    aspect-ratio: auto;
  }
  .aspect-square {
    aspect-ratio: 1;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-15 {
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-18 {
    width: calc(var(--spacing) * 18);
    height: calc(var(--spacing) * 18);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-22 {
    width: calc(var(--spacing) * 22);
    height: calc(var(--spacing) * 22);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-26 {
    width: calc(var(--spacing) * 26);
    height: calc(var(--spacing) * 26);
  }
  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }
  .size-32 {
    width: calc(var(--spacing) * 32);
    height: calc(var(--spacing) * 32);
  }
  .size-40 {
    width: calc(var(--spacing) * 40);
    height: calc(var(--spacing) * 40);
  }
  .size-100 {
    width: calc(var(--spacing) * 100);
    height: calc(var(--spacing) * 100);
  }
  .size-150 {
    width: calc(var(--spacing) * 150);
    height: calc(var(--spacing) * 150);
  }
  .size-200 {
    width: calc(var(--spacing) * 200);
    height: calc(var(--spacing) * 200);
  }
  .size-250 {
    width: calc(var(--spacing) * 250);
    height: calc(var(--spacing) * 250);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3\/4 {
    height: 75%;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-50 {
    height: calc(var(--spacing) * 50);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-120 {
    height: calc(var(--spacing) * 120);
  }
  .h-440 {
    height: calc(var(--spacing) * 440);
  }
  .h-cqh {
    height: var(--spacing-cqh);
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-\(--available-height\) {
    max-height: var(--available-height);
  }
  .max-h-156 {
    max-height: calc(var(--spacing) * 156);
  }
  .max-h-400 {
    max-height: calc(var(--spacing) * 400);
  }
  .max-h-\[40vh\] {
    max-height: 40vh;
  }
  .max-h-\[calc\(100vh-200px\)\] {
    max-height: calc(100vh - 200px);
  }
  .max-h-\[min\(620px\,calc\(100vh-48px\)\)\] {
    max-height: min(620px, 100vh - 48px);
  }
  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }
  .min-h-240 {
    min-height: calc(var(--spacing) * 240);
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-45 {
    width: calc(var(--spacing) * 45);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-76 {
    width: calc(var(--spacing) * 76);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-120 {
    width: calc(var(--spacing) * 120);
  }
  .w-128 {
    width: calc(var(--spacing) * 128);
  }
  .w-136 {
    width: calc(var(--spacing) * 136);
  }
  .w-160 {
    width: calc(var(--spacing) * 160);
  }
  .w-180 {
    width: calc(var(--spacing) * 180);
  }
  .w-190 {
    width: calc(var(--spacing) * 190);
  }
  .w-200 {
    width: calc(var(--spacing) * 200);
  }
  .w-212 {
    width: calc(var(--spacing) * 212);
  }
  .w-240 {
    width: calc(var(--spacing) * 240);
  }
  .w-280 {
    width: calc(var(--spacing) * 280);
  }
  .w-300 {
    width: calc(var(--spacing) * 300);
  }
  .w-360 {
    width: calc(var(--spacing) * 360);
  }
  .w-380 {
    width: calc(var(--spacing) * 380);
  }
  .w-480 {
    width: calc(var(--spacing) * 480);
  }
  .w-520 {
    width: calc(var(--spacing) * 520);
  }
  .w-\[calc\(100\%-60px\)\] {
    width: calc(100% - 60px);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-md {
    width: var(--container-md);
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-\(--anchor-width\) {
    max-width: var(--anchor-width);
  }
  .max-w-200 {
    max-width: calc(var(--spacing) * 200);
  }
  .max-w-224 {
    max-width: calc(var(--spacing) * 224);
  }
  .max-w-300 {
    max-width: calc(var(--spacing) * 300);
  }
  .max-w-320 {
    max-width: calc(var(--spacing) * 320);
  }
  .max-w-340 {
    max-width: calc(var(--spacing) * 340);
  }
  .max-w-388 {
    max-width: calc(var(--spacing) * 388);
  }
  .max-w-400 {
    max-width: calc(var(--spacing) * 400);
  }
  .max-w-560 {
    max-width: calc(var(--spacing) * 560);
  }
  .max-w-720 {
    max-width: calc(var(--spacing) * 720);
  }
  .max-w-1144 {
    max-width: calc(var(--spacing) * 1144);
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-320 {
    min-width: calc(var(--spacing) * 320);
  }
  .min-w-800 {
    min-width: calc(var(--spacing) * 800);
  }
  .min-w-\[1\.25ch\] {
    min-width: 1.25ch;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-3 {
    flex: 3;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink,
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow,
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-2 {
    flex-basis: calc(var(--spacing) * 2);
  }
  .origin-\[0\%_0\%\] {
    transform-origin: 0 0;
  }
  .origin-\[50\%_50\%\],
  .origin-center {
    transform-origin: 50%;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-8 {
    --tw-translate-x: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-8 {
    --tw-translate-y: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-98 {
    --tw-scale-x: 98%;
    --tw-scale-y: 98%;
    --tw-scale-z: 98%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-scale-x-100 {
    --tw-scale-x: -100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-90 {
    rotate: -90deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .\!transform-none {
    transform: none !important;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-auto {
    cursor: auto;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-none {
    cursor: none;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-wait {
    cursor: wait;
  }
  .custom-cursor-arrow {
    cursor:
      image-set(var(--cursor-arrow) 2x) 4 3,
      default;
  }
  .custom-cursor-arrow-duplicate {
    cursor:
      image-set(var(--cursor-arrow-duplicate) 2x) 4 3,
      default;
  }
  .custom-cursor-arrow-position-absolute {
    cursor:
      image-set(var(--cursor-arrow-position-absolute) 2x) 4 3,
      default;
  }
  .custom-cursor-arrow-x {
    cursor:
      image-set(var(--cursor-arrow-x) 2x) 4 3,
      default;
  }
  .custom-cursor-arrow-xy {
    cursor:
      image-set(var(--cursor-arrow-xy) 2x) 4 3,
      default;
  }
  .custom-cursor-arrow-y {
    cursor:
      image-set(var(--cursor-arrow-y) 2x) 4 3,
      default;
  }
  .custom-cursor-crosshair {
    cursor:
      image-set(var(--cursor-crosshair) 2x) 16 16,
      crosshair;
  }
  .custom-cursor-crosshair-text {
    cursor:
      image-set(var(--cursor-crosshair-text) 2x) 16 16,
      crosshair;
  }
  .custom-cursor-eye-dropper {
    cursor:
      image-set(var(--cursor-eye-dropper) 2x) 10 22,
      default;
  }
  .custom-cursor-hand-closed {
    cursor:
      image-set(var(--cursor-hand-closed) 2x) 16 16,
      grabbing;
  }
  .custom-cursor-hand-open {
    cursor:
      image-set(var(--cursor-hand-open) 2x) 16 16,
      grab;
  }
  .custom-cursor-move {
    cursor:
      image-set(var(--cursor-move) 2x) 16 16,
      move;
  }
  .custom-cursor-text {
    cursor: text;
  }
  .custom-cursor-zoom-in {
    cursor:
      image-set(var(--cursor-zoom-in) 2x) 16 16,
      zoom-in;
  }
  .custom-cursor-zoom-out {
    cursor:
      image-set(var(--cursor-zoom-out) 2x) 16 16,
      zoom-out;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .scroll-mb-12 {
    scroll-margin-bottom: calc(var(--spacing) * 12);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr auto;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[auto_112px\] {
    grid-template-columns: auto 112px;
  }
  .grid-cols-\[auto_128px\] {
    grid-template-columns: auto 128px;
  }
  .grid-cols-\[auto_min-content\] {
    grid-template-columns: auto min-content;
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(320px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-\[18px_19px_19px\] {
    grid-template-rows: 18px 19px 19px;
  }
  .grid-rows-\[18px_auto\] {
    grid-template-rows: 18px auto;
  }
  .grid-rows-\[19px_18px_19px\] {
    grid-template-rows: 19px 18px 19px;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .place-items-center {
    place-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-center-safe {
    align-items: safe center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-center-safe {
    justify-content: safe center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-items-center {
    justify-items: center;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-24 {
    gap: calc(var(--spacing) * 24);
  }
  .gap-40 {
    gap: calc(var(--spacing) * 40);
  }
  .gap-48 {
    gap: calc(var(--spacing) * 48);
  }
  .gap-\[inherit\] {
    gap: inherit;
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-16 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-24 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-32 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
  }
  .gap-x-24 {
    column-gap: calc(var(--spacing) * 24);
  }
  :where(.-space-x-8 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -8) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -8) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-reverse > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-48 {
    row-gap: calc(var(--spacing) * 48);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-separator > :not(:last-child)) {
    border-color: var(--color-separator);
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-none {
    overscroll-behavior: none;
  }
  .link {
    color: var(--color-gray-1);
    -webkit-text-decoration-color: color-mix(
      in srgb,
      light-dark(--alpha(black/.4), --alpha(white/.5)) 50%,
      transparent
    );
    text-decoration-color: color-mix(in srgb, light-dark(--alpha(black/.4), --alpha(white/.5)) 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .link {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-gray-4) 50%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-gray-4) 50%, transparent);
    }
  }
  .link {
    text-underline-offset: 2px;
    outline: none;
  }
  @media (hover: hover) {
    .link:hover {
      text-decoration-line: underline;
    }
  }
  .link:focus-visible {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
    border-radius: 2px;
  }
  .rounded {
    border-radius: var(--radius);
  }
  .rounded-1 {
    border-radius: var(--radius-1);
  }
  .rounded-2 {
    border-radius: var(--radius-2);
  }
  .rounded-3 {
    border-radius: var(--radius-3);
  }
  .rounded-4 {
    border-radius: var(--radius-4);
  }
  .rounded-6 {
    border-radius: var(--radius-6);
  }
  .rounded-10 {
    border-radius: var(--radius-10);
  }
  .rounded-\[0\.25px\] {
    border-radius: 0.25px;
  }
  .rounded-\[1\.75px\] {
    border-radius: 1.75px;
  }
  .rounded-\[30px\] {
    border-radius: 30px;
  }
  .rounded-full {
    border-radius: 3.40282e38px;
  }
  .rounded-l-2 {
    border-top-left-radius: var(--radius-2);
    border-bottom-left-radius: var(--radius-2);
  }
  .rounded-tl-1 {
    border-top-left-radius: var(--radius-1);
  }
  .rounded-tl-2 {
    border-top-left-radius: var(--radius-2);
  }
  .rounded-r-2 {
    border-top-right-radius: var(--radius-2);
    border-bottom-right-radius: var(--radius-2);
  }
  .rounded-tr-1 {
    border-top-right-radius: var(--radius-1);
  }
  .rounded-tr-2 {
    border-top-right-radius: var(--radius-2);
  }
  .rounded-br-1 {
    border-bottom-right-radius: var(--radius-1);
  }
  .rounded-br-2 {
    border-bottom-right-radius: var(--radius-2);
  }
  .rounded-bl-1 {
    border-bottom-left-radius: var(--radius-1);
  }
  .rounded-bl-2 {
    border-bottom-left-radius: var(--radius-2);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-8 {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }
  .\[border-width\:1px\] {
    border-width: 1px;
  }
  .\[border-width\:2px\] {
    border-width: 2px;
  }
  .\[border-width\:4px\] {
    border-width: 4px;
  }
  .\[border-width\:8px\] {
    border-width: 8px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }
  .border-t-8 {
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
  }
  .\[border-top-width\:1px\] {
    border-top-width: 1px;
  }
  .\[border-top-width\:2px\] {
    border-top-width: 2px;
  }
  .\[border-top-width\:4px\] {
    border-top-width: 4px;
  }
  .\[border-top-width\:8px\] {
    border-top-width: 8px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .border-r-4 {
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
  }
  .border-r-8 {
    border-right-style: var(--tw-border-style);
    border-right-width: 8px;
  }
  .\[border-right-width\:1px\] {
    border-right-width: 1px;
  }
  .\[border-right-width\:2px\] {
    border-right-width: 2px;
  }
  .\[border-right-width\:4px\] {
    border-right-width: 4px;
  }
  .\[border-right-width\:8px\] {
    border-right-width: 8px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-4 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
  }
  .border-b-8 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 8px;
  }
  .\[border-bottom-width\:1px\] {
    border-bottom-width: 1px;
  }
  .\[border-bottom-width\:2px\] {
    border-bottom-width: 2px;
  }
  .\[border-bottom-width\:4px\] {
    border-bottom-width: 4px;
  }
  .\[border-bottom-width\:8px\] {
    border-bottom-width: 8px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-l-8 {
    border-left-style: var(--tw-border-style);
    border-left-width: 8px;
  }
  .\[border-left-width\:1px\] {
    border-left-width: 1px;
  }
  .\[border-left-width\:2px\] {
    border-left-width: 2px;
  }
  .\[border-left-width\:4px\] {
    border-left-width: 4px;
  }
  .\[border-left-width\:8px\] {
    border-left-width: 8px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .\[border-top-style\:dashed\] {
    border-top-style: dashed;
  }
  .\[border-top-style\:dotted\] {
    border-top-style: dotted;
  }
  .\[border-top-style\:solid\] {
    border-top-style: solid;
  }
  .\[border-right-style\:dashed\] {
    border-right-style: dashed;
  }
  .\[border-right-style\:dotted\] {
    border-right-style: dotted;
  }
  .\[border-right-style\:solid\] {
    border-right-style: solid;
  }
  .\[border-bottom-style\:dashed\] {
    border-bottom-style: dashed;
  }
  .\[border-bottom-style\:dotted\] {
    border-bottom-style: dotted;
  }
  .\[border-bottom-style\:solid\] {
    border-bottom-style: solid;
  }
  .\[border-left-style\:dashed\] {
    border-left-style: dashed;
  }
  .\[border-left-style\:dotted\] {
    border-left-style: dotted;
  }
  .\[border-left-style\:solid\] {
    border-left-style: solid;
  }
  .border-black\/5 {
    border-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/5 {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .border-black\/10 {
    border-color: #0000001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-black\/15 {
    border-color: #00000026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/15 {
      border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }
  .border-current,
  .border-current\/30 {
    border-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/30 {
      border-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }
  .border-separator {
    border-color: var(--color-separator);
  }
  .border-separator\/50 {
    border-color: light-dark(#e2e2e280, #37373780);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-separator\/50 {
      border-color: color-mix(in oklab, var(--color-separator) 50%, transparent);
    }
  }
  .border-separator\/75 {
    border-color: light-dark(#e2e2e2bf, #373737bf);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-separator\/75 {
      border-color: color-mix(in oklab, var(--color-separator) 75%, transparent);
    }
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .always-light {
    color-scheme: light;
    color: var(--color-gray-1);
    background-color: var(--color-root);
  }
  .bg-\(--color-root\) {
    background-color: var(--color-root);
  }
  .bg-\(--tree-item-background-color\,var\(--color-panel\)\) {
    background-color: var(--tree-item-background-color, var(--color-panel));
  }
  .bg-\[\#000000\] {
    background-color: #000;
  }
  .bg-\[\#FFFFFF\] {
    background-color: #fff;
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/4 {
    background-color: #0000000a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/4 {
      background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
    }
  }
  .bg-black\/5 {
    background-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/5 {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .bg-black\/65 {
    background-color: #000000a6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/65 {
      background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
    }
  }
  .bg-black\/80 {
    background-color: #000c;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .bg-blue-2 {
    background-color: var(--color-blue-2);
  }
  .bg-control {
    background-color: var(--color-control);
  }
  .bg-current,
  .bg-current\/8 {
    background-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-current\/8 {
      background-color: color-mix(in oklab, currentcolor 8%, transparent);
    }
  }
  .bg-ghost-hover {
    background-color: var(--color-ghost-hover);
  }
  .bg-ghost-hover\/80\! {
    background-color: color-mix(
      in srgb,
      light-dark(--alpha(black/.06), --alpha(white/.06)) 80%,
      transparent
    ) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-ghost-hover\/80\! {
      background-color: color-mix(in oklab, var(--color-ghost-hover) 80%, transparent) !important;
    }
  }
  .bg-gray-1 {
    background-color: var(--color-gray-1);
  }
  .bg-panel {
    background-color: var(--color-panel);
  }
  .bg-panel-header {
    background-color: var(--color-panel-header);
  }
  .bg-panel-highlight-1 {
    background-color: var(--color-panel-highlight-1);
  }
  .bg-toast {
    background-color: var(--color-toast);
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/80 {
    background-color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab;
    }
  }
  .bg-linear-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-current\/90 {
    --tw-gradient-from: currentcolor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-current\/90 {
      --tw-gradient-from: color-mix(in oklab, currentcolor 90%, transparent);
    }
  }
  .from-current\/90 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .mask-b-from-50\% {
    -webkit-mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-bottom: linear-gradient(
      to bottom,
      var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position),
      var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position)
    );
    --tw-mask-bottom-from-position: 50%;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-current {
    fill: currentColor;
  }
  .fill-gray-4\/50 {
    fill: color-mix(in srgb, light-dark(--alpha(black/.4), --alpha(white/.5)) 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-gray-4\/50 {
      fill: color-mix(in oklab, var(--color-gray-4) 50%, transparent);
    }
  }
  .fill-none {
    fill: none;
  }
  .stroke-current {
    stroke: currentColor;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-scale-down {
    object-fit: scale-down;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-16 {
    padding: calc(var(--spacing) * 16);
  }
  .p-20 {
    padding: calc(var(--spacing) * 20);
  }
  .p-24 {
    padding: calc(var(--spacing) * 24);
  }
  .p-32 {
    padding: calc(var(--spacing) * 32);
  }
  .p-40 {
    padding: calc(var(--spacing) * 40);
  }
  .p-120 {
    padding: calc(var(--spacing) * 120);
  }
  .p-px {
    padding: 1px;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }
  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }
  .px-24 {
    padding-inline: calc(var(--spacing) * 24);
  }
  .px-32 {
    padding-inline: calc(var(--spacing) * 32);
  }
  .px-panel {
    padding-inline: var(--panel-padding-inline, 12px);
  }
  .panel-content {
    padding-block: 8px;
  }
  :where(.panel-header) + .panel-content {
    border-top: 1px solid var(--color-separator);
    padding-top: 7px;
  }
  .panel-content + .panel-content {
    border-top: 1px solid light-dark(#e2e2e2bf, #373737bf);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .panel-content + .panel-content {
      border-top: 1px solid color-mix(in oklab, var(--color-separator) 75%, transparent);
    }
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .py-64 {
    padding-block: calc(var(--spacing) * 64);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .pr-32 {
    padding-right: calc(var(--spacing) * 32);
  }
  .pr-\[1ch\] {
    padding-right: 1ch;
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-40 {
    padding-bottom: calc(var(--spacing) * 40);
  }
  .pb-160 {
    padding-bottom: calc(var(--spacing) * 160);
  }
  .pb-offset-bottom {
    padding-bottom: var(--spacing-offset-bottom);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .pl-26 {
    padding-left: calc(var(--spacing) * 26);
  }
  .pl-28 {
    padding-left: calc(var(--spacing) * 28);
  }
  .pl-\[1ch\] {
    padding-left: 1ch;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-2xl {
    font-size: 24px;
    font-family: var(--font-heading);
    font-weight: var(--tw-font-weight, var(--font-weight-semilight));
    line-height: var(--tw-leading, 32px);
    letter-spacing: var(--tw-tracking, 0.005em);
    --font-weight-medium: 480;
  }
  .text-3xl {
    font-size: 30px;
    font-family: var(--font-heading);
    font-weight: var(--tw-font-weight, var(--font-weight-medium));
    line-height: var(--tw-leading, 38px);
    letter-spacing: var(--tw-tracking, -0.015em);
    --font-weight-medium: 480;
  }
  .text-xl {
    font-size: 18px;
    font-family: var(--font-heading);
    line-height: var(--tw-leading, 28px);
    letter-spacing: var(--tw-tracking, 0.01em);
    --font-weight-medium: 480;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-\[11px\]\/16 {
    font-size: 11px;
    line-height: calc(var(--spacing) * 16);
  }
  .text-\[11px\]\/20 {
    font-size: 11px;
    line-height: calc(var(--spacing) * 20);
  }
  .text-\[14px\]\/20 {
    font-size: 14px;
    line-height: calc(var(--spacing) * 20);
  }
  .text-\[16px\]\/20 {
    font-size: 16px;
    line-height: calc(var(--spacing) * 20);
  }
  .text-\[18px\]\/normal {
    font-size: 18px;
    line-height: var(--leading-normal);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\/16 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 16);
  }
  .text-base\/18 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 18);
  }
  .text-base\/20 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 20);
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-\[0px\] {
    font-size: 0;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .leading-15 {
    --tw-leading: calc(var(--spacing) * 15);
    line-height: calc(var(--spacing) * 15);
  }
  .leading-18 {
    --tw-leading: calc(var(--spacing) * 18);
    line-height: calc(var(--spacing) * 18);
  }
  .leading-20 {
    --tw-leading: calc(var(--spacing) * 20);
    line-height: calc(var(--spacing) * 20);
  }
  .leading-24 {
    --tw-leading: calc(var(--spacing) * 24);
    line-height: calc(var(--spacing) * 24);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-caption {
    --tw-font-weight: var(--font-weight-caption);
    font-weight: var(--font-weight-caption);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-regular {
    --tw-font-weight: var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[-0\.005em\] {
    --tw-tracking: -0.005em;
    letter-spacing: -0.005em;
  }
  .tracking-\[-0\.025em\] {
    --tw-tracking: -0.025em;
    letter-spacing: -0.025em;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .menu-item-description {
    color: var(--color-gray-3);
    white-space: normal;
  }
  [data-highlighted]:not([data-disabled]) .menu-item-description {
    color: #fff;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .panel-root {
    border-bottom: 1px solid var(--color-separator);
  }
  .panel-root[data-dimmed] {
    color: var(--color-gray-3);
  }
  @media (hover: hover) {
    .panel-root[data-dimmed]:hover {
      color: var(--color-gray-1);
    }
  }
  .text-\[\#000000\] {
    color: #000;
  }
  .text-\[\#FFFFFF\] {
    color: #fff;
  }
  .text-\[oklch\(\.65_\.3_90\)\] {
    color: oklch(65% 0.3 90);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-black\/80 {
    color: #000c;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/80 {
      color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }
  .text-blue-3 {
    color: var(--color-blue-3);
  }
  .text-blue-4 {
    color: var(--color-blue-4);
  }
  .text-brand {
    color: var(--color-brand);
  }
  .text-current,
  .text-current\/60 {
    color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-current\/60 {
      color: color-mix(in oklab, currentcolor 60%, transparent);
    }
  }
  .text-gray-1 {
    color: var(--color-gray-1);
  }
  .text-gray-1\! {
    color: var(--color-gray-1) !important;
  }
  .text-gray-2 {
    color: var(--color-gray-2);
  }
  .text-gray-3 {
    color: var(--color-gray-3);
  }
  .text-gray-4 {
    color: var(--color-gray-4);
  }
  .text-gray-4\/50 {
    color: color-mix(in srgb, light-dark(--alpha(black/.4), --alpha(white/.5)) 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-gray-4\/50 {
      color: color-mix(in oklab, var(--color-gray-4) 50%, transparent);
    }
  }
  .text-gray-4\/70 {
    color: color-mix(in srgb, light-dark(--alpha(black/.4), --alpha(white/.5)) 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-gray-4\/70 {
      color: color-mix(in oklab, var(--color-gray-4) 70%, transparent);
    }
  }
  .text-inverse {
    color: var(--color-inverse);
  }
  .text-orange {
    color: var(--color-orange);
  }
  .text-red {
    color: var(--color-red);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .font-stretch-\[50\%\] {
    font-stretch: 50%;
  }
  .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,);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-blue-4\/20 {
    text-decoration-color: #4c8eef33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .decoration-blue-4\/20 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--color-blue-4) 20%, transparent);
      text-decoration-color: color-mix(in oklab, var(--color-blue-4) 20%, transparent);
    }
  }
  .decoration-gray-5 {
    -webkit-text-decoration-color: var(--color-gray-5);
    text-decoration-color: var(--color-gray-5);
  }
  .underline-offset-3 {
    text-underline-offset: 3px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-12\.5 {
    opacity: 0.125;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-80 {
    opacity: 0.8;
  }
  .opacity-85 {
    opacity: 0.85;
  }
  .opacity-90 {
    opacity: 0.9;
  }
  .opacity-100 {
    opacity: 1;
  }
  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.1\)\,0_1px_2px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0000001a), 0 1px 2px var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .-outline-offset-1 {
    outline-offset: -1px;
  }
  .-outline-offset-2 {
    outline-offset: -2px;
  }
  .-outline-offset-3 {
    outline-offset: -3px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .outline-offset-10 {
    outline-offset: 10px;
  }
  .outline-black\/5 {
    outline-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .outline-black\/5 {
      outline-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .outline-blue-5 {
    outline-color: var(--color-blue-5);
  }
  .outline-current,
  .outline-current\/90 {
    outline-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .outline-current\/90 {
      outline-color: color-mix(in oklab, currentcolor 90%, transparent);
    }
  }
  .outline-focus {
    outline-color: var(--color-focus);
  }
  .outline-panel-header {
    outline-color: var(--color-panel-header);
  }
  .outline-separator {
    outline-color: var(--color-separator);
  }
  .outline-white\/15 {
    outline-color: #ffffff26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .outline-white\/15 {
      outline-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
      var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
      var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
      var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
      var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-4 {
    -webkit-backdrop-filter: blur(calc(var(--spacing) * 4));
    backdrop-filter: blur(calc(var(--spacing) * 4));
  }
  .backdrop-blur-12 {
    -webkit-backdrop-filter: blur(calc(var(--spacing) * 12));
    backdrop-filter: blur(calc(var(--spacing) * 12));
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      visibility,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .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, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
  .delay-100 {
    transition-delay: 0.1s;
  }
  .delay-300 {
    transition-delay: 0.3s;
  }
  .duration-150 {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .ease-out-fast {
    --tw-ease: var(--ease-out-fast);
    transition-timing-function: var(--ease-out-fast);
  }
  .contain-layout {
    --tw-contain-layout: layout;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-\[content\] {
    contain: content;
  }
  .contain-\[layout\] {
    contain: layout;
  }
  .contain-content {
    contain: content;
  }
  .\[content\:\\\'\\\'\] {
    content: \'\';
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (prefers-color-scheme: light) {
    .popup-shadow-lg {
      --popup-shadow: 0 16px 64px -12px #0003;
    }
  }
  @media (prefers-color-scheme: dark) {
    .popup-shadow-lg {
      --popup-shadow: 0 16px 64px -8px #0006;
    }
  }
  .scrollbar-panel {
    scrollbar-width: thin;
    scrollbar-color: var(--color-scrollbar-panel-thumb) var(--color-scrollbar-panel-track);
  }
  .select-auto {
    -webkit-user-select: auto;
    user-select: auto;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }
  .\[corner-shape\:squircle\] {
    corner-shape: squircle;
  }
  .font-branded-a {
    font-feature-settings: "ss01", "ss07";
  }
  .popup-radius-lg {
    --popup-radius: 6px;
  }
  .text-trim {
    text-box: trim-both cap alphabetic;
  }
  :is(.\*\:col-start-1 > *) {
    grid-column-start: 1;
  }
  :is(.\*\:row-start-1 > *) {
    grid-row-start: 1;
  }
  :is(.\*\:max-h-400 > *) {
    max-height: calc(var(--spacing) * 400);
  }
  :is(.\*\:shrink-0 > *) {
    flex-shrink: 0;
  }
  :is(.\*\:overflow-hidden > *) {
    overflow: hidden;
  }
  .not-first\:-mt-px:not(:first-child) {
    margin-top: -1px;
  }
  .not-first\:mt-4:not(:first-child) {
    margin-top: calc(var(--spacing) * 4);
  }
  .not-first\:mt-12:not(:first-child) {
    margin-top: calc(var(--spacing) * 12);
  }
  .not-first\:border-t:not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .group-focus-within\:text-gray-1:is(:where(.group):focus-within *) {
    color: var(--color-gray-1);
  }
  @media (hover: hover) {
    .group-hover\:invisible:is(:where(.group):hover *) {
      visibility: hidden;
    }
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }
    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }
    .group-hover\:grid:is(:where(.group):hover *) {
      display: grid;
    }
    .group-hover\:hidden:is(:where(.group):hover *) {
      display: none;
    }
    .group-hover\:scale-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:bg-current\/8:is(:where(.group):hover *) {
      background-color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-current\/8:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, currentcolor 8%, transparent);
      }
    }
    .group-hover\:opacity-50:is(:where(.group):hover *) {
      opacity: 0.5;
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }
  .group-focus-visible\:opacity-50:is(:where(.group):focus-visible *) {
    opacity: 0.5;
  }
  .group-has-data-popup-open\:invisible:is(:where(.group):has([data-popup-open]) *) {
    visibility: hidden;
  }
  .group-\[\:hover\,\:active\,\:focus-visible\,\[data-active\]\]\:bg-panel-highlight-2:is(
    :where(.group):is(:hover, :active, :focus-visible, [data-active]) *
  ) {
    background-color: var(--color-panel-highlight-2);
  }
  .group-\[\:hover\,\:active\,\:focus-visible\,\[data-active\]\]\:text-gray-1:is(
    :where(.group):is(:hover, :active, :focus-visible, [data-active]) *
  ) {
    color: var(--color-gray-1);
  }
  .placeholder\:text-gray-3::placeholder {
    color: var(--color-gray-3);
  }
  .placeholder\:text-gray-4::placeholder {
    color: var(--color-gray-4);
  }
  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:inset-2:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 2);
  }
  .before\:top-4:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 4);
  }
  .before\:right:before {
    content: var(--tw-content);
    right: 0;
  }
  .before\:bottom-4:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 4);
  }
  .before\:left:before {
    content: var(--tw-content);
    left: 0;
  }
  .before\:size-20:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .before\:rounded-3:before {
    content: var(--tw-content);
    border-radius: var(--radius-3);
  }
  .first\:-mt-4:first-child {
    margin-top: calc(var(--spacing) * -4);
  }
  @media (hover: hover) {
    .hover\:z:hover {
      z-index: 1;
    }
    .hover\:bg-black\/2\.5:hover {
      background-color: #00000006;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/2\.5:hover {
        background-color: color-mix(in oklab, var(--color-black) 2.5%, transparent);
      }
    }
    .hover\:bg-black\/10:hover {
      background-color: #0000001a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/10:hover {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
    .hover\:bg-ghost-hover:hover {
      background-color: var(--color-ghost-hover);
    }
    .hover\:bg-panel-highlight-1:hover {
      background-color: var(--color-panel-highlight-1);
    }
    .hover\:text-gray-1:hover {
      color: var(--color-gray-1);
    }
    .hover\:decoration-blue-4\/70:hover {
      text-decoration-color: #4c8eefb3;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:decoration-blue-4\/70:hover {
        -webkit-text-decoration-color: color-mix(in oklab, var(--color-blue-4) 70%, transparent);
        text-decoration-color: color-mix(in oklab, var(--color-blue-4) 70%, transparent);
      }
    }
    .hover\:decoration-gray-4:hover {
      -webkit-text-decoration-color: var(--color-gray-4);
      text-decoration-color: var(--color-gray-4);
    }
    .hover\:before\:bg-ghost-hover:hover:before {
      content: var(--tw-content);
      background-color: var(--color-ghost-hover);
    }
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .active\:before\:bg-ghost-pressed:active:before {
    content: var(--tw-content);
    background-color: var(--color-ghost-pressed);
  }
  .disabled\:opacity-50:disabled {
    opacity: 0.5;
  }
  :where([data-active]) .in-data-active\:block {
    display: block;
  }
  :where([data-active]) .in-data-active\:flex {
    display: flex;
  }
  :where([data-active]) .in-data-active\:grid {
    display: grid;
  }
  :where([data-active]) .in-data-active\:hidden {
    display: none;
  }
  :where([data-active]) .in-data-active\:h-0 {
    height: calc(var(--spacing) * 0);
  }
  :where([data-active]) .in-data-active\:h-2 {
    height: calc(var(--spacing) * 2);
  }
  :where([data-active]) .in-data-active\:w-0 {
    width: calc(var(--spacing) * 0);
  }
  :where([data-active]) .in-data-active\:w-2 {
    width: calc(var(--spacing) * 2);
  }
  :where([data-dimmed]) .in-data-dimmed\:opacity-40 {
    opacity: 0.4;
  }
  .has-disabled\:opacity-50:has(:disabled) {
    opacity: 0.5;
  }
  .has-data-popup-open\:bg-ghost-hover:has([data-popup-open]) {
    background-color: var(--color-ghost-hover);
  }
  .data-active\:border-solid[data-active] {
    --tw-border-style: solid;
    border-style: solid;
  }
  .data-active\:border-gray-3[data-active] {
    border-color: var(--color-gray-3);
  }
  .data-active\:text-blue-2[data-active] {
    color: var(--color-blue-2);
  }
  .data-col\:items-center[data-col] {
    align-items: center;
  }
  .data-col\:items-end[data-col] {
    align-items: flex-end;
  }
  .data-column\:rotate-90[data-column] {
    rotate: 90deg;
  }
  .data-highlighted\:bg-panel-highlight-1[data-highlighted] {
    background-color: var(--color-panel-highlight-1);
  }
  .data-popup-open\:bg-ghost-hover[data-popup-open] {
    background-color: var(--color-ghost-hover);
  }
  .data-row\:items-center[data-row] {
    align-items: center;
  }
  .data-row\:items-end[data-row] {
    align-items: flex-end;
  }
  .data-scrolled\:border-t[data-scrolled] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .data-selected\:bg-panel-highlight-2[data-selected] {
    background-color: var(--color-panel-highlight-2);
  }
  .data-visible\:sticky[data-visible] {
    position: sticky;
  }
  .data-visible\:right[data-visible] {
    right: 0;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border-white\/5 {
      border-color: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/5 {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
    .dark\:border-white\/10 {
      border-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    .dark\:border-white\/15 {
      border-color: #ffffff26;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/15 {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
    .dark\:bg-\[\#2a2a2a\] {
      background-color: #2a2a2a;
    }
    .dark\:bg-black\/10 {
      background-color: #0000001a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-black\/10 {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
    .dark\:bg-black\/20 {
      background-color: #0003;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-black\/20 {
        background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }
    .dark\:bg-blue-5 {
      background-color: var(--color-blue-5);
    }
    .dark\:bg-white\/5 {
      background-color: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/5 {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
    .dark\:bg-white\/6 {
      background-color: #ffffff0f;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/6 {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
    .dark\:text-\[oklch\(\.8_\.2_90\)\] {
      color: oklch(80% 0.2 90);
    }
    .dark\:text-control {
      color: var(--color-control);
    }
    .dark\:opacity-90 {
      opacity: 0.9;
    }
    .dark\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.1\)\,0_1px_2px_rgba\(0\,0\,0\,0\.3\)\] {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffffff1a), 0 1px 2px var(--tw-shadow-color, #0000004d);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow);
    }
    .dark\:outline-white\/5 {
      outline-color: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:outline-white\/5 {
        outline-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
    .dark\:invert {
      --tw-invert: invert(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
        var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    @media (hover: hover) {
      .dark\:hover\:bg-\[\#333\]:hover {
        background-color: #333;
      }
      .dark\:hover\:bg-white\/5:hover {
        background-color: #ffffff0d;
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-white\/5:hover {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
      .dark\:hover\:bg-white\/10:hover {
        background-color: #ffffff1a;
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-white\/10:hover {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
    .dark\:data-active\:text-blue-5[data-active] {
      color: var(--color-blue-5);
    }
  }
  @media not all and (min-resolution: 2x) {
    .\@1x\:hidden {
      display: none;
    }
    .\@1x\:h-4 {
      height: calc(var(--spacing) * 4);
    }
    .\@1x\:h-5 {
      height: calc(var(--spacing) * 5);
    }
    .\@1x\:h-10 {
      height: calc(var(--spacing) * 10);
    }
    .\@1x\:h-11 {
      height: calc(var(--spacing) * 11);
    }
    .\@1x\:translate-x-0\.5 {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .\@1x\:-translate-y-0\.5 {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .\@1x\:pt-1 {
      padding-top: calc(var(--spacing) * 1);
    }
    .\@1x\:x-9 {
      x: 9;
    }
    .\@1x\:x-9\.5 {
      x: 9.5;
    }
    .\@1x\:y-2 {
      y: 2;
    }
    .\@1x\:y-2\.5 {
      y: 2.5;
    }
    .\@1x\:y-9 {
      y: 9;
    }
    .\@1x\:y-9\.5 {
      y: 9.5;
    }
  }
  @media (min-resolution: 2x) {
    .\@2x\:hidden {
      display: none;
    }
    .\@2x\:size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  @supports (corner-shape: squircle) {
    @media (min-resolution: 2x) {
      .squircle\:popup-radius-xl {
        corner-shape: squircle;
        --popup-radius: 10px;
      }
    }
  }
  .group:has(+ * [data-popup-open]) .\[\.group\:has\(\+\*_\[data-popup-open\]\)_\&\]\:invisible,
  .group:has(+ :hover) .\[\.group\:has\(\+\*\:hover\)_\&\]\:invisible {
    visibility: hidden;
  }
  @keyframes pulse {
    0%,
    to {
      opacity: 1;
    }
    50% {
      opacity: 0.6;
    }
  }
  @keyframes shake {
    16.67%,
    50%,
    83.33% {
      transform: translate(-8px);
    }
    33.33%,
    66.67% {
      transform: translate(8px);
    }
  }
  @keyframes fade-out {
    to {
      opacity: 0;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
  }
  .button-xs-ghost {
    border-top-left-radius: var(--field-control-top-left-radius, var(--radius-4));
    border-top-right-radius: var(--field-control-top-right-radius, var(--radius-4));
    border-bottom-left-radius: var(--field-control-bottom-left-radius, var(--radius-4));
    border-bottom-right-radius: var(--field-control-bottom-right-radius, var(--radius-4));
    height: 24px;
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-gray-1);
    background-color: var(--color-control);
    outline: 0;
    outline: 1px solid var(--color-control-border);
    outline-offset: -1px;
    pointer-events: auto;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-block: 0;
    padding-inline: 8px;
    line-height: 1;
    display: flex;
  }
  .button-xs-ghost:where(:focus-visible, :has(:focus-visible), [data-button-input]:focus-visible + .button-xs-ghost) {
    outline: 2px solid var(--color-focus);
    outline-offset: -1px;
  }
  .button-xs-ghost:where(:not(:disabled, [data-dimmed])):where(:active) {
    background-color: var(--color-control-pressed);
  }
  .button-xs-ghost {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-radius: var(--radius-3);
    height: 16px;
    color: var(--color-gray-2);
    padding-inline: 3px;
    background-color: #0000;
    outline: 0;
    gap: 4px;
    padding-bottom: 0;
    position: relative;
  }
  .button-xs-ghost:where([data-dimmed]) {
    color: var(--color-gray-3);
  }
  @media (hover: hover) {
    .button-xs-ghost:where(:not(:disabled, [data-dimmed])):where(:hover) {
      color: var(--color-gray-1);
    }
    .button-xs-ghost:where(:not(:disabled, [data-dimmed])):where(:hover):before {
      opacity: 0.075;
      background-color: currentColor;
    }
  }
  .button-xs-ghost:where(:not(:disabled, [data-dimmed])):before,
  .button-xs-ghost:where(:not(:disabled, [data-dimmed])):after {
    content: "";
    border-radius: inherit;
    position: absolute;
    inset: 0;
  }
  .button-xs-ghost:where(:not(:disabled, [data-dimmed])):after {
    pointer-events: none;
  }
  .button-xs-ghost:where(:not(:disabled, [data-dimmed])):where(:active, [data-pressed]) {
    color: var(--color-gray-1);
  }
  .button-xs-ghost:where(:not(:disabled, [data-dimmed])):where(:active, [data-pressed]):before {
    opacity: 0.1;
    background-color: currentColor;
  }
  .button-xs-ghost:where(:focus-visible, :has(:focus-visible)):after {
    outline: 2px solid var(--color-focus);
  }
  .button-lg-high-contrast {
    border-top-left-radius: var(--field-control-top-left-radius, var(--radius-4));
    border-top-right-radius: var(--field-control-top-right-radius, var(--radius-4));
    border-bottom-left-radius: var(--field-control-bottom-left-radius, var(--radius-4));
    border-bottom-right-radius: var(--field-control-bottom-right-radius, var(--radius-4));
    height: 24px;
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-gray-1);
    background-color: var(--color-control);
    outline: 0;
    outline: 1px solid var(--color-control-border);
    outline-offset: -1px;
    pointer-events: auto;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-block: 0;
    padding-inline: 8px;
    line-height: 1;
    display: flex;
  }
  .button-lg-high-contrast:where(
    :focus-visible,
    :has(:focus-visible),
    [data-button-input]:focus-visible + .button-lg-high-contrast
  ) {
    outline: 2px solid var(--color-focus);
    outline-offset: -1px;
  }
  .button-lg-high-contrast:where([data-dimmed]) {
    color: var(--color-gray-3);
  }
  .button-lg-high-contrast {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    height: 32px;
    color: var(--color-control);
    background-color: var(--color-button-high-contrast);
    padding-inline: 12px;
    outline: 0;
    gap: 8px;
    padding-bottom: 1px;
  }
  .button-lg-high-contrast:where(:focus-visible, :has(:focus-visible)) {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
  }
  .button-lg-high-contrast:where(:not(:disabled, [data-dimmed])):where(:active) {
    background-color: var(--color-button-high-contrast-pressed);
  }
  .button-lg-high-contrast:where([data-dimmed]) {
    background-color: var(--color-gray-2);
  }
  .button-xl-high-contrast {
    border-top-left-radius: var(--field-control-top-left-radius, var(--radius-4));
    border-top-right-radius: var(--field-control-top-right-radius, var(--radius-4));
    border-bottom-left-radius: var(--field-control-bottom-left-radius, var(--radius-4));
    border-bottom-right-radius: var(--field-control-bottom-right-radius, var(--radius-4));
    height: 24px;
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-gray-1);
    background-color: var(--color-control);
    outline: 0;
    outline: 1px solid var(--color-control-border);
    outline-offset: -1px;
    pointer-events: auto;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-block: 0;
    padding-inline: 8px;
    line-height: 1;
    display: flex;
  }
  .button-xl-high-contrast:where(
    :focus-visible,
    :has(:focus-visible),
    [data-button-input]:focus-visible + .button-xl-high-contrast
  ) {
    outline: 2px solid var(--color-focus);
    outline-offset: -1px;
  }
  .button-xl-high-contrast:where([data-dimmed]) {
    color: var(--color-gray-3);
  }
  .button-xl-high-contrast {
    font-size: 18px;
    font-family: var(--font-heading);
    line-height: var(--tw-leading, 28px);
    letter-spacing: var(--tw-tracking, 0.01em);
    --font-weight-medium: 480;
    text-box: trim-both cap alphabetic;
    border-radius: var(--radius-6);
    padding-inline: 20px;
    gap: 10px;
    height: 48px;
    padding-bottom: 2px;
  }
  .button-xl-high-contrast:where(:not(:disabled, [data-dimmed])) {
    cursor:
      image-set(var(--cursor-hand-pointer) 2x) 12 11,
      pointer;
  }
  .button-xl-high-contrast {
    color: var(--color-control);
    background-color: var(--color-button-high-contrast);
    outline: 0;
  }
  .button-xl-high-contrast:where(:focus-visible, :has(:focus-visible)) {
    outline: 2px solid var(--color-focus);
    outline-offset: 2px;
  }
  .button-xl-high-contrast:where(:not(:disabled, [data-dimmed])):where(:active) {
    background-color: var(--color-button-high-contrast-pressed);
  }
  .button-xl-high-contrast:where([data-dimmed]) {
    background-color: var(--color-gray-2);
  }
  .button-lg-ghost {
    border-top-left-radius: var(--field-control-top-left-radius, var(--radius-4));
    border-top-right-radius: var(--field-control-top-right-radius, var(--radius-4));
    border-bottom-left-radius: var(--field-control-bottom-left-radius, var(--radius-4));
    border-bottom-right-radius: var(--field-control-bottom-right-radius, var(--radius-4));
    height: 24px;
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-gray-1);
    background-color: var(--color-control);
    outline: 0;
    outline: 1px solid var(--color-control-border);
    outline-offset: -1px;
    pointer-events: auto;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding-block: 0;
    padding-inline: 8px;
    line-height: 1;
    display: flex;
  }
  .button-lg-ghost:where(:focus-visible, :has(:focus-visible), [data-button-input]:focus-visible + .button-lg-ghost) {
    outline: 2px solid var(--color-focus);
    outline-offset: -1px;
  }
  .button-lg-ghost:where(:not(:disabled, [data-dimmed])):where(:active) {
    background-color: var(--color-control-pressed);
  }
  .button-lg-ghost {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    height: 32px;
    color: var(--color-gray-2);
    padding-inline: 12px;
    background-color: #0000;
    outline: 0;
    gap: 8px;
    padding-bottom: 1px;
    position: relative;
  }
  .button-lg-ghost:where([data-dimmed]) {
    color: var(--color-gray-3);
  }
  @media (hover: hover) {
    .button-lg-ghost:where(:not(:disabled, [data-dimmed])):where(:hover) {
      color: var(--color-gray-1);
    }
    .button-lg-ghost:where(:not(:disabled, [data-dimmed])):where(:hover):before {
      opacity: 0.075;
      background-color: currentColor;
    }
  }
  .button-lg-ghost:where(:not(:disabled, [data-dimmed])):before,
  .button-lg-ghost:where(:not(:disabled, [data-dimmed])):after {
    content: "";
    border-radius: inherit;
    position: absolute;
    inset: 0;
  }
  .button-lg-ghost:where(:not(:disabled, [data-dimmed])):after {
    pointer-events: none;
  }
  .button-lg-ghost:where(:not(:disabled, [data-dimmed])):where(:active, [data-pressed]) {
    color: var(--color-gray-1);
  }
  .button-lg-ghost:where(:not(:disabled, [data-dimmed])):where(:active, [data-pressed]):before {
    opacity: 0.1;
    background-color: currentColor;
  }
  .button-lg-ghost:where(:focus-visible, :has(:focus-visible)):after {
    outline: 2px solid var(--color-focus);
  }
}
@layer important {
  .color-input {
    font-family: "Paper Slash", var(--default-font-family);
  }
  @media (prefers-color-scheme: light) {
    .color-input {
      font-palette: --gray-slash-color-scheme-light;
    }
  }
  @media (prefers-color-scheme: dark) {
    .color-input {
      font-palette: --gray-slash-color-scheme-dark;
    }
  }
}
@font-face {
  font-family: _Matter;
  font-display: block;
  src: url(/static/matter.woff2);
}
@font-face {
  font-family: _PaperMono;
  font-display: block;
  src: url(/static/paper-mono.woff2);
}
@font-face {
  font-family: Paper Mono Preview;
  src: url(/static/paper-mono.woff2);
}
@font-face {
  font-family: _Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url(/static/inter.woff2) format("woff2");
}
@font-feature-values _Inter {
  @character-variant {
    cv01: 1;
    cv02: 2;
    cv03: 3;
    cv04: 4;
    cv05: 5;
    cv06: 6;
    cv07: 7;
    cv08: 8;
    cv09: 9;
    cv10: 10;
    cv11: 11;
    cv12: 12;
    cv13: 13;
    alt-1: 1;
    alt-3: 9;
    open-4: 2;
    open-6: 3;
    open-9: 4;
    lc-l-with-tail: 5;
    simplified-u: 6;
    alt-double-s: 7;
    uc-i-with-serif: 8;
    uc-g-with-spur: 10;
    single-story-a: 11;
    compact-lc-f: 12;
    compact-lc-t: 13;
  }
  @styleset {
    ss01: 1;
    ss02: 2;
    ss03: 3;
    ss04: 4;
    ss05: 5;
    ss06: 6;
    ss07: 7;
    ss08: 8;
    open-digits: 1;
    disambiguation: 2;
    disambiguation-except-zero: 4;
    round-quotes-and-commas: 3;
    square-punctuation: 7;
    square-quotes: 8;
    circled-characters: 5;
    squared-characters: 6;
  }
}
.checkbox-root {
  border-radius: var(--radius-3);
  background-color: var(--color-control);
  outline: 1px solid var(--color-checkbox-outline);
  outline-offset: -1px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}
.checkbox-root:focus-visible {
  outline: 2px solid var(--color-focus);
}
.switch-root {
  appearance: none;
  background-color: #0000;
  background-image: linear-gradient(to right, var(--color) 35%, var(--color-gray-5) 65%);
  background-position-x: 100%;
  background-repeat: no-repeat;
  background-size: 100px 100%;
  border: 0;
  border-radius: 100px;
  outline: none;
  width: 36px;
  height: 16px;
  margin: 0;
  padding: 1px;
  transition-property: background-position, box-shadow;
  transition-duration: 0.125s;
  transition-timing-function: cubic-bezier(0.26, 0.75, 0.38, 0.45);
  display: flex;
  position: relative;
}
.switch-root:active {
  background-color: color-mix(in srgb, light-dark(--alpha(black/.1), --alpha(white/.1)) 25%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .switch-root:active {
    background-color: color-mix(in oklab, var(--color-gray-5) 25%, transparent);
  }
}
.switch-root[data-checked] {
  background-position-x: 0%;
  transition-duration: 0.25s;
}
.switch-root[data-checked]:active {
  background-color: var(--color-gray-5);
}
@media (prefers-color-scheme: light) {
  .switch-root {
    box-shadow:
      inset 0 0 0 1px #0000000d,
      inset 0 1.5px 2px #0000001a;
  }
}
@media (prefers-color-scheme: dark) {
  .switch-root {
    box-shadow:
      inset 0 0 0 1px #ffffff26,
      inset 0 1.5px 3px #00000080;
  }
  @media (min-resolution: 2x) {
    .switch-root {
      box-shadow:
        inset 0 0 0 0.6px #fff3,
        inset 0 1.5px 3px #00000080;
    }
  }
  .switch-root[data-checked] {
    box-shadow: none;
  }
}
.switch-root[data-color="gray"] {
  --color: var(--color-gray-2);
}
.switch-root[data-color="orange"] {
  --color: var(--color-orange);
}
.switch-root[data-color="blue"] {
  --color: var(--color-blue-5);
}
.switch-root:focus-visible:before {
  content: "";
  border-radius: inherit;
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
  position: absolute;
  inset: 0;
}
.switch-thumb {
  width: 20px;
  height: 100%;
  transition:
    translate 0.15s ease,
    width 0.2s var(--ease-out-fast);
  background-color: #fff;
  border-radius: 100px;
}
.switch-thumb[data-checked] {
  translate: calc(34px - 100%);
}
button:active .switch-thumb {
  width: 24px;
  transition-duration: 0.15s, 0.3s;
  transition-timing-function: ease, var(--ease-in-slow);
}
@media (prefers-color-scheme: light) {
  .switch-thumb {
    box-shadow:
      0 0 1px 1px var(--color-gray-5),
      0 1px 1px var(--color-gray-5),
      1px 2px 4px -1px var(--color-gray-5);
  }
}
@media (prefers-color-scheme: dark) {
  .switch-thumb {
    box-shadow:
      0 0 1px 1px #00000040,
      0 1px 1px #00000040,
      1px 2px 4px -1px #00000040;
  }
}
@font-face {
  font-family: Paper Slash;
  src: url(/static/paper-slash.woff2) format("woff2");
  unicode-range: U+2F;
  font-display: swap;
}
@font-palette-values --gray-slash-color-scheme-light {
  font-family: Paper Slash;
  override-colors: 0 #00000080;
}
@font-palette-values --gray-slash-color-scheme-dark {
  font-family: Paper Slash;
  override-colors: 0 #fff6;
}
@media (prefers-color-scheme: light) {
  .icon-light {
    display: initial;
  }
}
@media (prefers-color-scheme: dark) {
  .icon-light {
    display: none;
  }
}
@media (prefers-color-scheme: light) {
  .icon-dark {
    display: none;
  }
}
@media (prefers-color-scheme: dark) {
  .icon-dark {
    display: initial;
  }
}
.linear-gradient-icon,
.radial-gradient-icon,
.conic-gradient-icon {
  background-clip: content-box;
  border: 1px solid;
  border-radius: 1px;
  width: 18px;
  height: 12px;
}
.linear-gradient-icon {
  background-image: linear-gradient(#0000 0%, currentColor 150%);
}
.radial-gradient-icon {
  background-image: radial-gradient(circle, #0000 10%, 60%, currentColor 150%);
}
.conic-gradient-icon {
  background-image: conic-gradient(currentColor -10%, 40%, #0000);
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-size {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-layout {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-paint {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-style {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}