/* Generated by scripts/paper-landing.mjs from the SleekMD file in Paper.
 * Source: https://app.paper.design/file/01M0XVX554YZ30JF0JDGRM8RNA/2-0
 * The website build puts these first in site.css. Edit the tokens in Paper, then rerun the script.
 */
:root {
  --color-ink: #0E0E0E;
  --color-glass: #FBFBFBE6;
  --color-primary: #FFFFFF;
  --color-secondary: #A8A8A8;
  --color-select: var(--color-secondary-translucent);
  --color-traffic-close: #EF6B5C;
  --color-traffic-min: #F5C451;
  --color-traffic-max: #62C554;
  --color-editor: #FCFCFC;
  --color-secondary-translucent: #0E0E0E14;
  --color-delete: #F8EDEC;
  --color-insert: #E8F4EC;
  --color-delete-mark: #F0C8C6;
  --color-insert-mark: #C5E6CF;
  --color-folder: #5AA9F6;
  --color-folder-flap: #78BCFA;
  --color-folder-select: #DDEEFF;
  --color-palette-surface: #FFFFFFF2;
  --color-folder-graphite: #707070;
  --color-folder-graphite-flap: #919191;
  --color-folder-sea: #4F8F91;
  --color-folder-sea-flap: #76ABAD;
  --color-folder-leaf: #619877;
  --color-folder-leaf-flap: #83B091;
  --color-folder-ochre: #C4913C;
  --color-folder-ochre-flap: #D5AD67;
  --color-folder-coral: #C66F67;
  --color-folder-coral-flap: #DA928B;
  --color-intelligence-surface: #FFFFFFFA;
  --color-intelligence-selection: var(--color-secondary-translucent);
  --color-intelligence-focus: #0E0E0E3D;
  --color-intelligence-dot-strong: var(--color-ink);
  --color-intelligence-dot-mid: #707070;
  --color-intelligence-dot-soft: var(--color-secondary);
  --color-graph-link: #0E0E0E33;
  --color-graph-link-lit: #0E0E0E8A;
  --color-editor-frame: #FFFFFF;
  --color-danger: #B42318;
  --color-warning: #8A6100;
  --color-success: #237A43;
  --color-web-neutral-0: #FFFFFF;
  --color-web-neutral-50: #F4F4F4;
  --color-web-neutral-200: #DDDDDD;
  --color-web-neutral-300: #C8C8C8;
  --color-web-neutral-600: #595959;
  --color-web-neutral-950: var(--color-ink);
  --color-web-canvas: var(--color-web-neutral-200);
  --color-web-surface: var(--color-web-neutral-0);
  --color-web-recessed: var(--color-web-neutral-50);
  --color-web-text: var(--color-web-neutral-950);
  --color-web-muted: var(--color-web-neutral-600);
  --color-web-border: var(--color-web-neutral-300);
  --color-web-action: var(--color-web-neutral-950);
  --color-web-inverse: var(--color-web-neutral-0);
  --color-web-sky-base: #1769AB;
  --color-web-image-veil: #0000008A;
  --color-web-media-rim: #FFFFFFB8;
  --color-web-media-shadow: #0E0E0E14;
  --color-web-ground: #F7F7F7;
  --color-web-tray: #EFEFEF;
  --color-web-hairline: #E6E6E6;
  --color-web-glow: #2F7CF6;
  --color-web-glow-soft: var(--color-folder);
  --color-web-glow-wash: var(--color-folder-select);
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-web-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-web-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --font-web-prose: 'Inter', system-ui, sans-serif;
  --font-web-grotesk: 'Hanken Grotesk', system-ui, sans-serif;
  --text-ui: 14px;
  --text-web-small: 14px;
  --text-web-body: 16px;
  --text-web-lead: 20px;
  --text-web-card: 28px;
  --text-web-title: 48px;
  --text-web-display: 80px;
  --font-weight-regular: 400;
  --font-weight-web-light: 300;
  --font-weight-web-regular: var(--font-weight-regular);
  --tracking-web-display: -0.04em;
  --tracking-web-heading: -0.02em;
  --tracking-web-body: 0em;
  --leading-ui: 20px;
  --leading-web-small: 20px;
  --leading-web-body: 24px;
  --leading-web-lead: 28px;
  --leading-web-card: 36px;
  --leading-web-title: 56px;
  --leading-web-display: 84px;
  --breakpoint-web-mobile: 768px;
  --container-web-content: 1200px;
  --container-web-copy: 480px;
  --spacing-inset: 8px;
  --spacing-web-8: 8px;
  --spacing-web-16: 16px;
  --spacing-web-24: 24px;
  --spacing-web-32: 32px;
  --spacing-web-48: 48px;
  --spacing-web-64: 64px;
  --spacing-web-96: 96px;
  --spacing-web-120: 120px;
  --radius-frame: 24px;
  --radius-panel: 16px;
  --radius-row: 6px;
  --radius-web-control: 8px;
  --radius-web-card: 20px;
  --radius-web-hero: 24px;
  --radius-web-tray: 36px;
}

/* The landing page, 1:1 with the SleekMD landing board in Paper (DESIGN.md,
   Website). The build puts resources/web/landing-tokens.css above this file,
   so every var() here and in web/art is a Paper token. */
@font-face { font-family: 'Hanken Grotesk'; src: url('/fonts/hanken-grotesk.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/fonts/inter.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/fonts/inter-italic.woff2') format('woff2'); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('/fonts/ibm-plex-mono.woff2') format('woff2'); font-weight: 400; font-display: swap; }

:root {
  --gutter: 32px;
  --card-shadow: 0 0 0 1px #0e0e0e0a, 0 1px 1px #0e0e0e08, 0 4px 8px #0e0e0e0d;
  /* Anything that arrives (page load, reveals, hover colour) uses the app's
     own appearing curve. */
  --ease-enter: cubic-bezier(0.2, 0, 0, 1);
  --press: 0.96;
}
* { box-sizing: border-box; }
html { background: var(--color-web-ground); }
body {
  margin: 0; overflow-x: clip; background: var(--color-web-ground); color: var(--color-ink);
  font: 400 16px/24px var(--font-web-grotesk);
  font-synthesis: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin: 0; font-weight: 400; }
