.demo{color:var(--text);-webkit-user-select:none;user-select:none;font-size:clamp(9px,2.2cqi,13.5px);position:absolute;inset:0;overflow:hidden}.tool-third .demo{font-size:clamp(9px,3cqi,13px)}.demo:not([data-play=true]) *,.demo:not([data-play=true]) :before,.demo:not([data-play=true]) :after,[data-loop]:not([data-play=true]) *{animation-play-state:paused!important}.demo .kbd{font-size:.9em}.demo-cap{background:radial-gradient(70% 60% at 80% 10%,#4f8bff33,#0000 70%),linear-gradient(160deg,#f3f6fc,#e7ecf6)}.cap-win{background:var(--s-window);border:1px solid var(--line);border-radius:.7em;position:absolute;overflow:hidden;box-shadow:0 1em 2em -1em #1419284d}.cap-win-a{width:46%;height:58%;padding:2.4em 1.2em 0;top:12%;left:7%}.cap-bar{background:var(--s-fill);height:1.6em;position:absolute;inset:0 0 auto}.cap-line{background:var(--s-fill-2);border-radius:1em;height:.6em;margin-bottom:.8em;display:block}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.cap-win-b{width:52%;height:58%;padding:1.2em;top:30%;left:40%}.cap-chart{align-items:flex-end;gap:8%;height:100%;display:flex}.cap-chart i{background:linear-gradient(#6aa2ff,#4f6bff);border-radius:.3em .3em 0 0;flex:1}.cap-chart i:nth-child(2n){background:linear-gradient(#a98bff,#6b4bff)}.cap-sel{width:54%;height:56%;animation:cap-sel 7s var(--ease) infinite;border:1.5px dashed #141928bf;border-radius:2px;position:absolute;top:22%;left:34%;box-shadow:0 0 0 200vmax #14192847}.cap-size{color:#fff;font-family:var(--mono);white-space:nowrap;background:#141928d1;border-radius:.4em;padding:.25em .6em;font-size:.85em;animation:7s infinite cap-size;position:absolute;bottom:.5em;right:.5em}.cap-flash{opacity:0;pointer-events:none;background:#fff;animation:7s infinite cap-flash;position:absolute;inset:0}.cap-thumb{background:var(--s-window);transform-origin:100% 100%;opacity:0;width:54%;height:56%;animation:cap-thumb 7s var(--ease) infinite;border:2px solid #fff;border-radius:.5em;padding:.8em;position:absolute;top:22%;left:34%;box-shadow:0 0 0 .5px #14192833,0 1em 2em #14192859}.cap-keys{gap:.3em;animation:7s infinite cap-keys;display:flex;position:absolute;bottom:6%;left:4%}@keyframes cap-sel{0%,6%{opacity:0;width:0;height:0}8%{opacity:1;width:0;height:0}32%,45%{opacity:1;width:54%;height:56%}47%,to{opacity:0;width:54%;height:56%}}@keyframes cap-size{0%,14%{opacity:0}18%,44%{opacity:1}46%,to{opacity:0}}@keyframes cap-flash{0%,45%{opacity:0}47%{opacity:.5}55%,to{opacity:0}}@keyframes cap-thumb{0%,45%{opacity:0;transform:none}47%{opacity:1;transform:none}64%,88%{opacity:1;transform:translate(12%,28%)scale(.34)}96%,to{opacity:0;transform:translate(40%,28%)scale(.34)}}@keyframes cap-keys{0%{opacity:0;transform:translateY(.4em)}4%,30%{opacity:1;transform:none}36%,to{opacity:0}}.demo-clip{background:radial-gradient(60% 60% at 15% 100%,#ffa52e3d,#0000 70%),linear-gradient(160deg,#f6f4fb,#ece8f3);place-items:center;display:grid}.clip-pop{background:var(--s-panel);width:80%;box-shadow:var(--s-shadow);-webkit-backdrop-filter:blur(16px);animation:clip-pop 8s var(--ease) infinite;border:1px solid #fffc;border-radius:1em;padding:.6em}.clip-search{background:var(--s-fill);color:var(--text-3);border-radius:.6em;align-items:center;gap:.6em;margin-bottom:.5em;padding:.55em .7em;display:flex}.clip-mag{border:2px solid;border-radius:50%;width:.9em;height:.9em;position:relative}.clip-mag:after{content:"";background:currentColor;width:.4em;height:2px;position:absolute;bottom:-.35em;right:-.35em;transform:rotate(45deg)}.clip-shortcut{gap:.2em;margin-left:auto;font-size:.85em;display:flex}.clip-list{position:relative}.clip-hl{height:2.6em;animation:clip-hl 8s var(--ease) infinite;background:#5b2bff24;border-radius:.55em;position:absolute;inset:0 0 auto;box-shadow:inset 0 0 0 1px #5b2bff52}.clip-item{align-items:center;gap:.7em;height:2.6em;padding:0 .7em;display:flex;position:relative}.clip-ico{background:#1419281f;border-radius:.35em;flex:none;width:1.5em;height:1.5em}.clip-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.clip-k-color{background:#5b2bff}.clip-k-link{background:linear-gradient(135deg,#2fd8a8,#14b886)}.clip-k-image{background:linear-gradient(135deg,#4f8bff,#8b6cff)}.clip-meta{color:var(--text-3);font-size:.85em}.clip-toast{color:#fff;white-space:nowrap;opacity:0;animation:clip-toast 8s var(--ease) infinite;background:#141928e0;border-radius:999px;padding:.5em 1em;font-weight:600;position:absolute;bottom:7%;left:50%;transform:translate(-50%,.6em)}@keyframes clip-pop{0%{opacity:0;transform:translateY(.8em)scale(.97)}6%,74%{opacity:1;transform:none}80%,to{opacity:0;transform:scale(.98)}}@keyframes clip-hl{0%,16%{transform:translateY(0)}22%,34%{transform:translateY(100%)}40%,56%{transform:translateY(200%)}58%{background:#5b2bff4d;transform:translateY(200%)}62%,to{transform:translateY(200%)}}@keyframes clip-toast{0%,62%{opacity:0;transform:translate(-50%,.6em)}66%,86%{opacity:1;transform:translate(-50%)}92%,to{opacity:0}}.demo-spaces{background:linear-gradient(160deg,#f3f6fc,#e7ecf6)}.sp-view{border:1px solid #ffffffe6;border-radius:.9em;height:58%;position:absolute;top:9%;left:9%;right:9%;overflow:hidden;box-shadow:0 0 0 .5px #14192824,0 1.5em 3em -1.2em #14192866}.sp-desk{opacity:0;position:absolute;inset:0}.sp-d1{opacity:1;background:radial-gradient(80% 90% at 20% 100%,#7aa2ff,#0000 70%),linear-gradient(160deg,#e3ebff,#c8d6ff);animation:6s step-end infinite sp-d1}.sp-d2{background:radial-gradient(80% 90% at 80% 0,#b9a6ff,#0000 70%),linear-gradient(160deg,#efe9ff,#d9ccff);animation:6s step-end infinite sp-d2}.sp-d3{background:radial-gradient(80% 90% at 50% 100%,#6fe0bd,#0000 70%),linear-gradient(160deg,#e3f8f1,#c4eedf);animation:6s step-end infinite sp-d3}.sp-w{-webkit-backdrop-filter:blur(6px);background:#ffffffc7;border:1px solid #fffffff2;border-radius:.5em;position:absolute;box-shadow:0 .4em 1em -.5em #1419284d}.sp-strip{gap:5%;width:52%;height:15%;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.sp-thumb{background:var(--s-fill);border:1px solid #ffffffe6;border-radius:.4em;flex:1;box-shadow:0 0 0 .5px #1419281f}.sp-thumb:first-child{background:linear-gradient(160deg,#a9c2ff,#dfe8ff)}.sp-thumb:nth-child(2){background:linear-gradient(160deg,#cbbcff,#efe9ff)}.sp-thumb:nth-child(3){background:linear-gradient(160deg,#9ee8cf,#e3f8f1)}.sp-frame{border:2px solid #2f6bff;border-radius:.55em;width:36%;height:124%;animation:6s step-end infinite sp-frame;position:absolute;top:-12%;left:-3%}.sp-keys{font-size:.95em;position:absolute;top:72%;right:5%}.sp-keys>span{opacity:0;gap:.25em;display:flex;position:absolute;right:0}.sp-key-a{animation:6s infinite sp-key-a}.sp-key-b{animation:6s infinite sp-key-b}.sp-tag{color:var(--text);-webkit-backdrop-filter:blur(6px);background:#ffffffd9;border:1px solid #2f6bff59;border-radius:999px;padding:.3em .7em;font-size:.85em;position:absolute;top:57%;left:12%}@keyframes sp-d1{0%{opacity:1}25%,to{opacity:0}}@keyframes sp-d2{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:0}}@keyframes sp-d3{0%,25%{opacity:0}50%{opacity:1}75%,to{opacity:0}}@keyframes sp-frame{0%{left:-3%}25%{left:32%}50%{left:67%}75%{left:32%}to{left:-3%}}@keyframes sp-key-a{0%,22%{opacity:0}24%,34%{opacity:1}38%,47%{opacity:0}49%,59%{opacity:1}63%,to{opacity:0}}@keyframes sp-key-b{0%,9%{opacity:1}13%,72%{opacity:0}74%,84%{opacity:1}88%,97%{opacity:0}99%,to{opacity:1}}.demo-browser{background:radial-gradient(60% 60% at 90% 100%,#2fd8a838,#0000 70%),linear-gradient(160deg,#f3f7f8,#e6eef0)}.br-chat{align-items:flex-start;gap:.6em;display:flex;position:absolute;top:10%;left:7%}.br-avatar{background:linear-gradient(135deg,#ffb36b,#ff5f6d);border-radius:50%;flex:none;width:2em;height:2em}.br-bubble{background:var(--s-window);border:1px solid var(--line);white-space:nowrap;border-radius:.2em 1em 1em;padding:.6em .9em;box-shadow:0 .3em .8em -.4em #14192840}.br-bubble u{color:#1a73e8;text-underline-offset:.2em;text-decoration-thickness:1px}.br-cursor{width:1.4em;height:1.4em;animation:br-cursor 7s var(--ease) infinite;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 8-6 1.8L10.2 19z' fill='white' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;top:60%;left:60%}.br-hud{background:var(--s-panel);box-shadow:var(--s-shadow);-webkit-backdrop-filter:blur(18px);animation:br-hud 7s var(--ease) infinite;border:1px solid #ffffffd9;border-radius:1.4em;padding:.8em .8em .6em;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.br-row{gap:.3em;display:flex;position:relative}.br-cell{z-index:1;flex-direction:column;align-items:center;gap:.45em;width:5.2em;padding:.6em 0 .5em;display:flex;position:relative}.br-face{color:#fff;border-radius:.8em;place-items:center;width:3.3em;height:3.3em;font-size:1.05em;font-weight:700;display:grid;box-shadow:0 .3em .7em #14192840}.br-face-t{background:linear-gradient(135deg,#8b6cff,#5b2bff)}.br-face-p{background:linear-gradient(135deg,#ffb36b,#ff6a3d)}.br-face-g{background:linear-gradient(135deg,#4fb4ff,#1d4dff)}.br-name{opacity:0;font-size:.85em;font-weight:600}.br-cell:first-child .br-name{opacity:1;animation:7s infinite br-name1}.br-cell:nth-child(2) .br-name{animation:7s infinite br-name2}.br-sel{background:var(--s-fill-2);width:5.2em;height:100%;animation:br-sel 7s var(--ease) infinite;border-radius:.9em;position:absolute;top:0;left:0}.br-host{color:var(--text-3);justify-content:center;align-items:center;gap:.35em;margin-top:.3em;font-size:.9em;font-weight:600;display:flex}@keyframes br-cursor{0%{top:75%;left:70%;transform:none}16%{top:17%;left:46%;transform:none}19%{transform:scale(.8)}22%,40%{top:17%;left:46%;transform:none}52%,62%{top:62%;left:51%;transform:none}65%{transform:scale(.8)}68%,to{top:62%;left:51%;transform:none}}@keyframes br-hud{0%,20%{opacity:0;transform:translate(-50%,-50%)scale(.9)}25%,68%{opacity:1;transform:translate(-50%,-50%)scale(1)}74%,to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}@keyframes br-sel{0%,46%{transform:translate(0)}52%,64%{transform:translate(calc(100% + .3em))}66%{background:#1419282e;transform:translate(calc(100% + .3em))}70%,to{transform:translate(calc(100% + .3em))}}@keyframes br-name1{0%,48%{opacity:1}50%,to{opacity:0}}@keyframes br-name2{0%,50%{opacity:0}52%,to{opacity:1}}.demo-picker{background:linear-gradient(160deg,#f6f7fb,#eceff6)}.pk-art{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:4%;width:60%;display:grid;position:absolute;top:10%;bottom:10%;left:7%}.pk-art span{border-radius:.8em}.pk-art span:first-child{background:radial-gradient(circle at 40% 40%,#2fd0ff 30%,#1d8fff 100%)!important}.pk-art span:nth-child(2){background:radial-gradient(circle at 50% 40%,#5b2bff 30%,#3d1bc0 100%)!important}.pk-art span:nth-child(3){background:radial-gradient(circle at 40%,#ff7a45 30%,#e2462a 100%)!important}.pk-art span:nth-child(4){background:radial-gradient(circle,#ffd27a 30%,#f2a31b 100%)!important}.pk-loupe{aspect-ratio:1;width:22cqi;animation:pk-move 8s var(--ease) infinite;border:3px solid #fff;border-radius:50%;position:absolute;top:30%;left:22%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #14192840,0 1em 2em #14192859}.pk-fill{opacity:0;position:absolute;inset:0}.pk-f0{opacity:1;animation:8s step-end infinite pk-f0}.pk-f1{animation:8s step-end infinite pk-f1}.pk-f2{animation:8s step-end infinite pk-f2}.pk-f3{animation:8s step-end infinite pk-f3}.pk-grid{background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 12.5%),repeating-linear-gradient(90deg,#0000002e 0 1px,#0000 1px 12.5%);position:absolute;inset:0}.pk-center{border:2px solid #fff;width:12.5%;height:12.5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.pk-readout{background:var(--s-window);border:1px solid var(--line);border-radius:.9em;flex-direction:column;gap:.6em;padding:.8em;display:flex;position:absolute;top:30%;left:71%;right:5%;box-shadow:0 .6em 1.4em -.8em #1419284d}.pk-swatch{border-radius:.5em;height:3em;position:relative;overflow:hidden}.pk-values{height:1.3em;font-family:var(--mono);font-weight:600;position:relative}.pk-hex{position:absolute;inset:0}.pk-copied{color:#0e9f76;opacity:0;font-size:.8em;animation:8s infinite pk-copied}@keyframes pk-move{0%,20%{top:30%;left:22%}25%,45%{top:30%;left:52%}50%,70%{top:70%;left:22%}75%,95%{top:70%;left:52%}to{top:30%;left:22%}}@keyframes pk-f0{0%{opacity:1}24%,99%{opacity:0}to{opacity:1}}@keyframes pk-f1{0%{opacity:0}24%{opacity:1}49%,to{opacity:0}}@keyframes pk-f2{0%,24%{opacity:0}49%{opacity:1}74%,to{opacity:0}}@keyframes pk-f3{0%,49%{opacity:0}74%{opacity:1}99%,to{opacity:0}}@keyframes pk-copied{0%,12%{opacity:0}14%,21%{opacity:1}23%,37%{opacity:0}39%,46%{opacity:1}48%,62%{opacity:0}64%,71%{opacity:1}73%,87%{opacity:0}89%,96%{opacity:1}98%,to{opacity:0}}@property --n{syntax:"<integer>";inherits:false;initial-value:0}.demo-disk{background:radial-gradient(60% 60% at 10% 100%,#7884a02e,#0000 70%),linear-gradient(160deg,#f5f6f9,#e9ebf1)}.dk-menubar{background:#fff9;justify-content:flex-end;align-items:center;height:2.2em;padding:0 1em;display:flex;position:absolute;inset:0 0 auto;box-shadow:0 .5px #1419281a}.dk-mb-item{background:var(--s-fill-2);border-radius:.4em;align-items:center;gap:.35em;padding:.15em .5em;font-weight:600;display:inline-flex}.dk-card{background:var(--s-panel);width:82%;box-shadow:var(--s-shadow);border:1px solid #ffffffd9;border-radius:1em;padding:1.1em 1.2em;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.dk-row{white-space:nowrap;justify-content:space-between;gap:1em;display:flex}.dk-label{font-weight:650}.dk-value{color:var(--text-3)}.dk-bar{background:var(--s-fill-2);border-radius:1em;height:.6em;margin-top:.6em;overflow:hidden}.dk-fill{border-radius:inherit;width:79%;height:100%;animation:dk-fill 1.6s var(--ease) both;background:linear-gradient(90deg,#4f8bff,#8b6cff);display:block}.dk-stats{grid-template-columns:repeat(3,1fr);gap:1em;margin-top:1.1em;display:grid}.dk-stat{color:var(--text-3);grid-template-columns:1fr auto;gap:.35em;font-size:.9em;display:grid}.dk-n{color:var(--text);font-family:var(--mono);counter-reset:n var(--n);font-weight:600}.dk-n:after{content:counter(n) "%"}.dk-n1{--n:27;animation:3.2s ease-in-out infinite alternate dk-n1}.dk-n2{--n:64;animation:4.5s ease-in-out infinite alternate dk-n2}.dk-n3{--n:12}.dk-n3:after{content:counter(n) " MB/s"}.dk-n3{animation:1.9s ease-in-out infinite alternate dk-n3}.dk-meter{background:var(--s-fill-2);border-radius:1em;grid-column:1/-1;height:.35em;display:block;overflow:hidden}.dk-meter em{border-radius:inherit;transform-origin:0;height:100%;display:block}.dk-m1{background:#1aa3e8;animation:3.2s ease-in-out infinite alternate meter;transform:scaleX(.27)}.dk-m2{background:#8b6cff;animation:4.5s ease-in-out infinite alternate meter2;transform:scaleX(.64)}.dk-m3{background:#14b886;animation:1.9s ease-in-out infinite alternate meter3;transform:scaleX(.2)}.dk-eject{border-top:1px solid var(--line);white-space:nowrap;align-items:center;gap:.7em;margin-top:1.1em;padding-top:.9em;display:flex}.dk-drive{font-weight:600}.dk-busy{color:#d9761a;text-overflow:ellipsis;font-size:.9em;animation:6s infinite dk-busy;overflow:hidden}.dk-eject-btn{background:var(--s-fill-2);border-radius:999px;margin-left:auto;padding:.3em .8em;font-weight:600;animation:6s infinite dk-eject}@keyframes dk-fill{0%{width:0}}@keyframes dk-n1{0%{--n:18}40%{--n:42}to{--n:27}}@keyframes dk-n2{0%{--n:62}to{--n:70}}@keyframes dk-n3{0%{--n:4}50%{--n:38}to{--n:12}}@keyframes dk-busy{0%,30%{opacity:0}36%,90%{opacity:1}96%,to{opacity:0}}@keyframes dk-eject{0%,26%{background:#1419281a;transform:none}29%{background:#14192838;transform:scale(.94)}33%,to{background:#1419281a;transform:none}}.demo-win{background:radial-gradient(70% 70% at 100% 0,#9b7bff42,#0000 70%),linear-gradient(160deg,#f5f4fc,#eae8f4)}.wn-grid{opacity:.5;grid-template-columns:repeat(3,1fr);gap:1.5%;display:grid;position:absolute;inset:5% 3%}.wn-grid span{border:1px dashed #14192829;border-radius:.5em}.wn-window{border:1px solid var(--line);background:linear-gradient(#fff,#f7f8fb);border-radius:.7em;width:46.5%;height:90%;animation:10s cubic-bezier(.3,.9,.3,1) infinite wn-window;position:absolute;top:5%;left:3%;box-shadow:0 0 0 .5px #14192814,0 1.5em 3em -1.2em #14192866}.wn-dots{gap:.35em;padding:.6em .7em;display:flex}.wn-dots i{background:#ff5f57;border-radius:50%;width:.65em;height:.65em}.wn-dots i:nth-child(2){background:#febc2e}.wn-dots i:nth-child(3){background:#28c840}.wn-keys{position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.wn-k{-webkit-backdrop-filter:blur(8px);opacity:0;background:#ffffffbf;border-radius:.6em;gap:.25em;padding:.35em;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 .5px #1419281f,0 .5em 1em -.6em #1419284d}.wn-k1{opacity:1;animation:10s infinite wn-k1}.wn-k2{animation:10s infinite wn-k2}.wn-k3{animation:10s infinite wn-k3}.wn-k4{animation:10s infinite wn-k4}.wn-k5{animation:10s infinite wn-k5}@keyframes wn-window{0%,2%{width:48%;height:62%;top:18%;left:26%}5%,18%{width:46.5%;height:90%;top:5%;left:3%}21%,38%{width:46.5%;height:90%;top:5%;left:50.5%}41%,58%{width:46.5%;height:43.5%;top:5%;left:3%}61%,78%{width:31%;height:90%;top:5%;left:34.5%}81%,97%{width:94%;height:90%;top:5%;left:3%}to{width:48%;height:62%;top:18%;left:26%}}@keyframes wn-k1{0%,2%{opacity:0}3%,18%{opacity:1}20%,to{opacity:0}}@keyframes wn-k2{0%,19%{opacity:0}20%,38%{opacity:1}40%,to{opacity:0}}@keyframes wn-k3{0%,39%{opacity:0}40%,58%{opacity:1}60%,to{opacity:0}}@keyframes wn-k4{0%,59%{opacity:0}60%,78%{opacity:1}80%,to{opacity:0}}@keyframes wn-k5{0%,79%{opacity:0}80%,97%{opacity:1}99%,to{opacity:0}}.demo-pres{background:radial-gradient(60% 60% at 0 0,#ff5f6d33,#0000 70%),linear-gradient(160deg,#f8f4f5,#efe8ea)}.pr-slide{background:linear-gradient(#fff,#f4f5f9);border-radius:.8em;padding:1.4em;position:absolute;inset:9% 8% 30%;box-shadow:0 0 0 .5px #1419281f,0 1.5em 3em -1.2em #14192866}.pr-title{background:#2b2f40;border-radius:.3em;width:55%;height:1em;margin-bottom:1em;display:block}.pr-line{background:#c2c6d4;border-radius:1em;height:.55em;margin-bottom:.7em;display:block}.pr-btn{color:#fff;background:#5b2bff;border-radius:999px;padding:.45em 1em;font-size:.9em;font-weight:600;position:absolute;bottom:1.1em;right:1.2em}.pr-cursor{z-index:3;width:0;height:0;animation:pr-cursor 8s var(--ease) infinite;position:absolute;top:40%;left:30%}.pr-cursor svg{width:1.5em;height:1.5em;position:absolute;top:-.2em;left:-.25em}.pr-halo{background:#ffd60a47;border:2px solid #ffd60abf;border-radius:50%;width:4em;height:4em;position:absolute;top:-2em;left:-2em}.pr-ripple{opacity:0;background:#ffd60a33;border:3px solid #ffd60a;border-radius:50%;width:4.5em;height:4.5em;margin:-2.25em 0 0 -2.25em;position:absolute}.pr-r1{animation:8s ease-out infinite pr-r1;top:62%;left:81%}.pr-r2{animation:8s ease-out infinite pr-r2;top:30%;left:40%}.pr-cast{position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.pr-c{color:#fff;white-space:nowrap;opacity:0;background:#141928db;border:1px solid #ffffff24;border-radius:.6em;padding:.4em .9em;font-size:1.35em;font-weight:650;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pr-c1{opacity:1;animation:8s infinite pr-c1}.pr-c2{animation:8s infinite pr-c2}.pr-c3{animation:8s infinite pr-c3}.pr-c3 em{color:#ffd60a;font-style:normal;font-weight:300;animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}@keyframes pr-cursor{0%{top:40%;left:30%}18%{top:62%;left:81%}22%,30%{top:62%;left:81%}44%{top:30%;left:40%}48%,60%{top:30%;left:40%}80%{top:46%;left:60%}to{top:40%;left:30%}}@keyframes pr-r1{0%,19%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(.3)}27%,to{opacity:0;transform:scale(1.1)}}@keyframes pr-r2{0%,45%{opacity:0;transform:scale(.3)}46%{opacity:1;transform:scale(.3)}53%,to{opacity:0;transform:scale(1.1)}}@keyframes pr-c1{0%,4%{opacity:0}6%,30%{opacity:1}33%,to{opacity:0}}@keyframes pr-c2{0%,44%{opacity:0}46%,60%{opacity:1}63%,to{opacity:0}}@keyframes pr-c3{0%,64%{opacity:0}66%,94%{opacity:1}97%,to{opacity:0}}.demo-new{background:radial-gradient(60% 60% at 100% 100%,#2fd0ff38,#0000 70%),linear-gradient(160deg,#f3f6fa,#e6ecf3)}.nf-finder{background:var(--s-window);border:1px solid var(--line);border-radius:.8em;display:flex;position:absolute;inset:8% 6%;overflow:hidden;box-shadow:0 1em 2.4em -1.2em #14192859}.nf-side{border-right:1px solid var(--line);background:#f3f4f8;align-content:start;gap:.7em;width:24%;padding:1.6em .8em;display:grid}.nf-side span{background:var(--s-fill-2);border-radius:1em;height:.55em}.nf-side span:nth-child(2){width:70%}.nf-files{flex-wrap:wrap;flex:1;align-content:flex-start;gap:1.2em;padding:1.4em;display:flex}.nf-file{flex-direction:column;align-items:center;gap:.4em;width:5.5em;display:flex}.nf-file em{white-space:nowrap;border-radius:.3em;padding:.05em .3em;font-size:.85em;font-style:normal}.nf-doc{clip-path:polygon(0 0,68% 0,100% 24%,100% 100%,0 100%);background:#dfe3ec;border-radius:.3em;width:2.6em;height:3.3em;position:relative}.nf-blue{background:#8fd0f5}.nf-violet{background:#bfaaf7}.nf-new{opacity:0;animation:nf-new 8s var(--ease) infinite}.nf-new em{color:#fff;background:#2f6bff}.nf-menu,.nf-sub{box-shadow:var(--s-shadow);-webkit-backdrop-filter:blur(14px);white-space:nowrap;opacity:0;background:#fafafcf0;border:1px solid #ffffffe6;border-radius:.6em;padding:.35em;display:grid;position:absolute}.nf-menu span,.nf-sub span{border-radius:.35em;justify-content:space-between;gap:1.4em;padding:.3em .7em;display:flex}.nf-menu .nf-sep{background:var(--line-2);height:1px;margin:.25em .4em;padding:0}.nf-menu{animation:8s infinite nf-menu;top:24%;left:40%}.nf-target{animation:8s infinite nf-target}.nf-sub{animation:8s infinite nf-sub;top:calc(24% + 2.6em);left:calc(40% + 10.6em)}.nf-md{animation:8s infinite nf-md}@keyframes nf-menu{0%,8%{opacity:0;transform:scale(.97)}10%,58%{opacity:1;transform:none}60%,to{opacity:0}}@keyframes nf-target{0%,20%{color:inherit;background:0 0}22%,58%{color:#fff;background:#2f6bff}60%,to{color:inherit;background:0 0}}@keyframes nf-sub{0%,26%{opacity:0}28%,58%{opacity:1}60%,to{opacity:0}}@keyframes nf-md{0%,38%{color:inherit;background:0 0}40%,54%{color:#fff;background:#2f6bff}55%{color:inherit;background:0 0}56%,58%{color:#fff;background:#2f6bff}60%,to{color:inherit;background:0 0}}@keyframes nf-new{0%,60%{opacity:0;transform:scale(.6)}66%,94%{opacity:1;transform:none}98%,to{opacity:0}}.demo-awake{background:radial-gradient(60% 70% at 25%,#ffc23d33,#0000 70%),linear-gradient(160deg,#fbf8f1,#f1ece1);justify-content:center;align-items:center;gap:7%;display:flex}.aw-ring{aspect-ratio:1;width:34%;position:relative}.aw-ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.aw-track{fill:none;stroke:#14192814;stroke-width:7px}.aw-progress{fill:none;stroke:#ffc23d;stroke-width:7px;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:60px;filter:drop-shadow(0 0 4px #f0aa1e73);animation:12s linear infinite aw-progress}.aw-cup{color:#e09a12;place-items:center;display:grid;position:absolute;inset:0}.aw-cup svg{width:38%;height:38%}.aw-steam{border-left:2px solid #e09a1280;border-radius:50%;width:.5em;height:1.4em;animation:2.6s ease-in-out infinite aw-steam;position:absolute;top:22%;left:46%}.aw-side{flex-direction:column;gap:.3em;display:flex}.aw-title{letter-spacing:-.02em;font-size:1.6em;font-weight:700}.aw-sub{color:var(--text-2)}.aw-autos{gap:.4em;margin-top:.9em;display:grid}.aw-auto{border:1px solid var(--line-2);color:var(--text-2);white-space:nowrap;border-radius:999px;padding:.35em .8em;font-size:.9em}.aw-a1{color:#8a5a00;background:#ffc23d38;border-color:#e2960a8c;animation:9s infinite aw-a1}.aw-a2{animation:9s infinite aw-a2}.aw-a3{animation:9s infinite aw-a3}@keyframes aw-progress{0%{stroke-dashoffset:40px}to{stroke-dashoffset:150px}}@keyframes aw-steam{0%{opacity:0;transform:translateY(.4em)scaleY(.7)}40%{opacity:1}to{opacity:0;transform:translateY(-.8em)scaleY(1.1)}}@keyframes aw-a1{0%,31%{color:#8a5a00;background:#ffc23d38;border-color:#e2960a8c}34%,to{color:var(--text-2);border-color:var(--line-2);background:0 0}}@keyframes aw-a2{0%,33%{color:var(--text-2);border-color:var(--line-2);background:0 0}36%,64%{color:#8a5a00;background:#ffc23d38;border-color:#e2960a8c}67%,to{color:var(--text-2);border-color:var(--line-2);background:0 0}}@keyframes aw-a3{0%,66%{color:var(--text-2);border-color:var(--line-2);background:0 0}69%,97%{color:#8a5a00;background:#ffc23d38;border-color:#e2960a8c}to{color:var(--text-2);border-color:var(--line-2);background:0 0}}