We are currently solving the following issue within our repository. Here is the issue text:
--- BEGIN ISSUE ---
[BUG] SVG gets surrounded in a black box
**Describe the bug**

Making an SVG, ideally a light-mode SVG, creates a black box around the terminal with square edges. Ideally, I think, the corners could be rounded to match the terminal application, otherwise, the box should be removed. Or both + a drop shadow, which would look really nice, I think. This is on the `terminal` div.

![result](https://user-images.githubusercontent.com/4616906/161826947-223c22a7-b5f9-413d-9b45-06dfca82e7c8.svg)

(I'm not sure why this only shows the top corner in the GitHub preview, but you still the extra box corner a bit there depending on your GitHub mode. Hey, you can click it and see the whole thing, nice! Thought it does lose some but not all of the styling. Though I'd also really like a way to just display the inner contents too with color inline. Anyway, back to the issue...)

PNG images to illustrate:

<img width="109" alt="Screen Shot 2022-04-05 at 2 43 45 PM" src="https://user-images.githubusercontent.com/4616906/161827390-eb475297-4a1f-4cb0-aefd-470bedc8eb1a.png">

<img width="308" alt="Screen Shot 2022-04-05 at 2 43 54 PM" src="https://user-images.githubusercontent.com/4616906/161827398-0d7c6cfa-2509-435e-96d3-461c6cb50dba.png">

Ahhh, this might be a Safari bug. There's a border radius already, but it's not showing up on the the `terminal` div. Replacing outline with `box-shadow: black 5px 5px 10px;` does look fantastic, though, and that does follow the curved outline even on Safari.

<img width="507" alt="Screen Shot 2022-04-05 at 2 57 47 PM" src="https://user-images.githubusercontent.com/4616906/161830253-68c59e87-bf3d-4e5e-8682-9bd29c175649.png">


This seems to be a bug on Safari (https://github.com/tailwindlabs/tailwindcss/discussions/7649 and others) that used to be present on other browsers, but now mostly Safari.

**Platform**
<details>
<summary>Click to expand</summary>

What platform (Win/Linux/Mac) are you running on? What terminal software are you using?

macOS, Safari.

I may ask you to copy and paste the output of the following commands. It may save some time if you do it now.

If you're using Rich in a terminal:

```console
$ python -m rich.diagnose
╭───────────────────────── <class 'rich.console.Console'> ─────────────────────────╮
│ A high level console interface.                                                  │
│                                                                                  │
│ ╭──────────────────────────────────────────────────────────────────────────────╮ │
│ │ <console width=193 ColorSystem.TRUECOLOR>                                    │ │
│ ╰──────────────────────────────────────────────────────────────────────────────╯ │
│                                                                                  │
│     color_system = 'truecolor'                                                   │
│         encoding = 'utf-8'                                                       │
│             file = <_io.TextIOWrapper name='<stdout>' mode='w' encoding='utf-8'> │
│           height = 75                                                            │
│    is_alt_screen = False                                                         │
│ is_dumb_terminal = False                                                         │
│   is_interactive = True                                                          │
│       is_jupyter = False                                                         │
│      is_terminal = True                                                          │
│   legacy_windows = False                                                         │
│         no_color = False                                                         │
│          options = ConsoleOptions(                                               │
│                        size=ConsoleDimensions(width=193, height=75),             │
│                        legacy_windows=False,                                     │
│                        min_width=1,                                              │
│                        max_width=193,                                            │
│                        is_terminal=True,                                         │
│                        encoding='utf-8',                                         │
│                        max_height=75,                                            │
│                        justify=None,                                             │
│                        overflow=None,                                            │
│                        no_wrap=False,                                            │
│                        highlight=None,                                           │
│                        markup=None,                                              │
│                        height=None                                               │
│                    )                                                             │
│            quiet = False                                                         │
│           record = False                                                         │
│         safe_box = True                                                          │
│             size = ConsoleDimensions(width=193, height=75)                       │
│        soft_wrap = False                                                         │
│           stderr = False                                                         │
│            style = None                                                          │
│         tab_size = 8                                                             │
│            width = 193                                                           │
╰──────────────────────────────────────────────────────────────────────────────────╯
╭─── <class 'rich._windows.WindowsConsoleFeatures'> ────╮
│ Windows features available.                           │
│                                                       │
│ ╭───────────────────────────────────────────────────╮ │
│ │ WindowsConsoleFeatures(vt=False, truecolor=False) │ │
│ ╰───────────────────────────────────────────────────╯ │
│                                                       │
│ truecolor = False                                     │
│        vt = False                                     │
╰───────────────────────────────────────────────────────╯
╭────── Environment Variables ───────╮
│ {                                  │
│     'TERM': 'xterm-256color',      │
│     'COLORTERM': 'truecolor',      │
│     'CLICOLOR': None,              │
│     'NO_COLOR': None,              │
│     'TERM_PROGRAM': 'iTerm.app',   │
│     'COLUMNS': None,               │
│     'LINES': None,                 │
│     'JPY_PARENT_PID': None,        │
│     'VSCODE_VERBOSE_LOGGING': None │
│ }                                  │
╰────────────────────────────────────╯
platform="Darwin"
$ pip freeze | grep rich
rich==12.2.0
```


</details>

PS: it was really trivial to add this to my app, and is amazing, love the feature! Don't want to sound negative opening an issue. :D


--- END ISSUE ---

Below are some code segments, each from a relevant file. One or more of these files may contain bugs.
--- BEGIN FILES ---
Path: `rich/_export_format.py`
Content:
```
1 CONSOLE_HTML_FORMAT = """\
2 <!DOCTYPE html>
3 <head>
4 <meta charset="UTF-8">
5 <style>
6 {stylesheet}
7 body {{
8     color: {foreground};
9     background-color: {background};
10 }}
11 </style>
12 </head>
13 <html>
14 <body>
15     <code>
16         <pre style="font-family:Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace">{code}</pre>
17     </code>
18 </body>
19 </html>
20 """
21 
22 CONSOLE_SVG_FORMAT = """\
23 <svg width="{total_width}" height="{total_height}" viewBox="0 0 {total_width} {total_height}"
24      xmlns="http://www.w3.org/2000/svg">
25     <style>
26         @font-face {{
27             font-family: "{font_family}";
28             src: local("FiraCode-Regular"),
29                  url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
30                  url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
31             font-style: normal;
32             font-weight: 400;
33         }}
34         @font-face {{
35             font-family: "{font_family}";
36             src: local("FiraCode-Bold"),
37                  url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
38                  url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
39             font-style: bold;
40             font-weight: 700;
41         }}
42         .{classes_prefix}-terminal-wrapper span {{
43             display: inline-block;
44             white-space: pre;
45             vertical-align: top;
46             font-size: {font_size}px;
47             font-family:'{font_family}','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;
48         }}
49         .{classes_prefix}-terminal-wrapper a {{
50             text-decoration: none;
51             color: inherit;
52         }}
53         .{classes_prefix}-terminal-body .blink {{
54            animation: {classes_prefix}-blinker 1s infinite;
55         }}
56         @keyframes {classes_prefix}-blinker {{
57             from {{ opacity: 1.0; }}
58             50% {{ opacity: 0.3; }}
59             to {{ opacity: 1.0; }}
60         }}
61         .{classes_prefix}-terminal-wrapper {{
62             padding: {margin}px;
63             padding-top: 100px;
64         }}
65         .{classes_prefix}-terminal {{
66             position: relative;
67             display: flex;
68             flex-direction: column;
69             align-items: center;
70             background-color: {theme_background_color};
71             border-radius: 14px;
72             outline: 1px solid #484848;
73         }}
74         .{classes_prefix}-terminal:after {{
75             position: absolute;
76             width: 100%;
77             height: 100%;
78             content: '';
79             border-radius: 14px;
80             background: rgb(71,77,102);
81             background: linear-gradient(90deg, #804D69 0%, #4E4B89 100%);
82             transform: rotate(-4.5deg);
83             z-index: -1;
84         }}
85         .{classes_prefix}-terminal-header {{
86             position: relative;
87             width: 100%;
88             background-color: #2e2e2e;
89             margin-bottom: 12px;
90             font-weight: bold;
91             border-radius: 14px 14px 0 0;
92             color: {theme_foreground_color};
93             font-size: 18px;
94             box-shadow: inset 0px -1px 0px 0px #4e4e4e,
95                         inset 0px -4px 8px 0px #1a1a1a;
96         }}
97         .{classes_prefix}-terminal-title-tab {{
98             display: inline-block;
99             margin-top: 14px;
100             margin-left: 124px;
101             font-family: sans-serif;
102             padding: 14px 28px;
103             border-radius: 6px 6px 0 0;
104             background-color: {theme_background_color};
105             box-shadow: inset 0px 1px 0px 0px #4e4e4e,
106                         0px -4px 4px 0px #1e1e1e,
107                         inset 1px 0px 0px 0px #4e4e4e,
108                         inset -1px 0px 0px 0px #4e4e4e;
109         }}
110         .{classes_prefix}-terminal-traffic-lights {{
111             position: absolute;
112             top: 24px;
113             left: 20px;
114         }}
115         .{classes_prefix}-terminal-body {{
116             line-height: {line_height}px;
117             padding: 14px;
118         }}
119         {stylesheet}
120     </style>
121     <foreignObject x="0" y="0" width="100%" height="100%">
122         <body xmlns="http://www.w3.org/1999/xhtml">
123             <div class="{classes_prefix}-terminal-wrapper">
124                 <div class="{classes_prefix}-terminal">
125                     <div class="{classes_prefix}-terminal-header">
126                         <svg class="{classes_prefix}-terminal-traffic-lights" width="90" height="21" viewBox="0 0 90 21" xmlns="http://www.w3.org/2000/svg">
127                             <circle cx="14" cy="8" r="8" fill="#ff6159"/>
128                             <circle cx="38" cy="8" r="8" fill="#ffbd2e"/>
129                             <circle cx="62" cy="8" r="8" fill="#28c941"/>
130                         </svg>
131                         <div class="{classes_prefix}-terminal-title-tab">{title}</div>
132                     </div>
133                     <div class="{classes_prefix}-terminal-body">
134                         {code}
135                     </div>
136                 </div>
137             </div>
138         </body>
139     </foreignObject>
140 </svg>
141 """
142 
143 _SVG_FONT_FAMILY = "Rich Fira Code"
144 _SVG_CLASSES_PREFIX = "rich-svg"
145
```
--- END FILES ---

Please first localize the bug based on the issue statement, and then generate a patch according to the `git diff` format fenced by three backticks.

Here is an example:

```diff
diff --git a/examples/server_async.py b/examples/server_async.py
--- a/examples/server_async.py
+++ b/examples/server_async.py
@@ -313,4 +313,4 @@
 
 
 if __name__ == "__main__":
-    asyncio.run(run_async_server("."), debug=True)
+    asyncio.run(run_async_server(), debug=True)
diff --git a/examples/server_sync.py b/examples/server_sync.py
--- a/examples/server_sync.py
+++ b/examples/server_sync.py
@@ -313,5 +313,5 @@
 
 
 if __name__ == "__main__":
-    server = run_sync_server(".")
+    server = run_sync_server()
     server.shutdown()

```

diff --git a/rich/_export_format.py b/rich/_export_format.py
--- a/rich/_export_format.py
+++ b/rich/_export_format.py
@@ -69,7 +69,7 @@
             align-items: center;
             background-color: {theme_background_color};
             border-radius: 14px;
-            outline: 1px solid #484848;
+            box-shadow: 0 0 0 1px #484848;
         }}
         .{classes_prefix}-terminal:after {{
             position: absolute;

{"golden_diff": "diff --git a/rich/_export_format.py b/rich/_export_format.py\n--- a/rich/_export_format.py\n+++ b/rich/_export_format.py\n@@ -69,7 +69,7 @@\n             align-items: center;\n             background-color: {theme_background_color};\n             border-radius: 14px;\n-            outline: 1px solid #484848;\n+            box-shadow: 0 0 0 1px #484848;\n         }}\n         .{classes_prefix}-terminal:after {{\n             position: absolute;\n", "issue": "[BUG] SVG gets surrounded in a black box\n**Describe the bug**\r\n\r\nMaking an SVG, ideally a light-mode SVG, creates a black box around the terminal with square edges. Ideally, I think, the corners could be rounded to match the terminal application, otherwise, the box should be removed. Or both + a drop shadow, which would look really nice, I think. This is on the `terminal` div.\r\n\r\n![result](https://user-images.githubusercontent.com/4616906/161826947-223c22a7-b5f9-413d-9b45-06dfca82e7c8.svg)\r\n\r\n(I'm not sure why this only shows the top corner in the GitHub preview, but you still the extra box corner a bit there depending on your GitHub mode. Hey, you can click it and see the whole thing, nice! Thought it does lose some but not all of the styling. Though I'd also really like a way to just display the inner contents too with color inline. Anyway, back to the issue...)\r\n\r\nPNG images to illustrate:\r\n\r\n<img width=\"109\" alt=\"Screen Shot 2022-04-05 at 2 43 45 PM\" src=\"https://user-images.githubusercontent.com/4616906/161827390-eb475297-4a1f-4cb0-aefd-470bedc8eb1a.png\">\r\n\r\n<img width=\"308\" alt=\"Screen Shot 2022-04-05 at 2 43 54 PM\" src=\"https://user-images.githubusercontent.com/4616906/161827398-0d7c6cfa-2509-435e-96d3-461c6cb50dba.png\">\r\n\r\nAhhh, this might be a Safari bug. There's a border radius already, but it's not showing up on the the `terminal` div. Replacing outline with `box-shadow: black 5px 5px 10px;` does look fantastic, though, and that does follow the curved outline even on Safari.\r\n\r\n<img width=\"507\" alt=\"Screen Shot 2022-04-05 at 2 57 47 PM\" src=\"https://user-images.githubusercontent.com/4616906/161830253-68c59e87-bf3d-4e5e-8682-9bd29c175649.png\">\r\n\r\n\r\nThis seems to be a bug on Safari (https://github.com/tailwindlabs/tailwindcss/discussions/7649 and others) that used to be present on other browsers, but now mostly Safari.\r\n\r\n**Platform**\r\n<details>\r\n<summary>Click to expand</summary>\r\n\r\nWhat platform (Win/Linux/Mac) are you running on? What terminal software are you using?\r\n\r\nmacOS, Safari.\r\n\r\nI may ask you to copy and paste the output of the following commands. It may save some time if you do it now.\r\n\r\nIf you're using Rich in a terminal:\r\n\r\n```console\r\n$ python -m rich.diagnose\r\n\u256d\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 <class 'rich.console.Console'> \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e\r\n\u2502 A high level console interface.                                                  \u2502\r\n\u2502                                                                                  \u2502\r\n\u2502 \u256d\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e \u2502\r\n\u2502 \u2502 <console width=193 ColorSystem.TRUECOLOR>                                    \u2502 \u2502\r\n\u2502 \u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256f \u2502\r\n\u2502                                                                                  \u2502\r\n\u2502     color_system = 'truecolor'                                                   \u2502\r\n\u2502         encoding = 'utf-8'                                                       \u2502\r\n\u2502             file = <_io.TextIOWrapper name='<stdout>' mode='w' encoding='utf-8'> \u2502\r\n\u2502           height = 75                                                            \u2502\r\n\u2502    is_alt_screen = False                                                         \u2502\r\n\u2502 is_dumb_terminal = False                                                         \u2502\r\n\u2502   is_interactive = True                                                          \u2502\r\n\u2502       is_jupyter = False                                                         \u2502\r\n\u2502      is_terminal = True                                                          \u2502\r\n\u2502   legacy_windows = False                                                         \u2502\r\n\u2502         no_color = False                                                         \u2502\r\n\u2502          options = ConsoleOptions(                                               \u2502\r\n\u2502                        size=ConsoleDimensions(width=193, height=75),             \u2502\r\n\u2502                        legacy_windows=False,                                     \u2502\r\n\u2502                        min_width=1,                                              \u2502\r\n\u2502                        max_width=193,                                            \u2502\r\n\u2502                        is_terminal=True,                                         \u2502\r\n\u2502                        encoding='utf-8',                                         \u2502\r\n\u2502                        max_height=75,                                            \u2502\r\n\u2502                        justify=None,                                             \u2502\r\n\u2502                        overflow=None,                                            \u2502\r\n\u2502                        no_wrap=False,                                            \u2502\r\n\u2502                        highlight=None,                                           \u2502\r\n\u2502                        markup=None,                                              \u2502\r\n\u2502                        height=None                                               \u2502\r\n\u2502                    )                                                             \u2502\r\n\u2502            quiet = False                                                         \u2502\r\n\u2502           record = False                                                         \u2502\r\n\u2502         safe_box = True                                                          \u2502\r\n\u2502             size = ConsoleDimensions(width=193, height=75)                       \u2502\r\n\u2502        soft_wrap = False                                                         \u2502\r\n\u2502           stderr = False                                                         \u2502\r\n\u2502            style = None                                                          \u2502\r\n\u2502         tab_size = 8                                                             \u2502\r\n\u2502            width = 193                                                           \u2502\r\n\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256f\r\n\u256d\u2500\u2500\u2500 <class 'rich._windows.WindowsConsoleFeatures'> \u2500\u2500\u2500\u2500\u256e\r\n\u2502 Windows features available.                           \u2502\r\n\u2502                                                       \u2502\r\n\u2502 \u256d\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e \u2502\r\n\u2502 \u2502 WindowsConsoleFeatures(vt=False, truecolor=False) \u2502 \u2502\r\n\u2502 \u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256f \u2502\r\n\u2502                                                       \u2502\r\n\u2502 truecolor = False                                     \u2502\r\n\u2502        vt = False                                     \u2502\r\n\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256f\r\n\u256d\u2500\u2500\u2500\u2500\u2500\u2500 Environment Variables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256e\r\n\u2502 {                                  \u2502\r\n\u2502     'TERM': 'xterm-256color',      \u2502\r\n\u2502     'COLORTERM': 'truecolor',      \u2502\r\n\u2502     'CLICOLOR': None,              \u2502\r\n\u2502     'NO_COLOR': None,              \u2502\r\n\u2502     'TERM_PROGRAM': 'iTerm.app',   \u2502\r\n\u2502     'COLUMNS': None,               \u2502\r\n\u2502     'LINES': None,                 \u2502\r\n\u2502     'JPY_PARENT_PID': None,        \u2502\r\n\u2502     'VSCODE_VERBOSE_LOGGING': None \u2502\r\n\u2502 }                                  \u2502\r\n\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256f\r\nplatform=\"Darwin\"\r\n$ pip freeze | grep rich\r\nrich==12.2.0\r\n```\r\n\r\n\r\n</details>\r\n\r\nPS: it was really trivial to add this to my app, and is amazing, love the feature! Don't want to sound negative opening an issue. :D\r\n\n", "before_files": [{"content": "CONSOLE_HTML_FORMAT = \"\"\"\\\n<!DOCTYPE html>\n<head>\n<meta charset=\"UTF-8\">\n<style>\n{stylesheet}\nbody {{\n    color: {foreground};\n    background-color: {background};\n}}\n</style>\n</head>\n<html>\n<body>\n    <code>\n        <pre style=\"font-family:Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace\">{code}</pre>\n    </code>\n</body>\n</html>\n\"\"\"\n\nCONSOLE_SVG_FORMAT = \"\"\"\\\n<svg width=\"{total_width}\" height=\"{total_height}\" viewBox=\"0 0 {total_width} {total_height}\"\n     xmlns=\"http://www.w3.org/2000/svg\">\n    <style>\n        @font-face {{\n            font-family: \"{font_family}\";\n            src: local(\"FiraCode-Regular\"),\n                 url(\"https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2\") format(\"woff2\"),\n                 url(\"https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff\") format(\"woff\");\n            font-style: normal;\n            font-weight: 400;\n        }}\n        @font-face {{\n            font-family: \"{font_family}\";\n            src: local(\"FiraCode-Bold\"),\n                 url(\"https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2\") format(\"woff2\"),\n                 url(\"https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff\") format(\"woff\");\n            font-style: bold;\n            font-weight: 700;\n        }}\n        .{classes_prefix}-terminal-wrapper span {{\n            display: inline-block;\n            white-space: pre;\n            vertical-align: top;\n            font-size: {font_size}px;\n            font-family:'{font_family}','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;\n        }}\n        .{classes_prefix}-terminal-wrapper a {{\n            text-decoration: none;\n            color: inherit;\n        }}\n        .{classes_prefix}-terminal-body .blink {{\n           animation: {classes_prefix}-blinker 1s infinite;\n        }}\n        @keyframes {classes_prefix}-blinker {{\n            from {{ opacity: 1.0; }}\n            50% {{ opacity: 0.3; }}\n            to {{ opacity: 1.0; }}\n        }}\n        .{classes_prefix}-terminal-wrapper {{\n            padding: {margin}px;\n            padding-top: 100px;\n        }}\n        .{classes_prefix}-terminal {{\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            background-color: {theme_background_color};\n            border-radius: 14px;\n            outline: 1px solid #484848;\n        }}\n        .{classes_prefix}-terminal:after {{\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            content: '';\n            border-radius: 14px;\n            background: rgb(71,77,102);\n            background: linear-gradient(90deg, #804D69 0%, #4E4B89 100%);\n            transform: rotate(-4.5deg);\n            z-index: -1;\n        }}\n        .{classes_prefix}-terminal-header {{\n            position: relative;\n            width: 100%;\n            background-color: #2e2e2e;\n            margin-bottom: 12px;\n            font-weight: bold;\n            border-radius: 14px 14px 0 0;\n            color: {theme_foreground_color};\n            font-size: 18px;\n            box-shadow: inset 0px -1px 0px 0px #4e4e4e,\n                        inset 0px -4px 8px 0px #1a1a1a;\n        }}\n        .{classes_prefix}-terminal-title-tab {{\n            display: inline-block;\n            margin-top: 14px;\n            margin-left: 124px;\n            font-family: sans-serif;\n            padding: 14px 28px;\n            border-radius: 6px 6px 0 0;\n            background-color: {theme_background_color};\n            box-shadow: inset 0px 1px 0px 0px #4e4e4e,\n                        0px -4px 4px 0px #1e1e1e,\n                        inset 1px 0px 0px 0px #4e4e4e,\n                        inset -1px 0px 0px 0px #4e4e4e;\n        }}\n        .{classes_prefix}-terminal-traffic-lights {{\n            position: absolute;\n            top: 24px;\n            left: 20px;\n        }}\n        .{classes_prefix}-terminal-body {{\n            line-height: {line_height}px;\n            padding: 14px;\n        }}\n        {stylesheet}\n    </style>\n    <foreignObject x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n        <body xmlns=\"http://www.w3.org/1999/xhtml\">\n            <div class=\"{classes_prefix}-terminal-wrapper\">\n                <div class=\"{classes_prefix}-terminal\">\n                    <div class=\"{classes_prefix}-terminal-header\">\n                        <svg class=\"{classes_prefix}-terminal-traffic-lights\" width=\"90\" height=\"21\" viewBox=\"0 0 90 21\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <circle cx=\"14\" cy=\"8\" r=\"8\" fill=\"#ff6159\"/>\n                            <circle cx=\"38\" cy=\"8\" r=\"8\" fill=\"#ffbd2e\"/>\n                            <circle cx=\"62\" cy=\"8\" r=\"8\" fill=\"#28c941\"/>\n                        </svg>\n                        <div class=\"{classes_prefix}-terminal-title-tab\">{title}</div>\n                    </div>\n                    <div class=\"{classes_prefix}-terminal-body\">\n                        {code}\n                    </div>\n                </div>\n            </div>\n        </body>\n    </foreignObject>\n</svg>\n\"\"\"\n\n_SVG_FONT_FAMILY = \"Rich Fira Code\"\n_SVG_CLASSES_PREFIX = \"rich-svg\"\n", "path": "rich/_export_format.py"}], "after_files": [{"content": "CONSOLE_HTML_FORMAT = \"\"\"\\\n<!DOCTYPE html>\n<head>\n<meta charset=\"UTF-8\">\n<style>\n{stylesheet}\nbody {{\n    color: {foreground};\n    background-color: {background};\n}}\n</style>\n</head>\n<html>\n<body>\n    <code>\n        <pre style=\"font-family:Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace\">{code}</pre>\n    </code>\n</body>\n</html>\n\"\"\"\n\nCONSOLE_SVG_FORMAT = \"\"\"\\\n<svg width=\"{total_width}\" height=\"{total_height}\" viewBox=\"0 0 {total_width} {total_height}\"\n     xmlns=\"http://www.w3.org/2000/svg\">\n    <style>\n        @font-face {{\n            font-family: \"{font_family}\";\n            src: local(\"FiraCode-Regular\"),\n                 url(\"https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2\") format(\"woff2\"),\n                 url(\"https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff\") format(\"woff\");\n            font-style: normal;\n            font-weight: 400;\n        }}\n        @font-face {{\n            font-family: \"{font_family}\";\n            src: local(\"FiraCode-Bold\"),\n                 url(\"https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2\") format(\"woff2\"),\n                 url(\"https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff\") format(\"woff\");\n            font-style: bold;\n            font-weight: 700;\n        }}\n        .{classes_prefix}-terminal-wrapper span {{\n            display: inline-block;\n            white-space: pre;\n            vertical-align: top;\n            font-size: {font_size}px;\n            font-family:'{font_family}','Cascadia Code',Monaco,Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace;\n        }}\n        .{classes_prefix}-terminal-wrapper a {{\n            text-decoration: none;\n            color: inherit;\n        }}\n        .{classes_prefix}-terminal-body .blink {{\n           animation: {classes_prefix}-blinker 1s infinite;\n        }}\n        @keyframes {classes_prefix}-blinker {{\n            from {{ opacity: 1.0; }}\n            50% {{ opacity: 0.3; }}\n            to {{ opacity: 1.0; }}\n        }}\n        .{classes_prefix}-terminal-wrapper {{\n            padding: {margin}px;\n            padding-top: 100px;\n        }}\n        .{classes_prefix}-terminal {{\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            background-color: {theme_background_color};\n            border-radius: 14px;\n            box-shadow: 0 0 0 1px #484848;\n        }}\n        .{classes_prefix}-terminal:after {{\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            content: '';\n            border-radius: 14px;\n            background: rgb(71,77,102);\n            background: linear-gradient(90deg, #804D69 0%, #4E4B89 100%);\n            transform: rotate(-4.5deg);\n            z-index: -1;\n        }}\n        .{classes_prefix}-terminal-header {{\n            position: relative;\n            width: 100%;\n            background-color: #2e2e2e;\n            margin-bottom: 12px;\n            font-weight: bold;\n            border-radius: 14px 14px 0 0;\n            color: {theme_foreground_color};\n            font-size: 18px;\n            box-shadow: inset 0px -1px 0px 0px #4e4e4e,\n                        inset 0px -4px 8px 0px #1a1a1a;\n        }}\n        .{classes_prefix}-terminal-title-tab {{\n            display: inline-block;\n            margin-top: 14px;\n            margin-left: 124px;\n            font-family: sans-serif;\n            padding: 14px 28px;\n            border-radius: 6px 6px 0 0;\n            background-color: {theme_background_color};\n            box-shadow: inset 0px 1px 0px 0px #4e4e4e,\n                        0px -4px 4px 0px #1e1e1e,\n                        inset 1px 0px 0px 0px #4e4e4e,\n                        inset -1px 0px 0px 0px #4e4e4e;\n        }}\n        .{classes_prefix}-terminal-traffic-lights {{\n            position: absolute;\n            top: 24px;\n            left: 20px;\n        }}\n        .{classes_prefix}-terminal-body {{\n            line-height: {line_height}px;\n            padding: 14px;\n        }}\n        {stylesheet}\n    </style>\n    <foreignObject x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">\n        <body xmlns=\"http://www.w3.org/1999/xhtml\">\n            <div class=\"{classes_prefix}-terminal-wrapper\">\n                <div class=\"{classes_prefix}-terminal\">\n                    <div class=\"{classes_prefix}-terminal-header\">\n                        <svg class=\"{classes_prefix}-terminal-traffic-lights\" width=\"90\" height=\"21\" viewBox=\"0 0 90 21\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <circle cx=\"14\" cy=\"8\" r=\"8\" fill=\"#ff6159\"/>\n                            <circle cx=\"38\" cy=\"8\" r=\"8\" fill=\"#ffbd2e\"/>\n                            <circle cx=\"62\" cy=\"8\" r=\"8\" fill=\"#28c941\"/>\n                        </svg>\n                        <div class=\"{classes_prefix}-terminal-title-tab\">{title}</div>\n                    </div>\n                    <div class=\"{classes_prefix}-terminal-body\">\n                        {code}\n                    </div>\n                </div>\n            </div>\n        </body>\n    </foreignObject>\n</svg>\n\"\"\"\n\n_SVG_FONT_FAMILY = \"Rich Fira Code\"\n_SVG_CLASSES_PREFIX = \"rich-svg\"\n", "path": "rich/_export_format.py"}]}