.xml-tag{color:#8626c3}.xml-attribute{color:#e68223}.xml-text{color:#2e7d32}.line-numbered-container{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;position:relative;display:flex}.line-numbers{background-color:#f8f8f8;border-right:1px solid #e0e0e0;color:#999;font-family:monospace;padding:8px 0;text-align:right;width:50px;overflow-y:hidden}.line-number{padding:0 8px}.text-area-with-line-numbers{font-family:monospace;resize:none;border:none;flex-grow:1;outline:none;padding:8px;font-size:14px;line-height:1.5;height:100%;width:calc(100% - 50px)}.output-with-line-numbers{font-family:monospace;flex-grow:1;margin:0;padding:8px;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;background-color:#f9f9f9;height:100%;width:calc(100% - 50px)}.MuiStack-root[class*=css-][class*=direction]{flex-direction:column!important}@media (min-width: 900px){.MuiStack-root[class*=css-][class*=direction]{flex-direction:row!important}}.decorative-circle{z-index:-1}