.tm{--tm-blue:#0d84ff;--tm-d:.3s;--tm-ease:cubic-bezier(.3, .7, .2, 1);isolation:isolate;display:inline-block;position:relative}:is(.tm-slides,.tm-sketch,.tm-cells,.tm-select,.tm-pen,.tm-marquee,.tm-frame,.tm-proto){margin:0 .2em}.tm-proto{margin-right:.5em}.tm-deco{pointer-events:none;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:0;font-style:normal;font-weight:500;line-height:1;position:absolute;inset:0}.tm-deco i,.tm-deco b{font-style:normal;font-weight:inherit;display:block;position:absolute}.tm-deco svg{fill:none;position:absolute;overflow:visible}.tm-deco svg path{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.tm-deco svg path[pathLength]{stroke-dasharray:1;stroke-dashoffset:1px;animation:tm-draw .6s var(--tm-ease) var(--tm-d) forwards}@keyframes tm-draw{to{stroke-dashoffset:0}}@keyframes tm-in{0%{opacity:0}}@keyframes tm-pop{0%{opacity:0;transform:translateY(4px) scale(.85) rotate(var(--tm-r,0deg))}}@keyframes tm-stamp{0%{opacity:0;transform:scale(1.7) rotate(var(--tm-r,0deg))}60%{opacity:1}}@keyframes tm-grow-x{0%{transform:scaleX(0)}}@keyframes tm-grow-y{0%{transform:scaleY(0)}}@keyframes tm-blink{50%{opacity:0}}@keyframes tm-ants{to{background-position:8px 0,-8px 100%,0 -8px,100% 8px}}.tm-leader{transform-origin:0;animation:tm-grow-x .45s var(--tm-ease) var(--tm-d) both;border-bottom:2px dotted #c4c8cf;bottom:.02em;left:0;right:0}.tm-stamp{--tm-r:-9deg;color:#16a34a;letter-spacing:.14em;text-transform:uppercase;transform:rotate(var(--tm-r));animation:tm-stamp .32s cubic-bezier(.5, 0, .7, 1.4) calc(var(--tm-d) + .35s) both;background:#ffffffd9;border:1.5px solid;border-radius:5px;padding:3px 6px 2px;font-size:10.5px;top:-.62em;right:-1.25em}.tm-pill{--tm-r:0deg;background:var(--tm-blue);color:#fff;white-space:nowrap;animation:tm-pop .35s var(--tm-ease) var(--tm-d) both;border-radius:999px;align-items:center;gap:4px;padding:4px 9px 4px 7px;font-size:11px;bottom:92%;right:-2.1em;box-shadow:0 4px 12px -4px #0d84ff8c;display:flex!important}.tm-pill svg{position:static}.tm-chart-box{z-index:-1;height:.4em;top:84%;left:-.05em;right:-.1em}.tm-chart-box svg{width:100%;height:100%;inset:0}.tm-chart-box path[pathLength]{stroke:var(--tm-blue);stroke-width:2px;animation-duration:.7s}.tm-chart-box .tm-area{animation:tm-in .4s ease calc(var(--tm-d) + .4s) both}.tm-dot{background:var(--tm-blue);width:8px;height:8px;animation:tm-pop .25s var(--tm-ease) calc(var(--tm-d) + .65s) both;border:2px solid #fff;border-radius:50%;top:10%;right:0;translate:50% -50%;box-shadow:0 0 0 3px #0d84ff2e}.tm-scribble{width:100%;height:.5em;top:74%;left:4%}.tm-scribble path{stroke:#2546c9;stroke-width:2.2px}.tm-sign-line{animation:tm-in .3s ease var(--tm-d) both;border-bottom:1px solid #cfd3da;bottom:-.2em;left:0;right:-.15em}.tm-sign-line i{color:#9aa0a8;font-size:12px;bottom:2px;left:0}.tm-mark{z-index:-1;transform-origin:0;animation:tm-grow-x .4s var(--tm-ease) var(--tm-d) both;background:#ffe680;border-radius:3px;inset:38% -.08em 6% -.12em;transform:skew(-10deg)}.tm-note{width:18px;height:16px;animation:tm-pop .3s var(--tm-ease) calc(var(--tm-d) + .3s) both;background:#ffd23f;border-radius:5px 5px 5px 1px;top:-.15em;right:-.75em;box-shadow:0 3px 8px -3px #a0780080}.tm-note:before{content:"";opacity:.55;background:linear-gradient(#8a6a00 0 1.5px,#0000 0 4px,#8a6a00 0 5.5px,#0000 0);height:6px;position:absolute;top:5px;left:4px;right:4px}.tm-slide{animation:tm-in .3s ease var(--tm-d) both;border:1.5px solid #cfd4dc;border-radius:6px;inset:-.04em -.28em .02em}.tm-progress{background:var(--tm-blue);transform-origin:0;height:3px;animation:tm-grow-x .7s var(--tm-ease) calc(var(--tm-d) + .1s) both;border-radius:0 0 6px 6px;bottom:.02em;left:-.28em;right:-.28em}.tm-count{color:#8a8f97;white-space:nowrap;animation:tm-in .3s ease var(--tm-d) both;font-size:10.5px;bottom:calc(100% + .25em);left:-.28em}.tm-field{padding-right:.08em}.tm-word{display:inline-block}.tm-field .tm-word{animation:tm-type calc(var(--tm-n) * 60ms) steps(var(--tm-n), end) var(--tm-d) both}@keyframes tm-type{0%{clip-path:inset(-1em 100% -1em -1em)}}.tm-answer{background:#cfd3da;height:1px;bottom:.02em;left:0;right:0}.tm-focus{background:var(--tm-blue);height:2px;animation:tm-grow-x .35s var(--tm-ease) var(--tm-d) both;bottom:calc(.02em - .5px);left:0;right:0}.tm-caret{background:var(--tm-blue);width:2px;animation:tm-in .1s ease calc(var(--tm-d) + var(--tm-n) * 60ms) both, tm-blink .9s steps(1) calc(var(--tm-d) + var(--tm-n) * 60ms + .4s) 3;border-radius:1px;top:16%;bottom:18%;right:-.1em}.tm-loop{width:calc(100% + .8em);height:calc(100% + .52em);inset:-.32em -.4em -.2em}.tm-loop path{stroke:#f0534f;stroke-width:2.4px}.tm-arrow{width:.8em;height:.7em;bottom:78%;left:calc(100% + .1em)}.tm-arrow path{stroke:#f0534f;stroke-width:2.2px;animation-delay:calc(var(--tm-d) + .45s)!important;animation-duration:.35s!important}.tm-rule{color:#9aa0a8;height:12px;animation:tm-in .3s ease var(--tm-d) both;background:repeating-linear-gradient(90deg,#c3c8cf 0 1px,#0000 1px 10px) bottom/100% 4px no-repeat;border-bottom:1px solid #d3d7dd;font-size:9px;bottom:calc(100% + .2em);left:-.1em;right:-.1em}.tm-rule i{top:-2px}.tm-rule i:first-child{left:22%}.tm-rule i:nth-child(2){left:52%}.tm-rule i:nth-child(3){left:82%}.tm-indent{border:5px solid #0000;border-top-color:var(--tm-blue);width:0;height:0;animation:tm-pop .3s var(--tm-ease) calc(var(--tm-d) + .2s) both;border-bottom:0;bottom:calc(100% + .2em - 1px);left:-.1em}.tm-cell{animation:tm-in .25s ease var(--tm-d) both;background:#107c410f;border:2px solid #107c41;inset:0 -.22em .02em}.tm-fill{width:7px;height:7px;animation:tm-pop .25s var(--tm-ease) calc(var(--tm-d) + .15s) both;background:#107c41;border:1.5px solid #fff;bottom:calc(.02em - 4px);right:calc(-.22em - 4px)}.tm-col{color:#107c41;text-align:center;height:15px;animation:tm-in .25s ease var(--tm-d) both;background:#e9f1ec;border-bottom:2px solid #107c41;font-size:10px;line-height:14px;bottom:calc(100% + 2px);left:-.22em;right:-.22em}.tm-box{animation:tm-in .25s ease var(--tm-d) both;border:1px solid #0d99ff;inset:.02em -.22em .04em}.tm-box b{width:7px;height:7px;animation:tm-pop .25s var(--tm-ease) calc(var(--tm-d) + .1s) both;background:#fff;border:1px solid #0d99ff}.tm-box b:first-child{top:-4px;left:-4px}.tm-box b:nth-child(2){top:-4px;right:-4px}.tm-box b:nth-child(3){bottom:-4px;left:-4px}.tm-box b:nth-child(4){bottom:-4px;right:-4px}.tm-size{color:#fff;white-space:nowrap;animation:tm-pop .3s var(--tm-ease) calc(var(--tm-d) + .2s) both;background:#0d99ff;border-radius:4px;padding:2px 5px;font-size:10px;top:calc(100% + .25em);left:50%;translate:-50%}.tm-penbox{inset:-.15em -.3em}.tm-penbox svg{width:100%;height:100%;inset:0}.tm-penbox path{stroke:#ff7a00;stroke-width:1.8px}.tm-penbox .tm-handles{stroke:#ffb066;stroke-width:1px;animation:tm-in .3s ease calc(var(--tm-d) + .4s) both}.tm-anchor,.tm-knob{width:7px;height:7px;animation:tm-pop .25s var(--tm-ease) calc(var(--tm-d) + .4s) both;translate:-50% -50%}.tm-anchor{background:#fff;border:1.5px solid #ff7a00}.tm-knob{background:#ff7a00;border-radius:50%;width:6px;height:6px}.tm-ants{animation:tm-in .2s ease var(--tm-d) both, tm-ants .45s linear var(--tm-d) 6;background:linear-gradient(90deg,#222 50%,#0000 0) 0 0/8px 1px repeat-x,linear-gradient(90deg,#222 50%,#0000 0) 0 100%/8px 1px repeat-x,linear-gradient(0deg,#222 50%,#0000 0) 0 0/1px 8px repeat-y,linear-gradient(0deg,#222 50%,#0000 0) 100% 0/1px 8px repeat-y;inset:0 -.22em .02em}.tm-layer{color:#555b63;white-space:nowrap;animation:tm-pop .3s var(--tm-ease) calc(var(--tm-d) + .15s) both;background:#fff;border:1px solid #e2e5ea;border-radius:6px;align-items:center;gap:4px;padding:3px 7px 3px 5px;font-size:10px;bottom:calc(100% + .25em);left:-.22em;box-shadow:0 2px 6px -3px #0003;display:flex!important}.tm-layer svg{position:static}.tm-tf{animation:tm-in .25s ease var(--tm-d) both;background:repeating-linear-gradient(#0000 0 10px,#6f7dff21 10px 11px);border:1px solid #6f7dff;inset:0 -.22em .02em}.tm-port{width:8px;height:8px;animation:tm-pop .25s var(--tm-ease) calc(var(--tm-d) + .1s) both;background:#fff;border:1px solid #6f7dff;top:26%;left:calc(-.22em - 4px)}.tm-overset{color:#e5484d;text-align:center;width:10px;height:10px;animation:tm-pop .25s var(--tm-ease) calc(var(--tm-d) + .2s) both;background:#fff;border:1px solid #e5484d;font-size:10px;line-height:8px;bottom:14%;right:calc(-.22em - 5px)}@media (prefers-reduced-motion:reduce){.tm-deco *,.tm-deco svg path[pathLength]{animation:none!important}.tm-deco svg path[pathLength]{stroke-dashoffset:0}}.tm-ufr{border:1.5px solid var(--tm-blue);animation:tm-in .25s ease var(--tm-d) both;inset:0 -.22em .02em}.tm-uname{color:var(--tm-blue);white-space:nowrap;animation:tm-in .3s ease var(--tm-d) both;font-size:10.5px;bottom:calc(100% + .25em);left:-.22em}.tm-unode{border:2px solid var(--tm-blue);box-sizing:border-box;width:12px;height:12px;animation:tm-pop .25s var(--tm-ease) calc(var(--tm-d) + .2s) both;background:#fff;border-radius:50%;top:30%;right:calc(-.22em - 6px)}.tm-ulink{width:.42em;height:calc(30% + .5em + 6px);top:-.5em;left:calc(100% + .22em + 6px)}.tm-ulink path{stroke:var(--tm-blue);stroke-width:2px}.tm-ulink path[pathLength]{animation-delay:calc(var(--tm-d) + .3s)}.tm-track{transform-origin:0;height:4px;animation:tm-grow-x .4s var(--tm-ease) var(--tm-d) both;background:linear-gradient(90deg,#1b1b1d,#f1f1f1);border-radius:2px;bottom:-.1em;left:0;right:0;box-shadow:inset 0 0 0 1px #1111131a}.tm-dknob{width:14px;height:14px;animation:tm-in .2s ease calc(var(--tm-d) + .25s) both, tm-dslide .6s var(--tm-ease) calc(var(--tm-d) + .25s) both;background:#fff;border-radius:50%;margin-left:-7px;bottom:calc(-.1em - 5px);left:74%;box-shadow:0 0 0 1.5px #1b1b1d,0 2px 6px #00000040}@keyframes tm-dslide{0%{left:50%}}.tm-ev{color:#fff;white-space:nowrap;animation:tm-pop .3s var(--tm-ease) calc(var(--tm-d) + .6s) both;background:#1b1b1d;border-radius:6px;padding:3px 7px;font-size:10.5px;bottom:calc(100% + .2em);right:-.4em}
