.code-beautifier{width:100%}.code-output pre{line-height:1.6;margin:0;white-space:pre}.code-output code{display:block;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.875rem}.line-numbers{counter-reset:linenumber;padding-left:3.5rem}.line-numbers,.line-numbers>code{position:relative}.line-numbers .line-numbers-rows{border-right:1px solid #999;font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:3em}.line-numbers .line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers .line-numbers-rows>span:before{color:#999;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6a737d}.token.punctuation{color:#5c6370}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#d73a49}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#22863a}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#005cc5}.token.atrule,.token.attr-value,.token.keyword{color:#d73a49}.token.class-name,.token.function{color:#6f42c1}.token.important,.token.regex,.token.variable{color:#e36209}.dark .token.cdata,.dark .token.comment,.dark .token.doctype,.dark .token.prolog{color:#8b949e}.dark .token.punctuation{color:#c9d1d9}.dark .token.boolean,.dark .token.constant,.dark .token.deleted,.dark .token.number,.dark .token.property,.dark .token.symbol,.dark .token.tag{color:#ff7b72}.dark .token.attr-name,.dark .token.builtin,.dark .token.char,.dark .token.inserted,.dark .token.selector,.dark .token.string{color:#7ee787}.dark .language-css .token.string,.dark .style .token.string,.dark .token.entity,.dark .token.operator,.dark .token.url{color:#79c0ff}.dark .token.atrule,.dark .token.attr-value,.dark .token.keyword{color:#ff7b72}.dark .token.class-name,.dark .token.function{color:#d2a8ff}.dark .token.important,.dark .token.regex,.dark .token.variable{color:#ffa657}.language-btn{transition:all .2s ease}.language-btn:active{transform:scale(.98)}.code-output::-webkit-scrollbar{height:8px;width:8px}.code-output::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.dark .code-output::-webkit-scrollbar-track{background:#1f2937}.code-output::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dark .code-output::-webkit-scrollbar-thumb{background:#4b5563}.code-output::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .code-output::-webkit-scrollbar-thumb:hover{background:#6b7280}.code-output pre{overflow-x:auto}.code-output pre::-webkit-scrollbar{height:8px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}#code-notification{animation:slideInRight .3s ease-out}#codeInput:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.5}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width:768px){.code-beautifier{font-size:14px}.line-numbers{padding-left:2.5rem}.line-numbers .line-numbers-rows{left:-2.8em;width:2em}.code-output code{font-size:.75rem}}@media print{.code-beautifier button,.code-beautifier input,.code-beautifier select{display:none}.code-output{border:1px solid #000}}