.scope-view-module__3jZ8UG__root{--cyan:#3cd3fc;--cyan-glow:#3cd3fc8c;--ink:#0e1b31;--navy:#1b1d33;--rail:#80a0b699;--focus-on-screen:#a9f0ff;--edge:#0000002e;--shade:#0e122847;--focus:#2f6fdf;isolation:isolate;box-sizing:border-box;-webkit-tap-highlight-color:transparent;place-items:center;width:100%;min-height:400px;padding:24px 0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;position:relative;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.scope-view-module__3jZ8UG__root{--edge:light-dark(#0000002e,#ffffff24);--shade:light-dark(#0e122847,#0000008c);--focus:light-dark(#2f6fdf,#8db4ff)}}.scope-view-module__3jZ8UG__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.scope-view-module__3jZ8UG__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.scope-view-module__3jZ8UG__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.scope-view-module__3jZ8UG__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.scope-view-module__3jZ8UG__screen{--u:min(1px, 100cqi / 1024);width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));border-radius:calc(10 * var(--u));background:var(--navy);box-shadow:0 0 0 1px var(--edge), 0 calc(10 * var(--u)) calc(34 * var(--u)) var(--shade);color:var(--cyan);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.scope-view-module__3jZ8UG__screen[data-layout=narrow]{--u:min(1.2px, 100cqi / 480)}.scope-view-module__3jZ8UG__screen svg{width:100%;height:100%;display:block}.scope-view-module__3jZ8UG__surface,.scope-view-module__3jZ8UG__bezel{pointer-events:none;position:absolute;inset:0}.scope-view-module__3jZ8UG__lens{left:calc((var(--lx) - var(--lr)) * var(--u));top:calc((var(--ly) - var(--lr)) * var(--u));width:calc(2 * var(--lr) * var(--u));height:calc(2 * var(--lr) * var(--u));clip-path:circle(0%);cursor:grab;touch-action:none;border-radius:50%;outline:none;transition:clip-path .38s cubic-bezier(.5,0,.75,0);position:absolute}.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__lens{clip-path:circle(50%);transition:clip-path .56s cubic-bezier(.16,1,.3,1)}.scope-view-module__3jZ8UG__lens:active{cursor:grabbing}.scope-view-module__3jZ8UG__screen:not([data-open]) .scope-view-module__3jZ8UG__lens{pointer-events:none}.scope-view-module__3jZ8UG__lens:after{content:"";inset:calc(6 * var(--u));box-shadow:inset 0 0 0 2px var(--focus-on-screen);opacity:0;pointer-events:none;border-radius:50%;position:absolute}.scope-view-module__3jZ8UG__lens:focus-visible:after{opacity:1}.scope-view-module__3jZ8UG__scan{opacity:.24}.scope-view-module__3jZ8UG__screen[data-idle] .scope-view-module__3jZ8UG__scan{animation:3.2s ease-in-out infinite alternate scope-view-module__3jZ8UG__shimmer}.scope-view-module__3jZ8UG__screen[data-idle] .scope-view-module__3jZ8UG__lens .beacon{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite scope-view-module__3jZ8UG__beacon}.scope-view-module__3jZ8UG__screen[data-idle] .scope-view-module__3jZ8UG__lens .ember{animation:2.4s ease-in-out infinite scope-view-module__3jZ8UG__ember}@keyframes scope-view-module__3jZ8UG__shimmer{0%{opacity:.2}to{opacity:.3}}@keyframes scope-view-module__3jZ8UG__beacon{0%,to{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}@keyframes scope-view-module__3jZ8UG__ember{0%,to{opacity:.75}40%{opacity:1}70%{opacity:.85}}.scope-view-module__3jZ8UG__pin{transform-box:fill-box;transform-origin:50% 100%;transition:transform .16s cubic-bezier(.3,1.6,.5,1)}.scope-view-module__3jZ8UG__pin[data-aimed]{transform:scale(1.14)}.scope-view-module__3jZ8UG__pin[data-dropped]{animation:.52s cubic-bezier(.3,0,.3,1) both scope-view-module__3jZ8UG__drop}.scope-view-module__3jZ8UG__pin[data-leaving]{animation:.3s cubic-bezier(.5,0,.75,0) forwards scope-view-module__3jZ8UG__lift}@keyframes scope-view-module__3jZ8UG__drop{0%{opacity:0;transform:translateY(-34px)scale(1.3)}45%{opacity:1;transform:translateY(2px)scale(.92,1.06)}70%{transform:translateY(0)scale(1.06,.94)}to{transform:none}}@keyframes scope-view-module__3jZ8UG__lift{to{opacity:0;transform:translateY(-30px)scale(.8)}}.scope-view-module__3jZ8UG__reticle{left:calc(var(--lx) * var(--u));top:calc(var(--ly) * var(--u));width:calc(72 * var(--u));height:calc(40 * var(--u));pointer-events:none;opacity:0;transition:opacity .16s;position:absolute;translate:-50% -50%}.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__reticle{opacity:1;transition:opacity .24s .26s}.scope-view-module__3jZ8UG__arcLeft,.scope-view-module__3jZ8UG__arcRight{fill:none;stroke:#dae2de9e;stroke-width:1.5px;stroke-linecap:round;transition:transform .26s cubic-bezier(.3,1.5,.5,1),stroke .16s}.scope-view-module__3jZ8UG__screen:not([data-open]) .scope-view-module__3jZ8UG__arcLeft{transform:translate(-12px)}.scope-view-module__3jZ8UG__screen:not([data-open]) .scope-view-module__3jZ8UG__arcRight{transform:translate(12px)}.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__arcLeft,.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__arcRight{transition:transform .42s cubic-bezier(.3,1.5,.5,1) .3s,stroke .16s}.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__reticle[data-zooming] .scope-view-module__3jZ8UG__arcLeft{transition-delay:0s;transform:translate(5px)}.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__reticle[data-zooming] .scope-view-module__3jZ8UG__arcRight{transition-delay:0s;transform:translate(-5px)}.scope-view-module__3jZ8UG__disc{fill:#80a2bad1;transition:fill .16s}.scope-view-module__3jZ8UG__dot{fill:#d4705a;transform-box:fill-box;transform-origin:50%;transition:fill .16s,transform .2s cubic-bezier(.3,1.6,.5,1)}.scope-view-module__3jZ8UG__reticle[data-aimed] .scope-view-module__3jZ8UG__arcLeft,.scope-view-module__3jZ8UG__reticle[data-aimed] .scope-view-module__3jZ8UG__arcRight{stroke:var(--cyan)}.scope-view-module__3jZ8UG__reticle[data-aimed] .scope-view-module__3jZ8UG__disc{fill:#3cd3fc66}.scope-view-module__3jZ8UG__reticle[data-aimed] .scope-view-module__3jZ8UG__dot{fill:#e9fbff;transform:scale(1.3)}.scope-view-module__3jZ8UG__ripple{width:calc(28 * var(--u));height:calc(28 * var(--u));margin:calc(-14 * var(--u)) 0 0 calc(-14 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) var(--cyan), 0 0 calc(10 * var(--u)) var(--cyan-glow);opacity:0;border-radius:50%;animation:.62s cubic-bezier(.2,.8,.3,1) scope-view-module__3jZ8UG__ripple;position:absolute;top:50%;left:50%}@keyframes scope-view-module__3jZ8UG__ripple{0%{opacity:.95;transform:scale(.3)}to{opacity:0;transform:scale(3.2)}}.scope-view-module__3jZ8UG__title{left:50%;top:calc((var(--bar) / 2 + 9) * var(--u));font-size:calc(17.5 * var(--u));letter-spacing:.005em;color:var(--cyan);text-shadow:0 0 calc(6 * var(--u)) var(--cyan-glow);white-space:nowrap;pointer-events:none;margin:0;font-weight:500;line-height:1;position:absolute;translate:-50% -50%}.scope-view-module__3jZ8UG__gauge{left:calc(var(--gx) * var(--u));top:calc(var(--gy0) * var(--u));width:calc(16 * var(--u));height:calc((var(--gy1) - var(--gy0)) * var(--u));border-radius:calc(4 * var(--u));cursor:ns-resize;touch-action:none;outline:none;transition:opacity .24s;position:absolute;translate:-50%}.scope-view-module__3jZ8UG__screen:not([data-open]) .scope-view-module__3jZ8UG__gauge{opacity:.3;pointer-events:none}.scope-view-module__3jZ8UG__gauge:focus-visible{box-shadow:0 0 0 calc(4 * var(--u)) var(--navy), 0 0 0 calc(4 * var(--u) + 2px) var(--focus-on-screen)}.scope-view-module__3jZ8UG__rails{fill:var(--rail);position:absolute;inset:0}.scope-view-module__3jZ8UG__gauge .scope-view-module__3jZ8UG__cap{width:100%;height:calc(8 * var(--u));fill:var(--rail);position:absolute;left:0}.scope-view-module__3jZ8UG__gauge .scope-view-module__3jZ8UG__cap[data-end=top]{top:calc(-4 * var(--u))}.scope-view-module__3jZ8UG__gauge .scope-view-module__3jZ8UG__cap[data-end=bottom]{bottom:calc(-4 * var(--u));rotate:180deg}.scope-view-module__3jZ8UG__fill{left:calc(5.6 * var(--u));width:calc(4.8 * var(--u));bottom:calc(6 * var(--u));height:calc(var(--gauge-t) * ((var(--gy1) - var(--gy0) - 12) * var(--u)));background:linear-gradient(#3cd3fc80,#3cd3fc26);position:absolute}.scope-view-module__3jZ8UG__thumb{left:50%;bottom:calc((var(--gauge-t) * (var(--gy1) - var(--gy0) - 12) + 6) * var(--u));width:calc(22 * var(--u));height:calc(4 * var(--u));border-radius:calc(2 * var(--u));background:var(--cyan);box-shadow:0 0 calc(8 * var(--u)) var(--cyan-glow);position:absolute;translate:-50% 50%}.scope-view-module__3jZ8UG__readout{left:50%;top:calc(100% + 12 * var(--u));font-size:calc(11 * var(--u));font-variant-numeric:tabular-nums;color:var(--cyan);opacity:.85;white-space:nowrap;text-shadow:0 0 calc(5 * var(--u)) var(--cyan-glow);font-weight:600;position:absolute;translate:-50%}.scope-view-module__3jZ8UG__palette{left:calc(var(--lx) * var(--u));top:calc(var(--py) * var(--u));gap:calc(6 * var(--u));transition:opacity .2s,visibility 0s .2s;display:flex;position:absolute;translate:-50% -50%}.scope-view-module__3jZ8UG__screen:not([data-open]) .scope-view-module__3jZ8UG__palette{opacity:0;visibility:hidden}.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__palette{transition:opacity .24s .32s}.scope-view-module__3jZ8UG__stamp{--stamp-ink:color-mix(in oklab, var(--pin) 58%, #000);width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:calc(4 * var(--u));color:var(--pin);box-shadow:0 0 calc(7 * var(--u)) color-mix(in srgb, var(--pin) 65%, transparent);cursor:pointer;background:0 0;border:0;margin:0;padding:0;transition:color .2s,box-shadow .2s,translate .16s;display:block}.scope-view-module__3jZ8UG__stamp[data-used]{--stamp-ink:#1e2624d9;color:#3c4842d1;box-shadow:none;cursor:default}.scope-view-module__3jZ8UG__stamp:not([data-used]):hover{translate:0 calc(-1.5 * var(--u))}.scope-view-module__3jZ8UG__stamp:focus-visible{outline:2px solid var(--focus-on-screen);outline-offset:2px}.scope-view-module__3jZ8UG__caret{left:calc((var(--sel) * 24 + 9) * var(--u));top:calc(100% + 5 * var(--u));width:calc(9 * var(--u));height:calc(5 * var(--u));background:var(--cyan);clip-path:polygon(50% 0,100% 100%,0 100%);transition:left .24s cubic-bezier(.3,1.5,.5,1),opacity .16s;position:absolute;translate:-50%}.scope-view-module__3jZ8UG__caret[data-hidden]{opacity:0}.scope-view-module__3jZ8UG__mini{left:calc((var(--mx) - var(--mr) * 1.16) * var(--u));top:calc((var(--my) - var(--mr) * 1.16) * var(--u));width:calc(var(--mr) * 2.32 * var(--u));height:calc(var(--mr) * 2.32 * var(--u));pointer-events:none;position:absolute}.scope-view-module__3jZ8UG__miniPin{transform-box:fill-box;transform-origin:50%;animation:.42s cubic-bezier(.3,1.8,.5,1) both scope-view-module__3jZ8UG__pop}@keyframes scope-view-module__3jZ8UG__pop{0%{transform:scale(0)}}.scope-view-module__3jZ8UG__hints{right:calc((var(--w) - var(--hr)) * var(--u));top:calc((var(--h) - var(--bar) + 7) * var(--u));align-items:center;gap:calc(22 * var(--u));display:flex;position:absolute;translate:0 -50%}.scope-view-module__3jZ8UG__hint{align-items:center;gap:calc(6 * var(--u));padding:calc(1 * var(--u)) calc(3 * var(--u));border-radius:calc(4 * var(--u));color:var(--cyan);font:inherit;font-size:calc(13.2 * var(--u));white-space:nowrap;text-shadow:0 0 calc(6 * var(--u)) var(--cyan-glow);cursor:pointer;background:0 0;border:0;margin:0;font-weight:600;line-height:1.2;display:inline-flex}.scope-view-module__3jZ8UG__hint svg{width:calc(15 * var(--u));height:calc(15 * var(--u));box-shadow:0 0 calc(6 * var(--u)) var(--cyan-glow);border-radius:50%}.scope-view-module__3jZ8UG__hint:hover span{color:#b7f1ff}.scope-view-module__3jZ8UG__hint[aria-disabled=true]{opacity:.45}.scope-view-module__3jZ8UG__hint:focus-visible{outline:2px solid var(--focus-on-screen);outline-offset:1px}.scope-view-module__3jZ8UG__live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.scope-view-module__3jZ8UG__lens,.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__lens,.scope-view-module__3jZ8UG__reticle,.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__reticle,.scope-view-module__3jZ8UG__arcLeft,.scope-view-module__3jZ8UG__arcRight,.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__arcLeft,.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__arcRight,.scope-view-module__3jZ8UG__pin,.scope-view-module__3jZ8UG__palette,.scope-view-module__3jZ8UG__screen[data-open] .scope-view-module__3jZ8UG__palette,.scope-view-module__3jZ8UG__caret,.scope-view-module__3jZ8UG__gauge,.scope-view-module__3jZ8UG__stamp{transition:none}.scope-view-module__3jZ8UG__pin[data-dropped],.scope-view-module__3jZ8UG__pin[data-leaving],.scope-view-module__3jZ8UG__ripple,.scope-view-module__3jZ8UG__miniPin,.scope-view-module__3jZ8UG__screen[data-idle] .scope-view-module__3jZ8UG__scan{animation:none}.scope-view-module__3jZ8UG__ripple{display:none}}
