@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";.code-keyword{font-family:Space Grotesk,sans-serif;color:#9333ea;font-weight:600}.dark .code-keyword{color:#c084fc}.code-keyword:before{content:"{ ";opacity:.4}.code-keyword:after{content:" }";opacity:.4}.code-tag{font-family:Space Grotesk,sans-serif;color:#2563eb;font-weight:600}.dark .code-tag{color:#60a5fa}.code-tag:before{content:"<";opacity:.4}.code-tag:after{content:" />";opacity:.4}.strikethrough-word{vertical-align:baseline;display:inline-block;position:relative}.strikethrough-word:before{content:"";transform-origin:100%;z-index:-1;background:#3b82f633;border-radius:3px;transition:none;position:absolute;inset:-1px -2px;transform:scaleX(0)}.dark .strikethrough-word:before{background:#60a5fa26}.strikethrough-word.selecting:before{transition:transform .35s ease-out;transform:scaleX(1)}.strikethrough-word.selected:before,.strikethrough-word.striking:before{transform:scaleX(1)}.strikethrough-word.deselecting:before{opacity:0;transition:opacity .2s ease-out;transform:scaleX(1)}.strikethrough-word.struck:before{display:none}.strike-cursor{z-index:5;background:#000;width:2px;height:100%;position:absolute;top:0;left:100%}.dark .strike-cursor{background:#fff}.strikethrough-word.selecting .strike-cursor{animation:cursor-select .35s ease-out forwards}.strikethrough-word.selected .strike-cursor,.strikethrough-word.striking .strike-cursor,.strikethrough-word.deselecting .strike-cursor{animation:blink-cursor 1s step-end infinite;left:-2px}@keyframes cursor-select{0%{left:100%}to{left:-2px}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.strikethrough-word:after{content:"";background:#0009;width:0%;height:3px;transition:none;position:absolute;top:52%;left:-4px}.dark .strikethrough-word:after{background:#fff9}.strikethrough-word.striking:after{width:calc(100% + 8px);transition:width .35s ease-out}.strikethrough-word.struck:after{width:calc(100% + 8px)}.marker-highlight-trigger{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(90deg,#fef08a99,#fef08a99);background-position:left center;background-repeat:no-repeat;background-size:0% 100%;border-radius:4px;margin:0 -2px;padding:2px 4px;transition:background-size .5s cubic-bezier(.22,.61,.36,1);transform:rotate(-.3deg);display:inline}.dark .marker-highlight-trigger{background-image:linear-gradient(90deg,#a1620799,#a1620799)}.marker-highlight-trigger.animate{background-size:100% 100%}.word-highlight{position:relative}.sparkle{position:absolute;pointer-events:none;opacity:.4;clip-path:polygon(50% 0%,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0% 50%,40% 40%);filter:drop-shadow(0 0 6px #ffffffe6) drop-shadow(0 0 12px #b4bed280);z-index:10;background:#dedede}.dark .sparkle{background:#525252;filter:drop-shadow(0 0 6px #ffffff40) drop-shadow(0 0 12px #71717a40)}.code-keyword .sparkle-1{width:54px;height:54px;animation:6s ease-in-out infinite sparkleWord1;bottom:-8px;left:4px}.code-keyword .sparkle-2{width:32px;height:32px;animation:6s ease-in-out .6s infinite sparkleWord1;top:-4px;right:-2px}.code-keyword .sparkle-3{width:42px;height:42px;animation:6s ease-in-out 1.2s infinite sparkleWord1;bottom:-4px;right:8px}.code-keyword .sparkle-4{width:28px;height:28px;animation:6s ease-in-out 1.8s infinite sparkleWord1;top:-2px;left:10px}.code-tag .sparkle-1{width:54px;height:54px;animation:6s ease-in-out infinite sparkleWord2;bottom:-8px;left:4px}.code-tag .sparkle-2{width:32px;height:32px;animation:6s ease-in-out .6s infinite sparkleWord2;top:-4px;right:-2px}.code-tag .sparkle-3{width:42px;height:42px;animation:6s ease-in-out 1.2s infinite sparkleWord2;bottom:-4px;right:8px}.code-tag .sparkle-4{width:28px;height:28px;animation:6s ease-in-out 1.8s infinite sparkleWord2;top:-2px;left:10px}@keyframes sparkleWord1{0%{opacity:0;transform:scale(0)}5%{opacity:1;transform:scale(1)}12%{opacity:.8;transform:scale(.85)}17%{opacity:0;transform:scale(0)}48%,to{opacity:0;transform:scale(0)}}@keyframes sparkleWord2{0%,22%{opacity:0;transform:scale(0)}27%{opacity:1;transform:scale(1)}34%{opacity:.8;transform:scale(.85)}39%{opacity:0;transform:scale(0)}to{opacity:0;transform:scale(0)}}.cursor{display:inline-block;width:2px;height:1em;background:#000;margin-left:2px;vertical-align:middle;animation:blink 1s infinite}.dark .cursor{background:#fff}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}