CSS

CSS = '\n    DebugConsoleScreen {\n        align: center middle;\n    }\n\n    DebugConsoleScreen > Vertical {\n        width: 100;\n        max-width: 95%;\n        height: 85%;\n        background: $surface;\n        border: solid $primary;\n        padding: 1 2;\n    }\n\n    DebugConsoleScreen .debug-console-title {\n        text-style: bold;\n        color: $primary;\n        text-align: center;\n        margin-bottom: 1;\n    }\n\n    DebugConsoleScreen .debug-console-snapshot {\n        margin-bottom: 1;\n    }\n\n    DebugConsoleScreen .debug-console-toolbar {\n        height: auto;\n        margin-bottom: 1;\n    }\n\n    DebugConsoleScreen .debug-console-filter-label {\n        width: auto;\n        content-align: center middle;\n        color: $text-muted;\n        margin-right: 1;\n    }\n\n    DebugConsoleScreen #debug-level-filter {\n        width: 18;\n    }\n\n    DebugConsoleScreen .debug-console-click-to-copy {\n        margin-left: 2;\n        color: $text-muted;\n    }\n\n    DebugConsoleScreen .debug-console-log {\n        height: 1fr;\n        min-height: 5;\n        scrollbar-gutter: stable;\n        background: $background;\n        border: solid $primary;\n        overflow-x: hidden;\n        overflow-y: scroll;\n    }\n\n    DebugConsoleScreen .debug-console-log:focus {\n        border: solid $primary-lighten-2;\n    }\n\n    DebugConsoleScreen .debug-console-help {\n        height: 1;\n        color: $text-muted;\n        text-style: italic;\n        margin-top: 1;\n        text-align: center;\n    }\n    '