/*! PDF Edit (c) 2026 pdfedit.com — All rights reserved. Source files are MIT/Apache-licensed third-party libraries plus original work. Copying, redistribution, or derivative works require attribution. Contact: hello@pdfedit.com */
.tutorial-hint{position:fixed;z-index:1000;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-family:var(--font);animation:hint-enter .3s ease;max-width:320px}.tutorial-hint__arrow{position:absolute;width:8px;height:8px;background:var(--surface);border:1px solid var(--border);transform:rotate(45deg)}.tutorial-hint__arrow--left{left:-5px;top:50%;margin-top:-4px;border-right:none;border-top:none}.tutorial-hint__arrow--right{right:-5px;top:50%;margin-top:-4px;border-left:none;border-bottom:none}.tutorial-hint__arrow--top{top:-5px;left:50%;margin-left:-4px;border-bottom:none;border-right:none}.tutorial-hint__arrow--bottom{bottom:-5px;left:50%;margin-left:-4px;border-top:none;border-left:none}.tutorial-hint__content{display:flex;align-items:center;gap:8px}.tutorial-hint__icon{width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--primary-fg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutorial-hint__icon svg{width:14px;height:14px}.tutorial-hint__text{font-size:var(--text-sm);color:var(--text);line-height:1.4;white-space:nowrap}.tutorial-hint__dismiss{width:20px;height:20px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;padding:0;transition:background var(--transition-fast),color var(--transition-fast)}.tutorial-hint__dismiss:hover{background:var(--surface-2);color:var(--text)}@keyframes hint-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.tutorial-hint--animated{flex-direction:column;align-items:stretch;padding:10px;border-radius:var(--radius-lg);max-width:220px;gap:0}.tutorial-hint--animated .tutorial-hint__dismiss{position:absolute;top:6px;right:6px}.hint-anim{display:flex;flex-direction:column;align-items:center;gap:8px}.hint-anim__label{font-size:11px;color:var(--text-muted);text-align:center;line-height:1.3}.hint-anim__page{position:relative;width:180px;height:130px;background:#fff;border:1px solid var(--border);border-radius:4px;overflow:hidden;box-shadow:0 1px 4px #00000014}.hint-anim__lines{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.hint-anim__line{height:4px;background:var(--border);border-radius:2px}.hint-anim__cursor{position:absolute;z-index:10;pointer-events:none;animation:hint-cursor-text 4s ease-in-out infinite}.hint-anim__click{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--primary);opacity:0;pointer-events:none;animation:hint-click-pulse 4s ease-in-out infinite}.hint-anim__select{position:absolute;border:1.5px dashed var(--primary);background:#2563eb0f;border-radius:2px;opacity:0;pointer-events:none;animation:hint-select-grow 4s ease-in-out infinite}.hint-anim__typed{position:absolute;font-size:10px;font-family:var(--font);color:#1a1a1a;opacity:0;pointer-events:none;animation:hint-typed 4s ease-in-out infinite}.hint-anim__cursor--edit-text{animation:hint-cursor-edit-text 4s ease-in-out infinite}.hint-anim__cursor--object-import{animation:hint-cursor-object-import 4s ease-in-out infinite}.hint-anim__click--edit-text{border-color:color-mix(in srgb,var(--primary) 72%,#0f766e 28%);animation:hint-click-edit-text 4s ease-in-out infinite!important}.hint-anim__click--object-import{border-color:#e11d48c7;animation:hint-click-object-import 4s ease-in-out infinite!important}.hint-anim__select--edit-text{border-color:color-mix(in srgb,var(--primary) 48%,#0f766e 52%);background:#0f766e14;animation:hint-select-edit-text 4s ease-in-out infinite!important}.hint-anim__edit-text-result{position:absolute;left:44px;top:16px;width:100px;height:32px;padding:5px 6px;border:1px solid rgba(15,118,110,.28);border-radius:4px;background:#fffffff5;box-shadow:0 2px 8px #0f766e1f;display:flex;flex-direction:column;gap:4px;opacity:0;pointer-events:none;animation:hint-edit-text-result 4s ease-in-out infinite}.hint-anim__edit-text-line{height:4px;border-radius:999px;background:#0f172aad}.hint-anim__object-target{position:absolute;left:62px;top:42px;width:54px;height:34px;border-radius:4px;background:linear-gradient(135deg,#2563eb2e,#6366f142),linear-gradient(180deg,#fffffffa,#f1f5f9fa);border:1px solid rgba(71,85,105,.22);box-shadow:0 2px 8px #0f172a14}.hint-anim__object-outline{position:absolute;left:58px;top:38px;width:62px;height:42px;border-radius:6px;border:1.5px solid rgba(225,29,72,.78);background:#e11d4814;box-shadow:0 0 0 1px #e11d4829;opacity:0;animation:hint-object-outline 4s ease-in-out infinite}.hint-anim__object-result{position:absolute;left:98px;top:52px;width:54px;height:34px;border-radius:4px;background:linear-gradient(135deg,#2563eb2e,#6366f142),linear-gradient(180deg,#fffffffa,#f1f5f9fa);border:1px solid rgba(225,29,72,.24);box-shadow:0 6px 14px #0f172a1f;opacity:0;transform:translate(0) scale(.96);animation:hint-object-result 4s ease-in-out infinite}@keyframes hint-cursor-text{0%{left:30px;top:30px;opacity:1}8%{left:50px;top:52px;opacity:1}12%{left:50px;top:52px;opacity:1}40%{left:140px;top:88px;opacity:1}50%{left:145px;top:92px;opacity:1}75%{left:145px;top:92px;opacity:1}88%{left:145px;top:92px;opacity:0}to{left:30px;top:30px;opacity:0}}@keyframes hint-click-pulse{0%{left:46px;top:48px;transform:scale(0);opacity:0}10%{left:46px;top:48px;transform:scale(0);opacity:0}12%{left:46px;top:48px;transform:scale(.5);opacity:.8}18%{left:46px;top:48px;transform:scale(1.5);opacity:0}to{left:46px;top:48px;transform:scale(1.5);opacity:0}}@keyframes hint-select-grow{0%{left:50px;top:52px;width:0;height:0;opacity:0}12%{left:50px;top:52px;width:0;height:0;opacity:0}14%{left:50px;top:52px;width:2px;height:2px;opacity:1}40%{left:50px;top:52px;width:95px;height:36px;opacity:1}45%{left:50px;top:52px;width:95px;height:36px;opacity:1;border-style:solid}85%{left:50px;top:52px;width:95px;height:36px;opacity:1;border-style:solid}92%{left:50px;top:52px;width:95px;height:36px;opacity:0}to{left:50px;top:52px;width:0;height:0;opacity:0}}@keyframes hint-typed{0%{left:56px;top:58px;opacity:0}48%{left:56px;top:58px;opacity:0}55%{left:56px;top:58px;opacity:1}85%{left:56px;top:58px;opacity:1}92%{left:56px;top:58px;opacity:0}to{left:56px;top:58px;opacity:0}}@keyframes hint-cursor-edit-text{0%{left:24px;top:30px;opacity:1}8%{left:48px;top:20px;opacity:1}12%{left:48px;top:20px;opacity:1}38%{left:132px;top:42px;opacity:1}48%{left:136px;top:44px;opacity:1}82%{left:136px;top:44px;opacity:1}92%{left:136px;top:44px;opacity:0}to{left:24px;top:30px;opacity:0}}@keyframes hint-click-edit-text{0%{left:44px;top:16px;transform:scale(0);opacity:0}10%{left:44px;top:16px;transform:scale(0);opacity:0}12%{left:44px;top:16px;transform:scale(.5);opacity:.8}18%{left:44px;top:16px;transform:scale(1.5);opacity:0}to{left:44px;top:16px;transform:scale(1.5);opacity:0}}@keyframes hint-select-edit-text{0%{left:48px;top:20px;width:0;height:0;opacity:0}12%{left:48px;top:20px;width:0;height:0;opacity:0}15%{left:48px;top:20px;width:2px;height:2px;opacity:1}38%{left:48px;top:20px;width:88px;height:22px;opacity:1}48%{left:48px;top:20px;width:88px;height:22px;opacity:0}to{left:48px;top:20px;width:88px;height:22px;opacity:0}}@keyframes hint-edit-text-result{0%{opacity:0;transform:translateY(2px) scale(.98)}40%{opacity:0;transform:translateY(2px) scale(.98)}48%{opacity:1;transform:translateY(0) scale(1)}86%{opacity:1;transform:translateY(0) scale(1)}94%{opacity:0;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(0) scale(1)}}@keyframes hint-cursor-object-import{0%{left:24px;top:26px;opacity:1}16%{left:84px;top:50px;opacity:1}28%{left:84px;top:50px;opacity:1}52%{left:126px;top:68px;opacity:1}78%{left:126px;top:68px;opacity:1}92%{left:126px;top:68px;opacity:0}to{left:24px;top:26px;opacity:0}}@keyframes hint-click-object-import{0%,17%{left:80px;top:46px;transform:scale(0);opacity:0}20%{left:80px;top:46px;transform:scale(.5);opacity:.9}28%{left:80px;top:46px;transform:scale(1.55);opacity:0}to{left:80px;top:46px;transform:scale(1.55);opacity:0}}@keyframes hint-object-outline{0%,10%{opacity:0;transform:scale(.98)}18%,72%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(.98)}}@keyframes hint-object-result{0%,31%{opacity:0;transform:translateY(4px) scale(.96)}42%,82%{opacity:1;transform:translate(0) scale(1)}92%,to{opacity:0;transform:translateY(4px) scale(.96)}}.hint-anim__sidebar{position:relative;width:60px;height:130px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:6px;display:flex;flex-direction:column;gap:4px}.hint-anim__thumb{width:100%;height:32px;background:#fff;border:1px solid var(--border);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-muted);font-weight:600}.hint-anim__thumb--2{animation:hint-thumb-drag 4s ease-in-out infinite;z-index:2;position:relative}.hint-anim__drop-line{position:absolute;left:6px;right:6px;height:2px;background:var(--primary);border-radius:1px;opacity:0;animation:hint-drop-line 4s ease-in-out infinite}.hint-anim__cursor--reorder{animation:hint-cursor-reorder 4s ease-in-out infinite}@keyframes hint-thumb-drag{0%{transform:translateY(0);box-shadow:none;opacity:1}15%{transform:translateY(0);box-shadow:none;opacity:1}25%{transform:translateY(-36px);box-shadow:0 2px 8px #00000026;opacity:.8}45%{transform:translateY(-36px);box-shadow:0 2px 8px #00000026;opacity:.8}55%{transform:translateY(0);box-shadow:none;opacity:1}to{transform:translateY(0);box-shadow:none;opacity:1}}.hint-anim__thumb--swap-down{animation:hint-thumb-swap-down 4s ease-in-out infinite;position:relative;z-index:1}@keyframes hint-thumb-swap-down{0%{transform:translateY(0)}20%{transform:translateY(0)}30%{transform:translateY(36px)}45%{transform:translateY(36px)}55%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes hint-drop-line{0%{top:6px;opacity:0}20%{top:6px;opacity:0}25%{top:6px;opacity:1}45%{top:6px;opacity:1}50%{top:6px;opacity:0}to{top:6px;opacity:0}}@keyframes hint-cursor-reorder{0%{left:35px;top:55px;opacity:1}10%{left:35px;top:55px;opacity:1}25%{left:35px;top:20px;opacity:1}45%{left:35px;top:20px;opacity:1}55%{left:35px;top:55px;opacity:1}75%{left:35px;top:55px;opacity:0}to{left:35px;top:55px;opacity:0}}.hint-anim__sig-result{position:absolute;left:55px;top:75px;width:80px;height:30px;opacity:0;pointer-events:none;animation:hint-sig-appear 4s ease-in-out infinite}.hint-anim__click--sign{animation:hint-click-sign 4s ease-in-out infinite!important}.hint-anim__cursor--sign{animation:hint-cursor-sign 4s ease-in-out infinite}@keyframes hint-cursor-sign{0%{left:30px;top:40px;opacity:1}15%{left:90px;top:85px;opacity:1}20%{left:90px;top:85px;opacity:1}25%{left:90px;top:85px;opacity:0}80%{left:90px;top:85px;opacity:0}85%{left:90px;top:85px;opacity:0}to{left:30px;top:40px;opacity:0}}@keyframes hint-click-sign{0%{left:86px;top:81px;transform:scale(0);opacity:0}18%{left:86px;top:81px;transform:scale(0);opacity:0}20%{left:86px;top:81px;transform:scale(.5);opacity:.8}26%{left:86px;top:81px;transform:scale(1.5);opacity:0}to{left:86px;top:81px;transform:scale(1.5);opacity:0}}@keyframes hint-sig-appear{0%{opacity:0}30%{opacity:0}40%{opacity:1}85%{opacity:1}92%{opacity:0}to{opacity:0}}.hint-anim__note-dot{position:absolute;left:72px;top:56px;width:8px;height:8px;border-radius:999px;background:#facc15;box-shadow:0 0 0 1px #78350f38,0 2px 6px #00000024;opacity:0;transform:scale(.7);pointer-events:none;animation:hint-note-dot 4s ease-in-out infinite}.hint-anim__note-rail{position:absolute;left:80px;top:59px;width:0;height:2px;border-radius:999px;background:#facc15;opacity:0;pointer-events:none;animation:hint-note-rail 4s ease-in-out infinite}.hint-anim__note-chip{position:absolute;left:136px;top:46px;width:24px;height:24px;border:1px solid rgba(120,53,15,.25);border-radius:7px;background:#facc15;color:#78350f;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001f;opacity:0;transform:scale(.7);pointer-events:none;animation:hint-note-chip 4s ease-in-out infinite}.hint-anim__note-chip svg{width:14px;height:14px}.hint-anim__note-card{position:absolute;left:46px;top:86px;width:112px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 10px 24px #00000029;opacity:0;transform:translateY(-6px) scale(.92);transform-origin:top left;pointer-events:none;animation:hint-note-card 4s ease-in-out infinite}.hint-anim__note-card-title,.hint-anim__note-card-meta,.hint-anim__note-card-body,.hint-anim__note-card-author{border-radius:999px;background:var(--border)}.hint-anim__note-card-title{width:42px;height:6px;margin-bottom:6px}.hint-anim__note-card-meta{width:68px;height:5px;margin-bottom:8px;opacity:.85}.hint-anim__note-card-body{height:7px;margin-bottom:5px;background:#2563eb38}.hint-anim__note-card-body--1{width:86px}.hint-anim__note-card-body--2{width:66px}.hint-anim__note-card-author{width:72px;height:18px;margin-top:8px;background:#0f172a14;border-radius:8px}.hint-anim__click--annotation{animation:hint-click-annotation 4s ease-in-out infinite!important}.hint-anim__cursor--annotation{animation:hint-cursor-annotation 4s ease-in-out infinite}@keyframes hint-cursor-annotation{0%{left:24px;top:30px;opacity:1}16%{left:74px;top:54px;opacity:1}24%{left:74px;top:54px;opacity:1}38%{left:106px;top:106px;opacity:1}76%{left:106px;top:106px;opacity:1}90%{left:106px;top:106px;opacity:0}to{left:24px;top:30px;opacity:0}}@keyframes hint-click-annotation{0%{left:68px;top:52px;transform:scale(0);opacity:0}15%{left:68px;top:52px;transform:scale(0);opacity:0}18%{left:68px;top:52px;transform:scale(.5);opacity:.8}24%{left:68px;top:52px;transform:scale(1.5);opacity:0}to{left:68px;top:52px;transform:scale(1.5);opacity:0}}@keyframes hint-note-dot{0%{opacity:0;transform:scale(.7)}18%{opacity:0;transform:scale(.7)}26%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}94%{opacity:0;transform:scale(.92)}to{opacity:0;transform:scale(.7)}}@keyframes hint-note-rail{0%{width:0;opacity:0}22%{width:0;opacity:0}32%{width:56px;opacity:1}88%{width:56px;opacity:1}94%{width:56px;opacity:0}to{width:0;opacity:0}}@keyframes hint-note-chip{0%{opacity:0;transform:scale(.7)}24%{opacity:0;transform:scale(.7)}34%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}94%{opacity:0;transform:scale(.92)}to{opacity:0;transform:scale(.7)}}@keyframes hint-note-card{0%{opacity:0;transform:translateY(-6px) scale(.92)}36%{opacity:0;transform:translateY(-6px) scale(.92)}48%{opacity:1;transform:translateY(0) scale(1)}88%{opacity:1;transform:translateY(0) scale(1)}94%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:0;transform:translateY(-6px) scale(.92)}}.hint-anim__draw-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hint-anim__squiggle{fill:none;stroke:#1a1a1a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:167;stroke-dashoffset:167;animation:hint-squiggle-draw 4s linear infinite}.hint-anim__draw-rect{position:absolute;border:2px solid var(--primary);background:#2563eb1a;border-radius:2px;opacity:0;pointer-events:none;animation:hint-draw-rect 4s ease-in-out infinite}.hint-anim__cursor--draw{animation:hint-cursor-draw 4s linear infinite}@keyframes hint-squiggle-draw{0%{stroke-dashoffset:167;opacity:1}48%{stroke-dashoffset:0;opacity:1}52%{stroke-dashoffset:0;opacity:.3}88%{stroke-dashoffset:0;opacity:.3}94%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:167;opacity:0}}@keyframes hint-draw-rect{0%{left:100px;top:20px;width:0;height:0;opacity:0}55%{left:100px;top:20px;width:0;height:0;opacity:0}56%{left:100px;top:20px;width:2px;height:2px;opacity:1}78%{left:100px;top:20px;width:60px;height:40px;opacity:1}88%{left:100px;top:20px;width:60px;height:40px;opacity:1}94%{left:100px;top:20px;width:60px;height:40px;opacity:0}to{left:100px;top:20px;width:0;height:0;opacity:0}}.hint-anim__click--draw{animation:hint-click-draw 4s ease-in-out infinite!important}@keyframes hint-click-draw{0%{left:96px;top:16px;transform:scale(0);opacity:0}53%{left:96px;top:16px;transform:scale(0);opacity:0}54%{left:96px;top:16px;transform:scale(.5);opacity:.8}58%{left:96px;top:16px;transform:scale(1.5);opacity:0}to{left:96px;top:16px;transform:scale(1.5);opacity:0}}@keyframes hint-cursor-draw{0%{left:16px;top:76px;opacity:1}7.2%{left:31px;top:56px;opacity:1}15.6%{left:46px;top:81px;opacity:1}25.2%{left:61px;top:51px;opacity:1}32.4%{left:76px;top:71px;opacity:1}40.8%{left:91px;top:46px;opacity:1}48%{left:106px;top:66px;opacity:1}54%{left:100px;top:20px;opacity:1}56%{left:100px;top:20px;opacity:1}78%{left:156px;top:56px;opacity:1}88%{left:156px;top:56px;opacity:1}94%{left:156px;top:56px;opacity:0}to{left:16px;top:76px;opacity:0}}.hint-anim__page--cream{background:#faf6ed}.hint-anim__page--checker{background-color:#fff;background-image:conic-gradient(#d4d4d4 25%,#fff 0 50%,#d4d4d4 0 75%,#fff 0);background-size:12px 12px}.hint-anim__line--ink{background:#4b5563;height:5px}.hint-anim__line--erase-target{animation:hint-erase-pdf-clip 4s ease-in-out infinite}.hint-anim__cursor--erase-pdf{animation:hint-cursor-erase-pdf 4s ease-in-out infinite}@keyframes hint-cursor-erase-pdf{0%{left:6px;top:16px;opacity:1}10%{left:14px;top:22px;opacity:1}60%{left:158px;top:22px;opacity:1}78%{left:158px;top:22px;opacity:1}86%{left:158px;top:22px;opacity:0}to{left:6px;top:16px;opacity:0}}@keyframes hint-erase-pdf-clip{0%{clip-path:inset(0 0 0 0%)}10%{clip-path:inset(0 0 0 0%)}60%{clip-path:inset(0 0 0 100%)}84%{clip-path:inset(0 0 0 100%)}92%{clip-path:inset(0 0 0 100%);opacity:0}to{clip-path:inset(0 0 0 0%);opacity:0}}.hint-anim__erase-draw-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hint-anim__erase-squiggle{stroke-dasharray:213;stroke-dashoffset:0;animation:hint-erase-squiggle 4s linear infinite}.hint-anim__cursor--erase-draw{animation:hint-cursor-erase-draw 4s linear infinite}@keyframes hint-erase-squiggle{0%{stroke-dashoffset:0;opacity:1}12%{stroke-dashoffset:0;opacity:1}68%{stroke-dashoffset:-213;opacity:1}84%{stroke-dashoffset:-213;opacity:1}92%{stroke-dashoffset:-213;opacity:0}to{stroke-dashoffset:0;opacity:0}}@keyframes hint-cursor-erase-draw{0%{left:6px;top:16px;opacity:1}12%{left:13px;top:73px;opacity:1}18.6%{left:28px;top:53px;opacity:1}26.2%{left:43px;top:78px;opacity:1}35%{left:58px;top:48px;opacity:1}41.6%{left:73px;top:68px;opacity:1}49.3%{left:88px;top:43px;opacity:1}55.9%{left:103px;top:63px;opacity:1}61.4%{left:118px;top:48px;opacity:1}68%{left:133px;top:68px;opacity:1}84%{left:133px;top:68px;opacity:1}92%{left:133px;top:68px;opacity:0}to{left:6px;top:16px;opacity:0}}.hint-anim__editor-box{position:absolute;left:60px;top:70px;padding:4px 10px;background:#fff;border:1.5px solid var(--border);border-radius:3px;font-size:11px;font-weight:500;color:#1a1a1a;font-family:var(--font);box-shadow:0 1px 3px #0000000f;pointer-events:none;animation:hint-erase-editor-box 4s ease-in-out infinite}.hint-anim__cursor--erase-editor{animation:hint-cursor-erase-editor 4s ease-in-out infinite}@keyframes hint-erase-editor-box{0%{opacity:1;border-color:var(--border);transform:scale(1)}20%{opacity:1;border-color:var(--border);transform:scale(1)}35%{opacity:1;border-color:#dc2626;transform:scale(1.04)}55%{opacity:1;border-color:#dc2626;transform:scale(1.04)}62%{opacity:0;border-color:#dc2626;transform:scale(.92)}to{opacity:0;border-color:#dc2626;transform:scale(.92)}}@keyframes hint-cursor-erase-editor{0%{left:6px;top:16px;opacity:1}20%{left:50px;top:70px;opacity:1}40%{left:92px;top:76px;opacity:1}62%{left:92px;top:76px;opacity:1}72%{left:92px;top:76px;opacity:0}to{left:6px;top:16px;opacity:0}}.hint-anim__smart-band{position:absolute;left:16px;top:24px;width:0;height:5px;background:#faf6ed;border-radius:1px;opacity:0;pointer-events:none;animation:hint-erase-smart-band 4s ease-in-out infinite}.hint-anim__cursor--erase-smart{animation:hint-cursor-erase-smart 4s ease-in-out infinite}@keyframes hint-cursor-erase-smart{0%{left:6px;top:16px;opacity:1}10%{left:14px;top:22px;opacity:1}60%{left:158px;top:22px;opacity:1}78%{left:158px;top:22px;opacity:1}86%{left:158px;top:22px;opacity:0}to{left:6px;top:16px;opacity:0}}@keyframes hint-erase-smart-band{0%{width:0;opacity:0}9%{width:0;opacity:0}10%{width:4px;opacity:1}60%{width:148px;opacity:1}84%{width:148px;opacity:1}92%{width:148px;opacity:0}to{width:0;opacity:0}}.hint-anim__form-text{position:absolute;left:16px;top:50px;height:18px;width:0;border:1.5px solid #2563eb;background:#2563eb1a;border-radius:2px;opacity:0;pointer-events:none;animation:hint-form-text 4s ease-in-out infinite}.hint-anim__form-check{position:absolute;left:22px;top:80px;width:14px;height:14px;border:1.5px solid #2563eb;background:#2563eb1a;border-radius:2px;opacity:0;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:hint-form-check 4s ease-in-out infinite}.hint-anim__form-check svg{opacity:0;animation:hint-form-check-mark 4s ease-in-out infinite}.hint-anim__form-drop{position:absolute;left:16px;top:105px;height:18px;width:0;border:1.5px solid #2563eb;background:#2563eb1a;border-radius:2px;opacity:0;display:flex;align-items:center;justify-content:flex-end;padding-right:4px;box-sizing:border-box;pointer-events:none;animation:hint-form-drop 4s ease-in-out infinite}.hint-anim__form-drop-arrow{font-size:10px;color:#2563eb;line-height:1;opacity:0;animation:hint-form-drop-arrow 4s ease-in-out infinite}.hint-anim__cursor--form{animation:hint-cursor-form 4s ease-in-out infinite}@keyframes hint-cursor-form{0%{left:6px;top:16px;opacity:1}5%{left:16px;top:50px;opacity:1}25%{left:116px;top:60px;opacity:1}30%{left:116px;top:60px;opacity:1}35%{left:28px;top:86px;opacity:1}55%{left:28px;top:86px;opacity:1}60%{left:16px;top:105px;opacity:1}82%{left:116px;top:115px;opacity:1}92%{left:116px;top:115px;opacity:0}to{left:6px;top:16px;opacity:0}}@keyframes hint-form-text{0%{width:0;opacity:0}5%{width:0;opacity:1}25%{width:100px;opacity:1}92%{width:100px;opacity:1}96%{width:100px;opacity:0}to{width:0;opacity:0}}@keyframes hint-form-check{0%{opacity:0}34%{opacity:0}35%{opacity:1}92%{opacity:1}96%{opacity:0}to{opacity:0}}@keyframes hint-form-check-mark{0%{opacity:0}44%{opacity:0}48%{opacity:1}92%{opacity:1}96%{opacity:0}to{opacity:0}}@keyframes hint-form-drop{0%{width:0;opacity:0}59%{width:0;opacity:0}60%{width:0;opacity:1}82%{width:100px;opacity:1}92%{width:100px;opacity:1}96%{width:100px;opacity:0}to{width:0;opacity:0}}@keyframes hint-form-drop-arrow{0%{opacity:0}78%{opacity:0}82%{opacity:1}92%{opacity:1}96%{opacity:0}to{opacity:0}}