img { display: block; }
:focus-visible { outline: 2px solid var(--color-ink); outline-offset: 4px; }
.wrap { width: min(var(--container-web-content), 100% - 2 * var(--gutter)); margin-inline: auto; }

/* Paper's drawings. A stage holds one at its board size and scales it as one
   piece to its slot; without script it keeps 1:1 and crops instead. */
.art {
  font-size: 12px; line-height: 16px; overflow-wrap: anywhere; text-align: left;
  user-select: none; pointer-events: none;
}
.stage { position: relative; width: 100%; aspect-ratio: var(--w) / var(--h); overflow: hidden; }
.js .stage { overflow: visible; }
.stage > .art { position: absolute; top: 0; left: 0; transform: scale(var(--fit, 1)); transform-origin: 0 0; }

/* Pills. Ink and white, a colour step on hover, the 0.96 press. */
.pill {
  display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 24px 0 20px;
  border-radius: 999px; font: 500 16px/20px var(--font-web-grotesk); white-space: nowrap; user-select: none;
  transition: background-color 0.15s var(--ease-enter), transform 0.15s var(--ease-enter);
}
.pill:active { transform: scale(var(--press)); }
.pill svg { width: 18px; height: 18px; flex-shrink: 0; fill: currentColor; }
.pill.ink { background: var(--color-ink); color: #fff; box-shadow: inset 0 1px 0 #ffffff2e, 0 1px 2px #0e0e0e33, 0 8px 20px #0e0e0e1f; }
.pill.ink:hover { background: #2a2a2a; }
.pill.white { padding: 0 22px; background: #fff; color: var(--color-ink); box-shadow: 0 0 0 1px #0e0e0e0f, 0 1px 2px #0e0e0e0d; }
.pill.white:hover { background: var(--color-web-recessed); }
.pill.small { gap: 8px; height: 40px; padding: 0 18px; font-size: 15px; box-shadow: inset 0 1px 0 #ffffff2e, 0 1px 2px #0e0e0e33; }

/* Nav */
.nav { display: flex; align-items: center; justify-content: space-between; height: 96px; }
.brand { display: flex; align-items: center; gap: 10px; }
.nav .brand img { width: 30px; height: 30px; }
.nav .brand span { font-size: 19px; line-height: 24px; font-weight: 500; letter-spacing: -0.01em; }
.links { display: flex; align-items: center; gap: 36px; }
.links a { color: var(--color-web-muted); font-size: 15px; line-height: 20px; transition: color 0.15s var(--ease-enter); }
.links a:hover { color: var(--color-ink); }

/* Hero */
.hero { padding-top: 88px; }
.hero-copy { display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; }
.eyebrow {
  display: flex; align-items: center; gap: 10px; height: 36px; padding: 0 16px 0 8px; border-radius: 999px; background: #fff;
  box-shadow: 0 0 0 1px #0e0e0e0d, 0 1px 2px #0e0e0e0d, 0 4px 12px #0e0e0e0a;
  font-size: 14px; line-height: 20px; font-weight: 500;
}
.eyebrow .dot {
  display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 999px;
  background-image: linear-gradient(in oklab 145deg, oklab(76.4% -0.033 -0.110) 0%, var(--color-web-glow) 70%);
  box-shadow: inset 0 1px 0 #ffffff73, 0 2px 6px #2f7cf659;
}
.eyebrow .dot::after { content: ''; width: 6px; height: 6px; border-radius: 999px; background: #fff; }
.hero h1 {
  max-width: 900px; font-size: 84px; line-height: 86px; font-weight: 500; letter-spacing: -0.045em; text-wrap: balance;
}
.lead { max-width: 560px; color: var(--color-web-muted); font-size: 20px; line-height: 28px; }
.actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; padding-top: 8px; }
.status { max-width: 560px; margin-top: -12px; color: var(--color-web-muted); font-size: 14px; line-height: 20px; }
.status:empty { display: none; }
.hero-stage { position: relative; padding-top: 72px; }
.glow {
  position: absolute; top: 8px; left: 50%; width: 1100px; height: 300px; margin-left: -550px; border-radius: 999px; filter: blur(44px);
  background-image: radial-gradient(ellipse 50% 50% at 50% 62% in oklab, oklab(71.8% -0.048 -0.129 / 55%) 0%, oklab(71.8% -0.048 -0.129 / 16%) 52%, oklab(71.8% -0.048 -0.129 / 0%) 100%);
}
.hero-fit { position: relative; width: min(1312px, 100% - 2 * var(--gutter)); margin-inline: auto; }
.hero-tray {
  display: flex; padding: 16px; border-radius: 40px; background: #efefefcc;
  box-shadow: inset 0 0 0 1px #ffffffb3, 0 0 0 1px #0e0e0e08;
}
.holder {
  position: relative; flex-shrink: 0; width: 1280px; height: 840px; overflow: clip; border-radius: 24px;
  box-shadow: 0 1px 2px #0e0e0e0f, 0 12px 40px #0e0e0e1a;
}

/* Features: trays of white cards in the 1200 column. */
.features { display: flex; flex-direction: column; gap: 20px; padding-top: 168px; }
.features-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding: 0 8px 36px; }
.features-header h2 { max-width: 620px; font-size: 52px; line-height: 56px; font-weight: 500; letter-spacing: -0.035em; }
.features-header p { flex-shrink: 0; width: 380px; padding-bottom: 4px; color: var(--color-web-muted); font-size: 18px; line-height: 26px; }
.tray { display: flex; padding: 16px; border-radius: var(--radius-web-tray); background: var(--color-web-tray); }
.card { position: relative; display: flex; width: 100%; overflow: clip; border-radius: var(--radius-web-card); background: #fff; box-shadow: var(--card-shadow); }
.copy { display: flex; flex-direction: column; gap: 14px; }
.copy h3 { max-width: var(--title-width); font-size: 30px; line-height: 34px; font-weight: 500; letter-spacing: -0.02em; }
.copy p { max-width: var(--body-width); color: var(--color-web-muted); font-size: 17px; line-height: 24px; }
.row { display: flex; gap: 20px; }
.row > .tray { flex: 1 1 0; min-width: 0; }

.wide .card { height: 540px; }
.wide .copy { flex-shrink: 0; justify-content: center; width: 470px; padding-left: 56px; }
.wide .visual { display: flex; align-items: center; flex: 1 1 0; min-width: 0; }
/* A wide card's drawing never grows past 1:1; a stacked card centres it. */
.wide .stage { max-width: 698px; margin-inline: auto; }
.wide.flip .copy { order: 2; padding: 0 56px 0 40px; }
.half .card { flex-direction: column; justify-content: space-between; height: 600px; }
.half .copy { padding: 0 48px 48px; }

/* Closing: the lit tile and the copy centred on the card, the connectors and
   folder faces drawn at their size behind them. */
.closing { padding-top: 120px; }
.closing .card { flex-direction: column; align-items: center; justify-content: center; height: 560px; }
.closing-art { position: absolute; top: 50%; left: 50%; width: 1168px; height: 560px; margin: -280px 0 0 -584px; }
.tile { position: relative; }
.closing-copy { position: relative; display: flex; flex-direction: column; align-items: center; gap: 14px; padding-top: 32px; text-align: center; }
.closing-copy h2 { font-size: 60px; line-height: 64px; font-weight: 500; letter-spacing: -0.04em; }
.closing-copy p { color: var(--color-web-muted); font-size: 18px; line-height: 26px; }
.closing-copy .pill { margin-top: 18px; }

/* Footer */
.footer { display: flex; flex-direction: column; gap: 28px; padding: 96px 8px 56px; }
.hairline { height: 1px; background: var(--color-web-hairline); }
.footer-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 15px; line-height: 20px; }
.footer .brand img { width: 24px; height: 24px; }
.footer .brand strong { font-size: 16px; font-weight: 500; }
.footer .brand span { color: var(--color-web-muted); }

/* Not found */
.notfound { padding: 120px 0; }
.notfound h1 { font-size: 52px; line-height: 56px; font-weight: 500; letter-spacing: -0.035em; }
.notfound p { margin-top: 24px; color: var(--color-web-muted); }
.notfound a { color: var(--color-ink); text-decoration: underline; text-underline-offset: 3px; }

/* Motion: the hero arrives on load, 100ms apart, with the 12px lift; each
   tray arrives the same way as it scrolls into view (web/site.mjs). */
@keyframes enter { from { opacity: 0; transform: translateY(12px); } }
.hero-copy, .hero-stage { animation: enter 0.6s var(--ease-enter) both; }
.hero-stage { animation-delay: 0.1s; }
[data-reveal] { opacity: 0; transform: translateY(12px); transition: opacity 0.6s var(--ease-enter), transform 0.6s var(--ease-enter); }
[data-reveal][data-shown] { opacity: 1; transform: none; }
.row > [data-reveal]:nth-child(2) { transition-delay: 0.1s; }
@media (prefers-reduced-motion: reduce) {
  .hero-copy, .hero-stage { animation: none; }
  [data-reveal] { opacity: 1; transform: none; transition: none; }
  .pill { transition: none; }
}

/* A wide card stacks, drawing first and copy under it. The closing card is
   too narrow for the folder faces, so they drop out rather than clip. */
@media (max-width: 1100px) {
  .folders { display: none; }
  .wide .card { flex-direction: column; height: auto; }
  .wide .copy, .wide.flip .copy { order: 2; width: auto; padding: 40px; }
  .wide .visual { order: 1; flex: none; }
}
/* The half-and-half rows and the features header stack. */
@media (max-width: 860px) {
  .row { flex-direction: column; }
  .half .card { height: auto; }
  .half .copy { padding: 24px 48px 48px; }
  .features-header { flex-direction: column; align-items: flex-start; gap: 16px; }
  .features-header p { width: auto; max-width: 480px; }
}
/* Phones: a 16 gutter, no nav links, and the smaller type steps. */
@media (max-width: 700px) {
  :root { --gutter: 16px; }
  .links { display: none; }
  .hero { padding-top: 56px; }
  .hero h1 { font-size: 48px; line-height: 52px; letter-spacing: -0.04em; }
  .hero-stage { padding-top: 48px; }
  .features { padding-top: 112px; }
  .features-header { padding-bottom: 20px; }
  .features-header h2 { font-size: 36px; line-height: 40px; }
  .copy h3 { font-size: 26px; line-height: 30px; }
  .wide .copy, .wide.flip .copy { padding: 32px; }
  .half .copy { padding: 24px 32px 32px; }
  .closing { padding-top: 88px; }
  .closing .card { height: auto; min-height: 560px; padding: 64px 24px; }
  .closing-copy h2 { font-size: 40px; line-height: 44px; }
  .footer { padding-top: 72px; }
  .footer-row { align-items: flex-start; }
  .footer .brand { flex-wrap: wrap; row-gap: 4px; }
}

.p-591e3f90{--w:1312;--h:872}
.p-9c2e5b93{position:relative;width:1280px;height:840px;background-color:var(--color-glass);border-radius:24px;display:flex;font-size:12px;gap:8px;line-height:16px;overflow:clip;padding:8px}
.p-74647888{display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:clip;width:268px}
.p-a4bae5ce{align-items:center;display:flex;flex-shrink:0;height:44px;justify-content:space-between;padding-block:8px;padding-left:16px;padding-right:12px;width:100%}
.p-5f104faa{align-items:center;display:flex;flex-shrink:0;gap:16px}
.p-f59a2411{align-items:center;display:flex;flex-shrink:0;gap:8px;width:52px}
.p-b61c8413{background-color:var(--color-traffic-close);border-radius:999px;flex-shrink:0;height:12px;width:12px}
.p-3827c134{background-color:var(--color-traffic-min);border-radius:999px;flex-shrink:0;height:12px;width:12px}
.p-5f8e4772{background-color:var(--color-traffic-max);border-radius:999px;flex-shrink:0;height:12px;width:12px}
.p-f36c9651{align-items:center;display:flex;flex-shrink:0;gap:2px;width:fit-content}
.p-64f3420a{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}
.p-867764b6{flex-shrink:0}
.p-3ef8fa6d{align-items:center;background-color:var(--color-secondary-translucent);border-radius:8px;display:flex;flex-shrink:0}
.p-66daa9fa{align-items:center;background-color:var(--color-primary);border-radius:8px;box-shadow:#0E0E0E14 0px 0px 0px 0.5px, #0E0E0E1F 0px 1px 2px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}
.p-40567b23{align-items:center;border-bottom-right-radius:8px;border-top-right-radius:8px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}
.p-19cf1d64{display:flex;flex-direction:column;flex-grow:1;gap:24px;padding-bottom:16px;padding-inline:8px;padding-top:8px;width:100%}
.p-15b22f16{display:flex;flex-direction:column;gap:4px;width:100%}
.p-8b792e25{align-items:center;display:flex;flex-shrink:0;height:28px;justify-content:space-between;padding-left:8px;padding-right:4px;width:100%}
.p-82438a25{color:var(--color-secondary);display:inline-block;font-family:'Inter', system-ui, sans-serif;font-size:14px;line-height:20px}
.p-4028cc5c{align-items:center;border-radius:6px;display:flex;gap:8px;padding-block:6px;padding-inline:8px;width:100%}
.p-d26af467{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}
.p-5aeeb854{color:var(--color-ink);display:inline-block;font-family:'Inter', system-ui, sans-serif;font-size:14px;line-height:20px}
.p-91907376{align-items:center;background-color:var(--color-secondary-translucent);border-radius:6px;display:flex;gap:8px;padding-block:6px;padding-left:32px;padding-right:8px;width:100%}
.p-ea87b962{align-items:center;border-radius:6px;display:flex;gap:8px;padding-block:6px;padding-left:56px;padding-right:8px;width:100%}
.p-f3912caf{color:var(--color-ink);display:-webkit-box;flex-shrink:0;font-family:'Inter', system-ui, sans-serif;font-size:14px;line-height:20px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;width:188px}
.p-d22bffc8{align-items:center;border-radius:6px;display:flex;gap:8px;padding-block:6px;padding-left:32px;padding-right:8px;width:100%}
.p-69809420{align-items:center;display:flex;padding-block:4px;padding-inline:8px;width:100%}
.p-707737aa{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end;width:100%}
.p-83929d45{align-items:center;display:flex;flex-shrink:0;gap:4px;height:28px;justify-content:space-between;padding-right:4px;width:252px}
.p-647b835c{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}
.p-41c83d3e{background-color:var(--color-editor-frame);border-radius:var(--radius-panel);box-shadow:var(--color-secondary-translucent) 0px 0px 0px 0.5px inset, var(--color-secondary-translucent) 0px 1px 2px, var(--color-secondary-translucent) 0px 2px 8px;display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:clip;position:relative}
.p-5c8c8931{align-items:center;display:flex;flex-shrink:0;gap:8px;height:44px;padding:8px;padding-block:8px;padding-inline:16px;width:100%}
.p-213770c8{align-items:center;display:flex;gap:8px;height:28px}
.p-d455c55f{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:13px}
.p-1abc360a{align-items:center;display:flex;flex-grow:1;gap:4px;justify-content:flex-end}
.p-69721a6b{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}
.p-e42f638a{align-items:center;display:flex;flex-direction:column;flex-grow:1;overflow:clip;padding-bottom:80px;padding-inline:72px;padding-top:40px;width:100%}
.p-d77c0d65{display:flex;flex-direction:column;gap:20px;width:840px}
.p-1f9bb6cc{color:var(--color-ink);display:inline-block;font-family:'Inter', system-ui, sans-serif;font-size:28px;font-weight:500;line-height:36px}
.p-36f0a311{color:var(--color-ink);display:inline-block;font-family:'Inter', system-ui, sans-serif;font-size:17px;line-height:28px}
.p-092d565e{color:var(--color-ink);display:inline-block;font-family:'Inter', system-ui, sans-serif;font-size:20px;font-weight:500;line-height:28px}
.p-724293ef{align-items:flex-start;display:flex;gap:10px;width:100%}
.p-4cb3278f{flex-shrink:0;width:16px}
.p-4a00f075{border-left-color:var(--color-secondary);border-left-style:solid;border-left-width:2px;display:flex;padding-block:4px;padding-left:16px;width:100%}
.p-47f08d8c{color:var(--color-ink);display:inline-block;font-family:'Inter', system-ui, sans-serif;font-size:17px;font-style:italic;line-height:28px}
.p-0d2e0993{align-items:baseline;display:flex;flex-wrap:wrap;width:100%}
.p-221a6ffc{color:var(--color-ink);display:inline-block;font-family:'Inter', system-ui, sans-serif;font-size:17px;line-height:28px;text-decoration:underline 1px;text-underline-position:from-font}
.p-7fff700a{background-color:#FCFCFC;border-radius:8px;display:flex;flex-direction:column;padding-block:14px;padding-inline:16px;width:100%}
.p-3e3e13a9{color:var(--color-ink);display:inline-block;font-family:'IBM Plex Mono', system-ui, sans-serif;font-size:14px;line-height:22px;white-space:pre;width:max-content}
.p-765099e8{color:var(--color-secondary);display:inline-block;font-family:'Inter', system-ui, sans-serif;font-size:17px;line-height:28px}
.p-e189a753{align-items:center;bottom:0px;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-end;left:0px;padding-bottom:16px;padding-inline:24px;position:absolute;right:0px;width:100%}
.p-dfc459ad{align-items:start;display:flex;flex-direction:column;gap:4px;width:582px}
.p-bcd5d1c4{background-color:var(--color-primary);border-radius:12px;box-shadow:#0E0E0E14 0px 0px 0px 0.5px, #0E0E0E14 0px 1px 2px, #0E0E0E14 0px 8px 24px;display:none;flex-shrink:0;height:44px;padding:6px;width:fit-content}
.p-1b107e78{align-items:center;background-color:var(--color-select);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;padding-inline:10px;width:fit-content}
.p-2c185fbd{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;padding-inline:10px;width:fit-content}
.p-9b5a123a{align-items:center;background-color:var(--color-primary);border-radius:12px;box-shadow:#0E0E0E14 0px 0px 0px 0.5px, #0E0E0E14 0px 1px 2px, #0E0E0E14 0px 8px 24px;display:flex;flex-shrink:0;gap:4px;height:44px;padding:6px;width:582px}
.p-23d0f34d{align-items:center;display:flex;flex-shrink:0;width:37px}
.p-e1debfa3{align-items:center;background-color:var(--color-select);border-radius:8px;display:flex;flex-shrink:0;gap:6px;height:32px;justify-content:center;padding-left:10px;padding-right:8px;width:37px}
.p-3953eeda{background-color:#0E0E0E14;flex-shrink:0;height:16px;width:1px}
.p-f9154b87{align-items:center;display:flex;flex-shrink:0;gap:2px}
.p-c8dce12d{align-items:center;background-color:var(--color-select);border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;padding-inline:10px}
.p-11bcd481{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;padding-inline:10px}
.p-eb020a66{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}
.p-3670f474{align-items:center;background-color:var(--color-primary);box-shadow:#0E0E0E14 0px 0px 0px 0.5px, #0E0E0E1F 0px 1px 2px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px;border-radius:8px}
.p-15f7c888{align-items:center;border-bottom-right-radius:8px;border-top-right-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}
.p-0572a239{--title-width:400px;--body-width:360px}
.p-124fcbd8{--w:698;--h:540}
.p-11cc061f{position:relative;width:698px;height:540px}
.p-16f27e4a{background-image:radial-gradient(ellipse 50% 50% at 50% 50% in oklab, oklab(71.8% -0.048 -0.129 / 30%) 0%, oklab(71.8% -0.048 -0.129 / 10%) 45%, oklab(71.8% -0.048 -0.129 / 0%) 100%);border-radius:999px;height:280px;left:204px;position:absolute;top:96px;width:280px}
.p-1a8e96c0{position:absolute;left:0px;top:0px}
.p-bcc3fd42{height:540px;left:0px;position:absolute;top:0px;width:698px}
.p-323d094e{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:108px;line-height:20px;opacity:0.3;position:absolute;top:54px;width:max-content}
.p-aa3bf9e4{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:492px;line-height:20px;opacity:0.3;position:absolute;top:38px;width:max-content}
.p-89e9e9f8{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:612px;line-height:20px;opacity:0.3;position:absolute;top:94px;width:max-content}
.p-9756e172{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:640px;line-height:20px;opacity:0.3;position:absolute;top:252px;width:max-content}
.p-dd2a05f1{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:587px;line-height:20px;opacity:0.3;position:absolute;top:394px;width:max-content}
.p-2dd83cd9{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:342px;line-height:20px;opacity:0.3;position:absolute;top:484px;width:max-content}
.p-1d9eb6d5{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:572px;line-height:20px;opacity:0.3;position:absolute;top:482px;width:max-content}
.p-34742f15{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:82px;line-height:20px;opacity:0.3;position:absolute;top:240px;width:max-content}
.p-2fef7fa2{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:331px;line-height:20px;position:absolute;top:74px;width:max-content}
.p-539245fe{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:189px;line-height:20px;position:absolute;top:150px;width:max-content}
.p-f5783462{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:534px;line-height:20px;position:absolute;top:168px;width:max-content}
.p-e1d5bfc3{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:491px;line-height:20px;position:absolute;top:312px;width:max-content}
.p-00e8a87c{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;left:394px;line-height:20px;position:absolute;top:400px;width:max-content}
.p-13c30b09{align-items:center;background-color:#FFFFFF;border-radius:999px;box-shadow:#2F7CF659 0px 0px 0px 1px, #2F7CF61A 0px 0px 0px 6px, #2F7CF659 0px 4px 12px;display:flex;height:26px;justify-content:center;left:331px;position:absolute;top:223px;width:26px}
.p-4a8d317d{background-image:linear-gradient(in oklab 145deg, oklab(76.4% -0.033 -0.110) 0%, var(--color-web-glow) 65%, oklab(52.9% -0.031 -0.190) 100%);border-radius:999px;box-shadow:#FFFFFF73 0px 1px 0px inset;flex-shrink:0;height:14px;width:14px}
.p-6f602917{align-items:center;background-color:#FFFFFF;border-radius:999px;box-shadow:#2F7CF638 0px 0px 0px 1px, #0E0E0E0F 0px 1px 2px, #2F7CF629 0px 6px 16px;display:flex;height:32px;left:186px;padding-inline:13px;position:absolute;top:254px}
.p-f7a41bb1{color:var(--color-ink);font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:20px;width:max-content}
.p-592b05cc{background-color:#FFFFFF;border-radius:16px;box-shadow:#0E0E0E0F 0px 0px 0px 1px, #0E0E0E0A 0px 2px 4px, #0E0E0E17 0px 16px 36px;display:flex;flex-direction:column;gap:8px;left:28px;padding-bottom:22px;padding-inline:22px;padding-top:20px;position:absolute;top:322px;width:268px}
.p-7f150bf5{color:var(--color-ink);font-family:var(--font-web-prose);font-size:20px;font-weight:500;line-height:26px}
.p-bfc1e74c{color:var(--color-ink);font-family:var(--font-web-prose);font-size:15px;line-height:24px}
.p-92330085{align-items:center;display:flex;gap:5px;padding-top:2px}
.p-7e802c56{background-color:var(--color-web-glow-wash);border-radius:5px;display:flex;padding-inline:5px}
.p-f3ef5d1c{color:var(--color-ink);font-family:var(--font-web-prose);font-size:15px;line-height:24px;text-decoration:underline 1px;text-underline-offset:3px}
.p-32a4a276{--w:558;--h:380}
.p-34625d6c{position:relative;width:558px;height:380px}
.p-60c098aa{background-image:radial-gradient(ellipse 50% 50% at 50% 40% in oklab, oklab(60.7% -0.036 -0.195 / 55%) 0%, oklab(71.8% -0.048 -0.129 / 22%) 50%, oklab(71.8% -0.048 -0.129 / 0%) 100%);border-radius:999px;filter:blur(18px);height:160px;left:139px;position:absolute;top:180px;width:280px}
.p-33109fac{position:absolute;left:204px;top:62px}
.p-afaae0f3{filter:drop-shadow(#0E0E0E14 0px 1px 1px) drop-shadow(#0E0E0E1A 0px 6px 10px);height:76px;left:64px;position:absolute;rotate:-9deg;top:52px;transform-origin:0% 0%;width:62px}
.p-14359c64{filter:drop-shadow(#0E0E0E14 0px 1px 1px) drop-shadow(#0E0E0E1A 0px 6px 10px);height:76px;left:430px;position:absolute;rotate:1deg;top:226px;transform-origin:0% 0%;width:62px}
.p-7ed44b50{align-items:center;background-image:linear-gradient(in oklab 180deg, oklab(96.1% 0 0) 0%, oklab(98.5% 0 0) 100%);border-radius:999px;box-shadow:#0E0E0E0D 0px 1px 2px inset;display:flex;height:60px;justify-content:center;left:66px;position:absolute;top:238px;width:60px}
.p-2516206b{align-items:center;background-color:#FFFFFF;border-radius:999px;box-shadow:#0E0E0E0F 0px 1px 1px, #0E0E0E1A 0px 4px 10px;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}
.p-44e26224{align-items:center;background-image:linear-gradient(in oklab 180deg, oklab(96.1% 0 0) 0%, oklab(98.5% 0 0) 100%);border-radius:999px;box-shadow:#0E0E0E0D 0px 1px 2px inset;display:flex;height:60px;justify-content:center;left:440px;position:absolute;top:48px;width:60px}
.p-50cf93f8{--title-width:420px;--body-width:420px}
.p-a5e5801f{position:relative;width:558px;height:380px;font-size:12px;line-height:16px}
.p-90d6e23f{background-image:linear-gradient(in oklab 180deg, oklab(100% 0 0) 0%, oklab(97.9% -.0003 -0.003) 100%);border-radius:26px;box-shadow:#0E0E0E0D 0px 0px 0px 1px, #2F7CF61F 0px 2px 0px, #2F7CF614 0px 12px 28px;display:flex;flex-direction:column;gap:18px;height:252px;justify-content:end;left:56px;padding-bottom:26px;padding-inline:28px;position:absolute;top:-36px;width:446px}
.p-801cc8dd{display:flex;flex-direction:column;gap:4px;opacity:0.55}
.p-5747c933{color:#8A8A8A;display:inline-block;font-family:var(--font-web-grotesk);font-size:14px;line-height:18px}
.p-3492607b{color:#3A3A3A;display:inline-block;font-family:var(--font-web-grotesk);font-size:15px;line-height:20px}
.p-0c942163{background-color:var(--color-web-hairline);flex-shrink:0;height:1px;width:100%}
.p-08a40a3c{display:flex;flex-direction:column;gap:4px}
.p-a3e949fb{color:var(--color-ink);display:inline-block;font-family:var(--font-web-prose);font-size:18px;font-weight:500;line-height:24px}
.p-784de4d3{background-color:#2F7CF612;border-radius:999px;box-shadow:#2F7CF614 0px 0px 0px 1px inset;display:flex;height:84px;left:44px;padding:6px;position:absolute;top:244px;width:470px}
.p-83453a7e{background-image:linear-gradient(in oklab 90deg, var(--color-web-glow) 0%, oklab(81.7% -0.022 -0.090) 22%, oklab(95.9% -0.004 -0.018) 50%, oklab(81.7% -0.022 -0.090) 78%, var(--color-web-glow) 100%);border-radius:999px;box-shadow:#2F7CF647 0px 10px 26px;display:flex;height:100%;padding:5px;width:100%}
.p-9a098451{align-items:center;background-color:#FFFFFF;border-radius:999px;box-shadow:#0E0E0E0A 0px -3px 8px inset, #0E0E0E1A 0px 1px 2px;display:flex;gap:12px;height:100%;padding-inline:22px;width:100%}
.p-ee19b8b0{color:var(--color-ink);display:inline-block;flex-grow:1;font-family:var(--font-web-grotesk);font-size:17px;line-height:22px;width:max-content}
.p-8fcc6271{--title-width:374px;--body-width:370px}
.p-a25b60a9{position:relative;width:698px;height:540px;font-size:12px;line-height:16px}
.p-249da2df{background-image:linear-gradient(in oklab 180deg, oklab(95.3% -0.003 -0.016 / 95%) 0%, oklab(97.5% -0.001 -0.007 / 95%) 100%);border-radius:40px;box-shadow:#2F7CF614 0px 0px 0px 1px, #2F7CF624 0px 14px 36px;display:flex;height:250px;left:249px;padding:9px;position:absolute;top:140px;width:200px}
.p-a5e735f3{background-image:linear-gradient(in oklab 215deg, oklab(100% 0 0) 12%, oklab(83.8% -0.017 -0.079) 42%, var(--color-web-glow) 78%, oklab(52.9% -0.031 -0.190) 100%);border-radius:31px;box-shadow:#2F7CF652 0px 10px 24px;display:flex;height:100%;padding:7px;width:100%}
.p-98e897bd{background-color:var(--color-glass);border-radius:24px;box-shadow:#0E0E0E0A 0px -8px 14px inset, #0E0E0E1A 0px 1px 2px;height:100%;position:relative;width:100%}
.p-367c3e1f{left:30px;position:absolute;rotate:-19deg;top:40px;transform-origin:0% 0%}
.p-1a41e28e{background-color:var(--color-primary);border-radius:6px;box-shadow:#14141414 0px 0px 0px 0.5px, #1414141F 0px 1px 2px, #14141424 0px 4px 10px -3px;display:flex;flex-direction:column;height:104px;overflow:clip;padding-block:10px;padding-inline:8px;width:80px}
.p-dcca48bb{display:flex;flex-direction:column;flex-shrink:0;gap:3px;height:84px;overflow:clip;width:64px}
.p-125322ec{color:var(--color-secondary);font-family:'Inter', system-ui, sans-serif;font-size:11px;font-weight:500;line-height:13px;width:max-content}
.p-c3204e13{color:var(--color-secondary);font-family:'Inter', system-ui, sans-serif;font-size:9px;line-height:12px;width:max-content}
.p-d17c0495{left:58px;position:absolute;rotate:15deg;top:36px;transform-origin:0% 0%}
.p-189e21c8{left:44px;position:absolute;top:32px}
.p-99b7aecd{background-color:var(--color-primary);border-radius:6px;box-shadow:#0E0E0E 0px 0px 0px 1px, #1414141F 0px 1px 2px, #14141424 0px 4px 10px -3px;display:flex;flex-direction:column;height:104px;overflow:clip;padding-block:10px;padding-inline:8px;width:80px}
.p-32f4f0f3{color:var(--color-ink);display:inline-block;font-family:var(--font-sans);font-size:14px;left:0px;line-height:20px;position:absolute;text-align:center;top:152px;width:100%}
.p-e8494477{left:40px;position:absolute;top:52px}
.p-709a7e5a{align-items:center;border-radius:10px;display:flex;flex-direction:column;gap:8px;height:148px;padding-bottom:8px;padding-top:48px;width:128px}
.p-81389862{display:flex;flex-shrink:0;height:64px;position:relative;width:80px}
.p-bb1f4427{background-color:var(--color-folder-flap);border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:#FFFFFF57 0px 1px 0px inset;height:16px;left:6px;position:absolute;top:2px;width:32px}
.p-0f5aaf22{background-color:var(--color-folder-flap);border-radius:9px;height:46px;left:0px;position:absolute;top:12px;width:80px}
.p-7a11bc26{background-color:var(--color-folder);border-radius:10px;box-shadow:#FFFFFF52 0px 1px 0px inset, #0E0E0E1A 0px 1px 2px, #246FB8B8 0px 10px 18px -14px;height:46px;left:0px;position:absolute;top:18px;width:80px}
.p-70b2e9ed{color:var(--color-ink);display:inline-block;font-family:'Inter', system-ui, sans-serif;font-size:14px;line-height:20px;width:max-content}
.p-43ef7d9b{left:40px;position:absolute;top:330px}
.p-09c8a0ac{align-items:center;border-radius:10px;display:flex;flex-direction:column;gap:8px;height:148px;left:184px;padding-bottom:8px;padding-top:48px;width:128px}
.p-f3b56870{filter:drop-shadow(#0E0E0E24 0px 12px 18px);left:548px;position:absolute;rotate:6deg;top:318px;transform-origin:0% 0%}
.p-7c425c54{align-items:center;display:flex;flex-direction:column;gap:8px;height:148px;left:336px;padding-block:8px;padding-inline:10px;top:204px;width:128px}
.p-ecec8067{background-color:var(--color-primary);border-radius:6px;box-shadow:#14141414 0px 0px 0px 0.5px, #1414141F 0px 1px 2px, #14141424 0px 4px 10px -3px;display:flex;flex-direction:column;flex-shrink:0;height:104px;overflow:clip;padding-block:10px;padding-inline:8px;width:80px}
.p-d0db582c{display:flex;flex-shrink:0;height:20px;justify-content:center;overflow:clip;width:128px}
.p-1e9d4acb{color:var(--color-ink);font-family:'Inter', system-ui, sans-serif;font-size:14px;line-height:20px;width:max-content}
.p-63f6790a{align-items:center;display:flex;flex-direction:column;gap:8px;height:148px;left:532px;padding-top:12px;position:absolute;top:52px;width:128px}
.p-03a06e44{border-color:#D2D2D2;border-radius:8px;border-style:dashed;border-width:1.5px;flex-shrink:0;height:104px;width:80px}
.p-b006062a{color:#B4B4B4;display:inline-block;font-family:var(--font-sans);font-size:14px;line-height:20px}
.p-92df4dfb{position:absolute;left:618px;top:392px;filter:drop-shadow(#0E0E0E40 0px 2px 3px)}
.p-f2aa1086{background-image:linear-gradient(in oklab 180deg, oklab(100% 0 0) 0%, oklab(98.8% .0004 -0.001) 100%);border-radius:26px;box-shadow:#0E0E0E0D 0px 0px 0px 1px, #2F7CF61F 0px 2px 0px, #2F7CF614 0px 12px 28px;display:flex;flex-direction:column;height:262px;justify-content:end;left:28px;overflow:clip;padding-bottom:22px;padding-inline:16px;position:absolute;top:-36px;width:502px}
.p-cbf7b719{display:flex;flex-direction:column;opacity:0.35}
.p-32f0b3ee{align-items:center;display:flex;flex-shrink:0;height:22px}
.p-229b4f96{color:var(--color-secondary);display:inline-block;flex-shrink:0;font-family:var(--font-sans);font-size:13px;line-height:22px;text-align:right;width:28px}
.p-96651177{color:var(--color-secondary);display:inline-block;flex-shrink:0;font-family:var(--font-sans);font-size:13px;line-height:22px;text-align:right;width:32px}
.p-af50478a{display:inline-block;flex-shrink:0;width:24px}
.p-b8e47534{color:var(--color-ink);display:inline-block;font-family:var(--font-web-mono);font-size:14px;line-height:22px;width:max-content}
.p-ae7741bd{align-items:center;display:flex;flex-shrink:0;height:22px;opacity:0.45}
.p-13639753{align-items:center;display:flex;flex-shrink:0;height:22px;opacity:0.7}
.p-5c16896f{align-items:center;background-color:var(--color-delete);border-top-left-radius:6px;border-top-right-radius:6px;display:flex;flex-shrink:0;height:22px}
.p-39c3ef88{display:inline-block;flex-shrink:0;width:32px}
.p-38881d0a{color:var(--color-ink);display:inline-block;flex-shrink:0;font-family:var(--font-web-mono);font-size:14px;line-height:22px;text-align:center;width:24px}
.p-f76264db{background-color:var(--color-delete-mark);display:inline-block;font-family:var(--font-web-mono)}
.p-c30e29ca{align-items:center;background-color:var(--color-insert);border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:flex;flex-shrink:0;height:22px}
.p-0e968597{display:inline-block;flex-shrink:0;width:28px}
.p-96178af5{background-color:var(--color-insert-mark);display:inline-block;font-family:var(--font-web-mono)}
.p-ec2d0be5{background-color:#2F7CF612;border-radius:999px;box-shadow:#2F7CF614 0px 0px 0px 1px inset;display:flex;height:80px;left:44px;padding:6px;position:absolute;top:250px;width:470px}
.p-8ed69c16{align-items:center;background-color:#FFFFFF;border-radius:999px;box-shadow:#0E0E0E0A 0px -3px 8px inset, #0E0E0E1A 0px 1px 2px;display:flex;gap:8px;height:100%;padding-left:22px;padding-right:8px;width:100%}
.p-b6c9b36d{color:var(--color-web-muted);display:inline-block;flex-grow:1;font-family:var(--font-sans);font-size:14px;line-height:20px}
.p-4690c55e{align-items:center;border-radius:999px;display:flex;height:36px;padding-inline:14px}
.p-140ea482{color:var(--color-ink);display:inline-block;font-family:var(--font-sans);font-size:14px;line-height:20px}
.p-c9f1dd85{align-items:center;background-color:var(--color-secondary-translucent);border-radius:999px;display:flex;height:36px;padding-inline:16px}
.p-d8087a7a{background-image:radial-gradient(ellipse 50% 50% at 50% 40% in oklab, oklab(60.7% -0.036 -0.195 / 55%) 0%, oklab(71.8% -0.048 -0.129 / 22%) 50%, oklab(71.8% -0.048 -0.129 / 0%) 100%);border-radius:999px;filter:blur(18px);height:150px;left:139px;position:absolute;top:170px;width:280px}
.p-563db135{background-image:linear-gradient(in oklab 180deg, oklab(95.3% -0.003 -0.016 / 95%) 0%, oklab(97.5% -0.001 -0.007 / 95%) 100%);border-radius:36px;box-shadow:#2F7CF614 0px 0px 0px 1px, #2F7CF624 0px 14px 36px;display:flex;height:140px;left:209px;padding:8px;position:absolute;top:80px;width:140px}
.p-14b2cdef{align-items:center;background-image:linear-gradient(in oklab 160deg, oklab(76.9% -0.036 -0.115) 0%, var(--color-web-glow) 55%, oklab(51.9% -0.030 -0.192) 100%);border-radius:28px;box-shadow:#FFFFFF38 0px 0px 0px 1px inset, #FFFFFF80 0px 1px 0px inset, #0E1E502E 0px -10px 20px inset, #2F7CF659 0px 12px 28px;display:flex;height:100%;justify-content:center;overflow:clip;position:relative;width:100%}
.p-7c741776{background-image:linear-gradient(in oklab 180deg, oklab(100% 0 0 / 22%) 0%, oklab(100% 0 0 / 0%) 100%);height:round(55%, 1px);left:0px;position:absolute;top:0px;width:100%}
.p-2e3849de{position:relative;flex-shrink:0}
.p-e9c0f3a0{align-items:center;background-image:linear-gradient(in oklab 180deg, oklab(96.1% 0 0) 0%, oklab(98.5% 0 0) 100%);border-radius:999px;box-shadow:#0E0E0E0D 0px 1px 2px inset;display:flex;height:60px;justify-content:center;left:60px;position:absolute;top:62px;width:60px}
.p-68914e52{color:var(--color-ink);display:inline-block;font-family:var(--font-web-prose);font-size:19px;font-weight:500;line-height:24px}
.p-11cdaf15{filter:drop-shadow(#0E0E0E14 0px 1px 1px) drop-shadow(#0E0E0E1A 0px 6px 10px);height:76px;left:421px;position:absolute;rotate:-1deg;top:28px;transform-origin:0% 0%;width:62px}
.p-9838bcf1{align-items:center;background-image:linear-gradient(in oklab 180deg, oklab(96.1% 0 0) 0%, oklab(98.5% 0 0) 100%);border-radius:999px;box-shadow:#0E0E0E0D 0px 1px 2px inset;display:flex;height:60px;justify-content:center;left:440px;position:absolute;top:232px;width:60px}
.p-24d1b117{position:relative;width:1168px;height:560px}
.p-62a0e18f{display:flex;flex-direction:column;height:340px;justify-content:space-between;width:60px;position:absolute;left:120px;top:110px}
.p-827d0c67{align-items:center;background-image:linear-gradient(in oklab 145deg, oklab(83.8% -0.017 -0.079) 0%, var(--color-web-glow) 55%, oklab(52.9% -0.031 -0.190) 100%);border-radius:999px;box-shadow:#FFFFFF80 0px 1px 0px inset, #2F7CF659 0px 6px 18px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}
.p-2bef4852{align-items:center;background-color:#FFFFFF;border-radius:999px;box-shadow:#0E0E0E1F 0px 1px 2px;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}
.p-291568c1{align-items:center;background-image:linear-gradient(in oklab 180deg, oklab(96.1% 0 0) 0%, oklab(98.5% 0 0) 100%);border-radius:999px;box-shadow:#0E0E0E0D 0px 1px 2px inset;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}
.p-ad8474dd{align-items:center;background-image:linear-gradient(in oklab 180deg, oklab(96.1% 0 0) 0%, oklab(98.5% 0 0) 100%);border-radius:999px;box-shadow:#0E0E0E0D 0px 1px 2px inset;display:flex;flex-shrink:0;height:60px;justify-content:center;opacity:0.5;width:60px}
.p-1f596bd2{display:flex;flex-direction:column;height:340px;justify-content:space-between;width:60px;position:absolute;left:988px;top:110px}
.p-1a3b2fb3{background-image:linear-gradient(in oklab 180deg, oklab(95.3% -0.003 -0.016 / 95%) 0%, oklab(97.5% -0.001 -0.007 / 95%) 100%);border-radius:40px;box-shadow:#2F7CF614 0px 0px 0px 1px, #2F7CF624 0px 14px 36px;display:flex;flex-shrink:0;height:148px;padding:9px;position:relative;width:140px}
.p-e15f8961{align-items:center;background-image:linear-gradient(in oklab 180deg, oklab(100% 0 0) 0%, oklab(97.8% -.0009 -0.004) 100%);border-radius:24px;box-shadow:#0E0E0E0D 0px -8px 14px inset, #0E0E0E1A 0px 1px 2px;display:flex;height:100%;justify-content:center;width:100%}
.p-b906561f{background-image:url(/icons/SleekMD-icon-256.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;height:107px;width:107px}