.code-renderer{margin:1rem 0}.code-renderer .css-renderer .css-preview{min-height:200px}.code-renderer .css-renderer .css-preview .preview-sample h1,.code-renderer .css-renderer .css-preview .preview-sample h2,.code-renderer .css-renderer .css-preview .preview-sample h3,.code-renderer .css-renderer .css-preview .preview-sample p{margin:.5rem 0}.code-renderer .css-renderer .css-preview .preview-sample button,.code-renderer .css-renderer .css-preview .preview-sample .btn{margin:.5rem .5rem .5rem 0}.code-renderer .css-renderer .css-preview .preview-sample .box{margin:.5rem 0;padding:1rem}.code-renderer .css-renderer .css-preview .preview-sample ul{margin:.5rem 0;padding-left:1.5rem}.ascii-renderer .ascii-art{letter-spacing:.05em;text-shadow:0 1px 2px #0000000d;font-family:Courier New,Monaco,Menlo,monospace;font-weight:500;line-height:1.4}.ascii-renderer .ascii-art code{white-space:pre;font-feature-settings:"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;overflow-x:auto}.ascii-renderer .ascii-art::-webkit-scrollbar{background:0 0;height:.5rem}.ascii-renderer .ascii-art::-webkit-scrollbar-track{background:#0000000d;border-radius:.25rem}.ascii-renderer .ascii-art::-webkit-scrollbar-thumb{background:#0003;border-radius:.25rem}.ascii-renderer .ascii-art::-webkit-scrollbar-thumb:hover{background:#0000004d}.dark .ascii-renderer .ascii-art{filter:brightness(1.1)}.dark .ascii-renderer .ascii-art::-webkit-scrollbar-track{background:#ffffff0d}.dark .ascii-renderer .ascii-art::-webkit-scrollbar-thumb{background:#fff3}.dark .ascii-renderer .ascii-art::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media print{.code-renderer .css-preview{page-break-inside:avoid;border:1px solid #000}.code-renderer .ascii-art{page-break-inside:avoid;border:1px solid #000;color:#000!important;background:#fff!important}}