DEFAULT_CSS

DEFAULT_CSS = '\n    ChatInput {\n        height: auto;\n        layers: base actions;\n    }\n\n    ChatInput #input-box {\n        height: auto;\n        min-height: 3;\n        max-height: 25;\n        padding: 0;\n        background: $surface;\n        border: solid $primary;\n    }\n\n    ChatInput.mode-shell #input-box {\n        border: solid $mode-bash;\n    }\n\n    ChatInput.mode-command #input-box {\n        border: solid $mode-command;\n    }\n\n    ChatInput.mode-shell-incognito #input-box {\n        border: solid $mode-incognito;\n        border-title-color: $mode-incognito;\n        border-title-style: bold;\n    }\n\n    /* Action buttons float on their own z-layer over the top border line, so\n       they cost no content row and never overlap the draft text. The row docks\n       to the right edge and sizes to its buttons (
  `width: auto`
), overlaying\n       only the right portion of the border line and leaving the rest clear. */\n    ChatInput #input-actions {\n        layer: actions;\n        dock: right;\n        width: auto;\n        height: 1;\n        margin-right: 1;\n        display: none;\n    }\n\n    ChatInput .input-row {\n        height: auto;\n        width: 100%;\n    }\n\n    ChatInput .input-prompt {\n        width: 3;\n        height: 1;\n        padding: 0 1;\n        color: $primary;\n        text-style: bold;\n    }\n\n    ChatInput.mode-shell .input-prompt {\n        color: $mode-bash;\n    }\n\n    ChatInput.mode-command .input-prompt {\n        color: $mode-command;\n    }\n\n    ChatInput.mode-shell-incognito .input-prompt {\n        color: $mode-incognito;\n    }\n\n    ChatInput ChatTextArea {\n        width: 1fr;\n        height: auto;\n        min-height: 1;\n        max-height: 8;\n        border: none;\n        background: transparent;\n        padding: 0;\n    }\n\n    ChatInput ChatTextArea:focus {\n        border: none;\n    }\n    '