[data-rehype-pretty-code-fragment]{position:relative;margin:2rem 0;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.4)}[data-rehype-pretty-code-fragment] code{@apply grid min-w-full break-words rounded-none border-0 bg-transparent p-0 text-sm;counter-reset:line;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#e5e7eb!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6}[data-rehype-pretty-code-fragment] .line{@apply px-6 py-1;border-left:2px solid transparent;transition:all .2s ease}[data-rehype-pretty-code-fragment] .line:hover{background:rgba(243,137,36,.05);border-left-color:rgba(243,137,36,.3)}[data-rehype-pretty-code-fragment] [data-line-numbers]>.line:before{counter-increment:line;content:counter(line);display:inline-block;width:2rem;margin-right:1.5rem;text-align:right;color:#6b7280;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-rehype-pretty-code-fragment] .line--highlighted{background:rgba(243,137,36,.1);border-left-color:#f38924}[data-rehype-pretty-code-fragment] .line-highlighted span{@apply relative}[data-rehype-pretty-code-fragment] .word--highlighted{background:rgba(243,137,36,.2);color:#f38924;padding:.2rem .4rem;border-radius:4px;font-weight:500}[data-rehype-pretty-code-title]{background:rgba(243,137,36,.1);color:#f38924;font-weight:600;font-size:13px;padding:12px 24px;margin:0;border-bottom:1px solid hsla(0,0%,100%,.1);text-transform:uppercase;letter-spacing:.5px}[data-rehype-pretty-code-title]+pre{@apply mt-0;border-top-left-radius:0;border-top-right-radius:0}[data-rehype-pretty-code-fragment] .token.cdata,[data-rehype-pretty-code-fragment] .token.comment,[data-rehype-pretty-code-fragment] .token.doctype,[data-rehype-pretty-code-fragment] .token.prolog{color:#6b7280;font-style:italic}[data-rehype-pretty-code-fragment] .token.punctuation{color:#d1d5db}[data-rehype-pretty-code-fragment] .token.boolean,[data-rehype-pretty-code-fragment] .token.constant,[data-rehype-pretty-code-fragment] .token.deleted,[data-rehype-pretty-code-fragment] .token.number,[data-rehype-pretty-code-fragment] .token.property,[data-rehype-pretty-code-fragment] .token.symbol,[data-rehype-pretty-code-fragment] .token.tag{color:#f38924}[data-rehype-pretty-code-fragment] .token.attr-name,[data-rehype-pretty-code-fragment] .token.builtin,[data-rehype-pretty-code-fragment] .token.char,[data-rehype-pretty-code-fragment] .token.inserted,[data-rehype-pretty-code-fragment] .token.selector,[data-rehype-pretty-code-fragment] .token.string{color:#10b981}[data-rehype-pretty-code-fragment] .language-css .token.string,[data-rehype-pretty-code-fragment] .style .token.string,[data-rehype-pretty-code-fragment] .token.entity,[data-rehype-pretty-code-fragment] .token.operator,[data-rehype-pretty-code-fragment] .token.url{color:#06b6d4}[data-rehype-pretty-code-fragment] .token.atrule,[data-rehype-pretty-code-fragment] .token.attr-value,[data-rehype-pretty-code-fragment] .token.keyword{color:#8b5cf6}[data-rehype-pretty-code-fragment] .token.class-name,[data-rehype-pretty-code-fragment] .token.function{color:#f59e0b}[data-rehype-pretty-code-fragment] .token.important,[data-rehype-pretty-code-fragment] .token.regex,[data-rehype-pretty-code-fragment] .token.variable{color:#ef4444}[data-rehype-pretty-code-fragment]:hover .copy-button{opacity:1}.copy-button{position:absolute;top:12px;right:12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#d1d5db;padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer;opacity:0;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.copy-button:hover{background:rgba(243,137,36,.2);border-color:#f38924;color:#f38924}