#table-container{overflow-x:auto}#table-container .status-bar{border-top:none;border-bottom:1px solid #555}.ansi-codes{padding:1em 0;width:100%;border-collapse:collapse;max-width:fit-content;margin-bottom:3em}.ansi-codes th,.ansi-codes td{padding:.5em;text-align:left;border-bottom:1px solid #444;white-space:nowrap}.ansi-codes code{padding:.2em .4em}textarea{border:none;border-radius:0;resize:vertical;box-sizing:border-box;background-color:transparent;color:#e0e0e0;outline:none;font-size:inherit}button{background-color:transparent;color:#ecf0f1;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}button:hover{background-color:#000;color:#0f0}.output{margin-top:20px;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#ecf0f1;white-space:pre-wrap}.status-bar{display:flex;align-items:center;background-color:#333;border:none;border-top:1px solid #555;border-radius:0;font-size:.8rem;line-height:1.5;color:#ecf0f1}.status-bar label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.status-item,.examples-trigger{padding:.5rem;white-space:nowrap}.status-item{border-right:1px solid #555}.status-item:last-child{border-right:none}.status-spacer{flex-grow:1}.examples-dropdown{position:relative}.examples-trigger{cursor:pointer}#example-buttons-container{display:none;position:absolute;bottom:calc(100% + 6px);right:0;background-color:#333;border-radius:4px;padding:.5rem;gap:.2rem;flex-wrap:wrap;justify-content:end}.examples-dropdown:hover #example-buttons-container{display:flex;background-color:#333}#input-container,#output-container{display:flex;flex-direction:column;background-color:#000}#input-container .content,#output-container .content{flex-grow:1}.content{padding:1rem}#example-buttons-container button{padding:2px 8px;font-size:.8rem}:root{font-family:monospace;font-size:16px}*{font-family:inherit}body{margin:1em}@media screen and (min-width: 600px){body{margin:2em}}header{display:flex;justify-content:left;align-items:center;gap:1rem;margin-bottom:2rem}header a img{display:block}h1{font-size:1rem;color:#333}nav{display:flex;justify-content:center;font-size:1rem;color:#333}nav a{padding:.2rem;color:#333}nav a:hover{color:#0f0;background-color:#000;text-decoration:none}nav ul{display:flex;list-style:none;padding:0;gap:1rem}.grid{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 600px){.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(500px,40%),1fr))}}footer{margin-top:16rem;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem}footer p:has(span){display:flex;align-items:center}footer p:has(span) span{display:flex;align-items:center;gap:.5rem}footer a{display:inline}footer img,footer svg{width:2rem;height:2rem}