.mk .kn-stage{aspect-ratio:1200/640;margin:24px 0 0;position:relative;overflow:hidden}@media (min-width:992px){.mk .kn-stage{margin-top:8px}}@media (max-width:991px){.mk .kn-stage{aspect-ratio:auto;place-items:center;padding:48px 16px 72px;display:grid}}.mk .kn-field{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.mk .kn-lines{width:100%;height:100%;position:absolute;inset:0}.mk .kn-lines path{stroke:color-mix(in srgb, var(--fg-link) 55%, transparent);stroke-width:1.5px;stroke-dasharray:4 6}.mk .kn-lines circle{fill:var(--fg-link)}.mk .kn-source{z-index:1;border:1px solid var(--stroke-subtle);background:var(--card);box-shadow:var(--shadow-product);white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:8px 10px 8px 8px;animation:6s ease-in-out infinite kn-float;display:flex;position:absolute;translate:-50% -50%}.mk .kn-source>span:not(.kn-ico){flex-direction:column;gap:1px;display:flex}.mk .kn-source b{color:var(--fg);font-size:13px;font-weight:500;line-height:18px}.mk .kn-source small{color:var(--fg-caption);font-size:11px;line-height:14px}.mk .kn-ico{background:var(--card);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--stroke-subtle);color:var(--fg-2);border-radius:8px;place-items:center;display:grid}.mk .kn-ico svg{width:15px;height:15px}.mk .kn-source em{place-items:center;margin-left:6px;display:grid}.mk .kn-source em svg{width:14px;height:14px}.mk .kn-source em.is-ok{color:var(--ok)}.mk .kn-source em.is-sync{color:var(--warn)}.mk .kn-source em.is-sync svg{animation:1.4s linear infinite kn-spin}.mk .kn-index{z-index:2;border:1px solid var(--stroke-default);background:var(--card);width:340px;box-shadow:var(--shadow-product), 0 24px 48px -16px color-mix(in srgb, var(--fg) 18%, transparent);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;translate:-50% -50%}@media (max-width:991px){.mk .kn-index{width:min(100%,340px);position:relative;translate:none;top:auto!important;left:auto!important}}.mk .kn-index header{border-bottom:1px solid var(--stroke-weak);align-items:center;gap:8px;padding-bottom:10px;display:flex}.mk .kn-index header svg{width:15px;height:15px;color:var(--fg-2)}.mk .kn-index header b{color:var(--fg);font-size:14px;font-weight:500}.mk .kn-index header small{color:var(--ok);margin-left:auto;font-size:11px}.mk .kn-ask{border:1px solid var(--stroke-subtle);color:var(--fg);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.mk .kn-you{background:var(--card);width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--stroke-default);color:var(--info);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:600;display:grid}.mk .kn-answer{gap:8px;display:flex}.mk .kn-answer svg{width:15px;height:15px;color:var(--red);flex:none;margin-top:2px}.mk .kn-answer p{color:var(--fg-2);font-size:13px;line-height:19px}.mk .kn-cites{flex-direction:column;gap:6px;display:flex}.mk .kn-cites span{background:var(--bg-2);color:var(--fg-2);border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.mk .kn-cites svg{width:13px;height:13px;color:var(--fg-caption)}.mk .kn-cites em{color:var(--fg-caption);margin-left:auto;font-style:normal}.mk .kn-index footer{color:var(--fg-caption);justify-content:space-between;font-size:11px;display:flex}@keyframes kn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes kn-spin{to{transform:rotate(360deg)}}@media (max-width:991px){.mk .kn-lines,.mk .kn-source{display:none}}