.p5__screen--monitors{background:var(--product-demo-bg)}.p5-monitors{display:flex;block-size:100%;flex-direction:column;padding:7px 88px 0 58px;overflow:hidden}.p5-monitors__head{display:flex;align-items:flex-end;justify-content:space-between;block-size:96px;flex:0 0 auto}.p5-monitors h2{font-family:var(--product-demo-fontStack-serif);font-size:28px;font-weight:600;line-height:1.2}.p5-monitors__new{display:inline-flex;align-items:center;block-size:36px;padding-inline:16px;border-radius:8px;background:var(--p5-ink);color:var(--product-demo-bg);font-size:14px;font-weight:500}.p5-monitors__controls{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-block-start:16px}.p5-monitors__search{display:inline-flex;align-items:center;gap:8px;inline-size:320px;block-size:32px;padding-inline:12px;border:1px solid var(--product-demo-border);border-radius:9999px;background:var(--product-demo-bg);color:var(--p5-muted);font-size:14px}.p5-monitors__search svg{inline-size:14px;block-size:14px;flex:0 0 auto}.p5-chip{display:inline-flex;align-items:center;gap:4px;block-size:32px;padding-inline:12px;border:1px solid var(--product-demo-border);border-radius:9999px;background:var(--product-demo-bg);color:var(--p5-muted);font-size:14px;white-space:nowrap}.p5-chip svg{inline-size:14px;block-size:14px;flex:0 0 auto}.p5-mtable{min-block-size:0;flex:1 1 auto;margin-block-start:16px;overflow:hidden}.p5-mtable__head,.p5-mtable__row{display:grid;grid-template-columns:minmax(0,1fr) 264px 140px 160px 110px;align-items:center;gap:16px;padding:8px 4px}.p5-mtable__head{block-size:36px;border-block-end:1px solid var(--product-demo-border);color:var(--p5-muted);font-size:14px}.p5-mtable__head span{display:inline-flex;align-items:center;gap:4px}.p5-mtable__head svg{inline-size:14px;block-size:14px}.p5-mtable__row{block-size:52px;border-block-end:1px solid color-mix(in srgb,var(--product-demo-ink) 13.5%,transparent);font-size:14px}.p5-mtable__name{display:flex;align-items:center;gap:8px;min-inline-size:0;color:var(--p5-ink);font-weight:500}.p5-mtable__name>:last-child,.p5-mtable__project,.p5-mtable__updated{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p5-mtable__dot{inline-size:7px;block-size:7px;flex:0 0 auto;border-radius:9999px;background:oklch(0.465 0.128 256)}.p5-mtable__row:not(:has(.p5-mtable__dot)) .p5-mtable__name{padding-inline-start:15px}.p5-mtable__project{display:flex;align-items:center;gap:8px;color:var(--p5-ink)}.p5-mtable__project svg{inline-size:18px;block-size:18px;flex:0 0 auto;color:var(--project-color, var(--p5-muted))}.p5-mtable__project--none{color:var(--p5-muted)}.p5-mtable__alerts,.p5-mtable__updated{color:var(--p5-muted);font-size:14px}.p5-monitors .p5-toast{--p5-toast-scale: 1;inset:auto 16px 16px auto;display:flex;inline-size:420px;min-inline-size:420px;max-inline-size:420px;padding:16px;transform-origin:right bottom}.p5-monitors .p5-toast__title{display:block;text-overflow:ellipsis;white-space:nowrap}.p5-monitors .p5-toast__title::after{margin-inline-start:6px;color:var(--p5-muted);content:"Just now";font-size:12px;font-weight:400}.p5-monitors .p5-toast__body{position:relative;display:flex;inline-size:354px;flex-direction:column;gap:2px}.p5-monitors .p5-toast__time{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.p5-monitors__cursor{--p5-cursor-x: 700px;--p5-cursor-y: 430px}.DRFilm.can-animate .p5-toast{opacity:0}.DRFilm.can-animate .p5-monitors__cursor{transition:translate 1280ms cubic-bezier(0.42,0,0.16,1) 2400ms,opacity 320ms linear 2200ms}.DRFilm.is-playing .p5-toast{animation:p5-toast-in 560ms var(--p5-ease) 1600ms both,p5-toast-press 300ms var(--p5-ease) 4280ms}.DRFilm.is-playing .p5-monitors__cursor{--p5-cursor-x: var(--p5-monitor-toast-x, 1184px);--p5-cursor-y: var(--p5-monitor-toast-y, 912px);opacity:1;animation:p5-cursor-press 460ms var(--p5-ease) 4280ms both}.DRFilm.is-settled .p5-toast{opacity:1;translate:0 0}.p5__screen--monitors{opacity:1}.p5__screen--inbox{z-index:2;opacity:0}.p5__screen--easel{z-index:3;opacity:0}.DRFilm.is-playing .p5__screen--monitors{animation:p5-scene-sink 420ms var(--p5-ease) 5150ms both}.DRFilm.is-playing .p5__screen--inbox{animation:p5-scene-in 280ms linear 5150ms both,p5-scene-sink 420ms var(--p5-ease) 11050ms forwards}.DRFilm.is-playing .p5-ibx-feed{animation:p5-pane-in 460ms var(--p5-out) 5150ms both}.DRFilm.is-playing .p5-ibx-reader{animation:p5-pane-in 460ms var(--p5-out) 5250ms both}.DRFilm.is-playing .product-demo__nav-item--active{animation:p5-nav-leave 420ms var(--p5-ease) 5150ms both}.DRFilm.is-playing .product-demo__nav-item--inbox{animation:p5-nav-enter 420ms var(--p5-ease) 5150ms both,p5-nav-leave 420ms var(--p5-ease) 11050ms forwards}.DRFilm.is-playing .p5__screen--easel{animation:p5-scene-rise 420ms var(--p5-out) 11050ms both}.DRFilm.is-playing .product-demo__nav-item--easel{animation:p5-nav-enter 420ms var(--p5-ease) 11050ms both}.DRFilm.is-settled .p5__screen--monitors,.DRFilm.is-settled .p5__screen--inbox{opacity:0}.DRFilm.is-settled .p5__screen--easel{opacity:1}.DRFilm.is-settled .product-demo__nav-item--active,.DRFilm.is-settled .product-demo__nav-item--inbox{background:transparent;color:var(--product-demo-nav-ink)}.DRFilm.is-settled .product-demo__nav-item--easel{background:rgb(37 33 31 / 7%);color:var(--p5-ink)}