feat(replay): Update Inline replay onboarding img to support dark mode

ryan953 · ryan953 · commit 9b2cce449a8f · 2023-02-24T09:42:37.000-08:00
diff --git a/static/app/components/events/eventReplay/replayInlineOnboardingPanel.tsx b/static/app/components/events/eventReplay/replayInlineOnboardingPanel.tsx
@@ -1,7 +1,7 @@
 import {useState} from 'react';
 import styled from '@emotion/styled';
 
-import replaysInlineOnboarding from 'sentry-images/spot/replays-inline-onboarding.svg';
+import replaysInlineOnboarding from 'sentry-images/spot/replay-inline-onboarding.svg';
 
 import {Button} from 'sentry/components/button';
 import ButtonBar from 'sentry/components/buttonBar';
@@ -26,7 +26,7 @@ function clearHideUntilTime() {
   localStorage.removeItem(LOCAL_STORAGE_KEY);
 }
 
-export default function ReplayOnboardingPanel() {
+export default function ReplayInlineOnboardingPanel() {
   const [isHidden, setIsHidden] = useState(() => {
     const hideUntilTime = getHideUntilTime();
     if (hideUntilTime && Date.now() < hideUntilTime) {
diff --git a/static/images/spot/replay-inline-onboarding.svg b/static/images/spot/replay-inline-onboarding.svg
@@ -0,0 +1,155 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 202 101" style="enable-background:new 0 0 202 101;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#6C5FC7;}
+	.st2{fill:none;}
+	.st3{fill:#2B2233;}
+	.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#DBD6E1;}
+	.st5{fill:#6C5FC7;}
+	.st6{fill-rule:evenodd;clip-rule:evenodd;fill:#584AC0;}
+	.st7{fill:#FFFFFF;}
+	.st8{fill:#80708F;}
+	.st9{fill:#6C5FC7;fill-opacity:0.5;}
+	.st10{fill-rule:evenodd;clip-rule:evenodd;fill:#2B2233;}
+	.st11{fill-rule:evenodd;clip-rule:evenodd;}
+</style>
+<path class="st0" d="M202,2v86c0,1.1-0.9,2-2,2h-32.1c-0.5,2.8-2.9,5-5.9,5s-5.4-2.2-5.9-5H84v7c0,2.2-1.8,4-4,4H4c-2.2,0-4-1.8-4-4
+	V81c0-2.2,1.8-4,4-4h38V2c0-1.1,0.9-2,2-2h156C201.1,0,202,0.9,202,2z"/>
+<path class="st1" d="M156.1,90c0.1,0.3,0.1,0.7,0.3,1H84c-0.4,0-0.7-0.1-1-0.3v-3.5c0.3-0.2,0.6-0.3,1-0.3h72.3
+	c-0.2,0.6-0.3,1.3-0.3,2C156,89.3,156,89.7,156.1,90z"/>
+<rect class="st2" width="202" height="101"/>
+<polygon class="st3" points="145.7,77 145,77.4 145.7,77.8 145.5,78 144.9,77.6 144.9,78.4 144.6,78.4 144.6,77.6 144,78 
+	143.8,77.8 144.5,77.4 143.8,77 144,76.7 144.6,77.1 144.6,76.4 144.9,76.4 144.9,77.1 145.5,76.7 "/>
+<polygon class="st3" points="108.2,77 107.5,77.4 108.2,77.8 108,78 107.4,77.6 107.4,78.4 107.1,78.4 107.1,77.6 106.5,78 
+	106.3,77.8 107,77.4 106.3,77 106.5,76.7 107.1,77.1 107.1,76.4 107.4,76.4 107.4,77.1 108,76.7 "/>
+<polygon class="st3" points="150.7,77 150,77.4 150.7,77.8 150.5,78 149.9,77.6 149.9,78.4 149.6,78.4 149.6,77.6 149,78 
+	148.8,77.8 149.5,77.4 148.8,77 149,76.7 149.6,77.1 149.6,76.4 149.9,76.4 149.9,77.1 150.5,76.7 "/>
+<polygon class="st3" points="123.2,77 122.5,77.4 123.2,77.8 123,78 122.4,77.6 122.4,78.4 122.1,78.4 122.1,77.6 121.5,78 
+	121.3,77.8 122,77.4 121.3,77 121.5,76.7 122.1,77.1 122.1,76.4 122.4,76.4 122.4,77.1 123,76.7 "/>
+<polygon class="st3" points="120.7,77 120,77.4 120.7,77.8 120.5,78 119.9,77.6 119.9,78.4 119.6,78.4 119.6,77.6 119,78 
+	118.8,77.8 119.5,77.4 118.8,77 119,76.7 119.6,77.1 119.6,76.4 119.9,76.4 119.9,77.1 120.5,76.7 "/>
+<polygon class="st3" points="135.7,77 135,77.4 135.7,77.8 135.5,78 134.9,77.6 134.9,78.4 134.6,78.4 134.6,77.6 134,78 
+	133.8,77.8 134.5,77.4 133.8,77 134,76.7 134.6,77.1 134.6,76.4 134.9,76.4 134.9,77.1 135.5,76.7 "/>
+<polygon class="st3" points="110.7,77 110,77.4 110.7,77.8 110.5,78 109.9,77.6 109.9,78.4 109.6,78.4 109.6,77.6 109,78 
+	108.8,77.8 109.5,77.4 108.8,77 109,76.7 109.6,77.1 109.6,76.4 109.9,76.4 109.9,77.1 110.5,76.7 "/>
+<polygon class="st3" points="128.2,77 127.5,77.4 128.2,77.8 128,78 127.4,77.6 127.4,78.4 127.1,78.4 127.1,77.6 126.5,78 
+	126.3,77.8 127,77.4 126.3,77 126.5,76.7 127.1,77.1 127.1,76.4 127.4,76.4 127.4,77.1 128,76.7 "/>
+<polygon class="st3" points="160.7,77 160,77.4 160.7,77.8 160.5,78 159.9,77.6 159.9,78.4 159.6,78.4 159.6,77.6 159,78 
+	158.8,77.8 159.5,77.4 158.8,77 159,76.7 159.6,77.1 159.6,76.4 159.9,76.4 159.9,77.1 160.5,76.7 "/>
+<polygon class="st3" points="155.7,77 155,77.4 155.7,77.8 155.5,78 154.9,77.6 154.9,78.4 154.6,78.4 154.6,77.6 154,78 
+	153.8,77.8 154.5,77.4 153.8,77 154,76.7 154.6,77.1 154.6,76.4 154.9,76.4 154.9,77.1 155.5,76.7 "/>
+<polygon class="st3" points="158.2,77 157.5,77.4 158.2,77.8 158,78 157.4,77.6 157.4,78.4 157.1,78.4 157.1,77.6 156.5,78 
+	156.3,77.8 157,77.4 156.3,77 156.5,76.7 157.1,77.1 157.1,76.4 157.4,76.4 157.4,77.1 158,76.7 "/>
+<polygon class="st3" points="153.2,77 152.5,77.4 153.2,77.8 153,78 152.4,77.6 152.4,78.4 152.1,78.4 152.1,77.6 151.5,78 
+	151.3,77.8 152,77.4 151.3,77 151.5,76.7 152.1,77.1 152.1,76.4 152.4,76.4 152.4,77.1 153,76.7 "/>
+<polygon class="st3" points="113.2,77 112.5,77.4 113.2,77.8 113,78 112.4,77.6 112.4,78.4 112.1,78.4 112.1,77.6 111.5,78 
+	111.3,77.8 112,77.4 111.3,77 111.5,76.7 112.1,77.1 112.1,76.4 112.4,76.4 112.4,77.1 113,76.7 "/>
+<polygon class="st3" points="162.5,77.4 163.2,77.8 163,78 162.4,77.6 162.4,78.4 162.1,78.4 162.1,77.6 161.5,78 161.3,77.8 
+	162,77.4 161.3,77 161.5,76.7 162.1,77.1 162.1,76.4 162.4,76.4 162.4,77.1 163,76.7 163.2,77 "/>
+<polygon class="st3" points="125.7,77 125,77.4 125.7,77.8 125.5,78 124.9,77.6 124.9,78.4 124.6,78.4 124.6,77.6 124,78 
+	123.8,77.8 124.5,77.4 123.8,77 124,76.7 124.6,77.1 124.6,76.4 124.9,76.4 124.9,77.1 125.5,76.7 "/>
+<polygon class="st3" points="133.2,77 132.5,77.4 133.2,77.8 133,78 132.4,77.6 132.4,78.4 132.1,78.4 132.1,77.6 131.5,78 
+	131.3,77.8 132,77.4 131.3,77 131.5,76.7 132.1,77.1 132.1,76.4 132.4,76.4 132.4,77.1 133,76.7 "/>
+<polygon class="st3" points="130.7,77 130,77.4 130.7,77.8 130.5,78 129.9,77.6 129.9,78.4 129.6,78.4 129.6,77.6 129,78 
+	128.8,77.8 129.5,77.4 128.8,77 129,76.7 129.6,77.1 129.6,76.4 129.9,76.4 129.9,77.1 130.5,76.7 "/>
+<polygon class="st3" points="143.2,77 142.5,77.4 143.2,77.8 143,78 142.4,77.6 142.4,78.4 142.1,78.4 142.1,77.6 141.5,78 
+	141.3,77.8 142,77.4 141.3,77 141.5,76.7 142.1,77.1 142.1,76.4 142.4,76.4 142.4,77.1 143,76.7 "/>
+<polygon class="st3" points="138.2,77 137.5,77.4 138.2,77.8 138,78 137.4,77.6 137.4,78.4 137.1,78.4 137.1,77.6 136.5,78 
+	136.3,77.8 137,77.4 136.3,77 136.5,76.7 137.1,77.1 137.1,76.4 137.4,76.4 137.4,77.1 138,76.7 "/>
+<polygon class="st3" points="140.7,77 140,77.4 140.7,77.8 140.5,78 139.9,77.6 139.9,78.4 139.6,78.4 139.6,77.6 139,78 
+	138.8,77.8 139.5,77.4 138.8,77 139,76.7 139.6,77.1 139.6,76.4 139.9,76.4 139.9,77.1 140.5,76.7 "/>
+<polygon class="st3" points="115.7,77 115,77.4 115.7,77.8 115.5,78 114.9,77.6 114.9,78.4 114.6,78.4 114.6,77.6 114,78 
+	113.8,77.8 114.5,77.4 113.8,77 114,76.7 114.6,77.1 114.6,76.4 114.9,76.4 114.9,77.1 115.5,76.7 "/>
+<polygon class="st3" points="118.2,77 117.5,77.4 118.2,77.8 118,78 117.4,77.6 117.4,78.4 117.1,78.4 117.1,77.6 116.5,78 
+	116.3,77.8 117,77.4 116.3,77 116.5,76.7 117.1,77.1 117.1,76.4 117.4,76.4 117.4,77.1 118,76.7 "/>
+<polygon class="st3" points="148.2,77 147.5,77.4 148.2,77.8 148,78 147.4,77.6 147.4,78.4 147.1,78.4 147.1,77.6 146.5,78 
+	146.3,77.8 147,77.4 146.3,77 146.5,76.7 147.1,77.1 147.1,76.4 147.4,76.4 147.4,77.1 148,76.7 "/>
+<path class="st4" d="M201,72.5h-99c-0.3,0-0.5,0.2-0.5,0.5v10c0,0.3,0.2,0.5,0.5,0.5h99c0.3,0,0.5-0.2,0.5-0.5V73
+	C201.5,72.7,201.3,72.5,201,72.5z M102,72c-0.6,0-1,0.4-1,1v10c0,0.6,0.4,1,1,1h99c0.6,0,1-0.4,1-1V73c0-0.6-0.4-1-1-1H102z"/>
+<path class="st5" d="M101,25c0-0.6,0.4-1,1-1h19c0.6,0,1,0.4,1,1v10c0,0.6-0.4,1-1,1h-19c-0.6,0-1-0.4-1-1V25z"/>
+<path class="st6" d="M121,25h-19v10h19V25z M102,24c-0.6,0-1,0.4-1,1v10c0,0.6,0.4,1,1,1h19c0.6,0,1-0.4,1-1V25c0-0.6-0.4-1-1-1H102
+	z"/>
+<path class="st7" d="M107.1,30.4v-0.8l-0.7,0.4l-0.2-0.3l0.7-0.4l-0.7-0.4l0.2-0.3l0.7,0.4v-0.8h0.3V29l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4l-0.2,0.3l-0.7-0.4v0.8H107.1z"/>
+<path class="st7" d="M109.6,30.4v-0.8l-0.7,0.4l-0.2-0.3l0.7-0.4l-0.7-0.4l0.2-0.3l0.7,0.4v-0.8h0.3V29l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4l-0.2,0.3l-0.7-0.4v0.8H109.6z"/>
+<path class="st7" d="M112.1,30.4v-0.8l-0.7,0.4l-0.2-0.3l0.7-0.4l-0.7-0.4l0.2-0.3l0.7,0.4v-0.8h0.3V29l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4l-0.2,0.3l-0.7-0.4v0.8H112.1z"/>
+<path class="st7" d="M114.6,30.4v-0.8l-0.7,0.4l-0.2-0.3l0.7-0.4l-0.7-0.4l0.2-0.3l0.7,0.4v-0.8h0.3V29l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4l-0.2,0.3l-0.7-0.4v0.8H114.6z"/>
+<path class="st3" d="M107.1,12.4v-0.8l-0.7,0.4l-0.2-0.3l0.7-0.4l-0.7-0.4l0.2-0.3l0.7,0.4v-0.8h0.3V11l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4l-0.2,0.3l-0.7-0.4v0.8H107.1z"/>
+<path class="st3" d="M109.6,12.4v-0.8l-0.7,0.4l-0.2-0.3l0.7-0.4l-0.7-0.4l0.2-0.3l0.7,0.4v-0.8h0.3V11l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4l-0.2,0.3l-0.7-0.4v0.8H109.6z"/>
+<path class="st3" d="M112.1,12.4v-0.8l-0.7,0.4l-0.2-0.3l0.7-0.4l-0.7-0.4l0.2-0.3l0.7,0.4v-0.8h0.3V11l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4l-0.2,0.3l-0.7-0.4v0.8H112.1z"/>
+<path class="st3" d="M114.6,12.4v-0.8l-0.7,0.4l-0.2-0.3l0.7-0.4l-0.7-0.4l0.2-0.3l0.7,0.4v-0.8h0.3V11l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4l-0.2,0.3l-0.7-0.4v0.8H114.6z"/>
+<path class="st3" d="M117.1,12.4v-0.8l-0.7,0.4l-0.2-0.3l0.7-0.4l-0.7-0.4l0.2-0.3l0.7,0.4v-0.8h0.3V11l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4l-0.2,0.3l-0.7-0.4v0.8H117.1z"/>
+<path class="st8" d="M45.1,12.4v-0.8L44.4,12l-0.2-0.3l0.7-0.4L44.3,11l0.2-0.3l0.7,0.4v-0.8h0.3v0.8l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4L46.1,12l-0.7-0.4v0.8C45.4,12.4,45.1,12.4,45.1,12.4z"/>
+<path class="st8" d="M47.6,12.4v-0.8L46.9,12l-0.2-0.3l0.7-0.4L46.8,11l0.2-0.3l0.7,0.4v-0.8H48v0.8l0.7-0.4l0.2,0.3L48,11.4
+	l0.7,0.4L48.6,12l-0.7-0.4v0.8C47.9,12.4,47.6,12.4,47.6,12.4z"/>
+<path class="st8" d="M50.1,12.4v-0.8L49.4,12l-0.2-0.3l0.7-0.4L49.3,11l0.2-0.3l0.7,0.4v-0.8h0.3v0.8l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4L51.1,12l-0.7-0.4v0.8C50.4,12.4,50.1,12.4,50.1,12.4z"/>
+<path class="st8" d="M52.6,12.4v-0.8L51.9,12l-0.2-0.3l0.7-0.4L51.8,11l0.2-0.3l0.7,0.4v-0.8H53v0.8l0.7-0.4l0.2,0.3L53,11.4
+	l0.7,0.4L53.6,12l-0.7-0.4v0.8C52.9,12.4,52.6,12.4,52.6,12.4z"/>
+<path class="st8" d="M55.1,12.4v-0.8L54.4,12l-0.2-0.3l0.7-0.4L54.3,11l0.2-0.3l0.7,0.4v-0.8h0.3v0.8l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4L56.1,12l-0.7-0.4v0.8C55.4,12.4,55.1,12.4,55.1,12.4z"/>
+<path class="st8" d="M57.6,12.4v-0.8L56.9,12l-0.2-0.3l0.7-0.4L56.8,11l0.2-0.3l0.7,0.4v-0.8H58v0.8l0.7-0.4l0.2,0.3L58,11.4
+	l0.7,0.4L58.6,12l-0.7-0.4v0.8C57.9,12.4,57.6,12.4,57.6,12.4z"/>
+<path class="st8" d="M60.1,12.4v-0.8L59.4,12l-0.2-0.3l0.7-0.4L59.3,11l0.2-0.3l0.7,0.4v-0.8h0.3v0.8l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4L61.1,12l-0.7-0.4v0.8C60.4,12.4,60.1,12.4,60.1,12.4z"/>
+<path class="st8" d="M62.6,12.4v-0.8L61.9,12l-0.2-0.3l0.7-0.4L61.8,11l0.2-0.3l0.7,0.4v-0.8H63v0.8l0.7-0.4l0.2,0.3L63,11.4
+	l0.7,0.4L63.6,12l-0.7-0.4v0.8C62.9,12.4,62.6,12.4,62.6,12.4z"/>
+<path class="st8" d="M65.1,12.4v-0.8L64.4,12l-0.2-0.3l0.7-0.4L64.3,11l0.2-0.3l0.7,0.4v-0.8h0.3v0.8l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4L66.1,12l-0.7-0.4v0.8C65.4,12.4,65.1,12.4,65.1,12.4z"/>
+<path class="st8" d="M67.6,12.4v-0.8L66.9,12l-0.2-0.3l0.7-0.4L66.8,11l0.2-0.3l0.7,0.4v-0.8H68v0.8l0.7-0.4l0.2,0.3L68,11.4
+	l0.7,0.4L68.6,12l-0.7-0.4v0.8C67.9,12.4,67.6,12.4,67.6,12.4z"/>
+<path class="st8" d="M70.1,12.4v-0.8L69.4,12l-0.2-0.3l0.7-0.4L69.3,11l0.2-0.3l0.7,0.4v-0.8h0.3v0.8l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4L71.1,12l-0.7-0.4v0.8C70.4,12.4,70.1,12.4,70.1,12.4z"/>
+<path class="st8" d="M72.6,12.4v-0.8L71.9,12l-0.2-0.3l0.7-0.4L71.8,11l0.2-0.3l0.7,0.4v-0.8H73v0.8l0.7-0.4l0.2,0.3L73,11.4
+	l0.7,0.4L73.6,12l-0.7-0.4v0.8C72.9,12.4,72.6,12.4,72.6,12.4z"/>
+<path class="st8" d="M75.1,12.4v-0.8L74.4,12l-0.2-0.3l0.7-0.4L74.3,11l0.2-0.3l0.7,0.4v-0.8h0.3v0.8l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4L76.1,12l-0.7-0.4v0.8C75.4,12.4,75.1,12.4,75.1,12.4z"/>
+<path class="st8" d="M77.6,12.4v-0.8L76.9,12l-0.2-0.3l0.7-0.4L76.8,11l0.2-0.3l0.7,0.4v-0.8H78v0.8l0.7-0.4l0.2,0.3L78,11.4
+	l0.7,0.4L78.6,12l-0.7-0.4v0.8C77.9,12.4,77.6,12.4,77.6,12.4z"/>
+<path class="st8" d="M80.1,12.4v-0.8L79.4,12l-0.2-0.3l0.7-0.4L79.3,11l0.2-0.3l0.7,0.4v-0.8h0.3v0.8l0.7-0.4l0.2,0.3l-0.7,0.4
+	l0.7,0.4L81.1,12l-0.7-0.4v0.8C80.4,12.4,80.1,12.4,80.1,12.4z"/>
+<circle class="st9" cx="118" cy="35" r="8"/>
+<path class="st4" d="M200,0H44c-1.1,0-2,0.9-2,2v75H4c-2.2,0-4,1.8-4,4v16c0,2.2,1.8,4,4,4h76c2.2,0,4-1.8,4-4V81c0-2.2-1.8-4-4-4
+	H43V2c0-0.5,0.5-1,1-1h156c0.5,0,1,0.5,1,1v4h-99c-0.5,0-1,0.5-1,1v10c0,0.5,0.5,1,1,1h99v54h-99c-0.5,0-1,0.5-1,1v10
+	c0,0.5,0.5,1,1,1h99v4c0,0.5-0.5,1-1,1h-32c0,0.3,0,0.7-0.1,1H200c1.1,0,2-0.9,2-2V2C202,0.9,201.1,0,200,0z M27.5,100H4
+	c-1.7,0-3-1.3-3-3V81c0-1.7,1.3-3,3-3h23.5V100z M56.5,78H80c1.7,0,3,1.3,3,3v16c0,1.7-1.3,3-3,3H56.5V78z M55.5,78v22h-27V78H55.5z
+	 M201,83.5h-99c-0.3,0-0.5-0.2-0.5-0.5V73c0-0.3,0.2-0.5,0.5-0.5h99V83.5z M201,17.5h-99c-0.3,0-0.5-0.2-0.5-0.5V7
+	c0-0.3,0.2-0.5,0.5-0.5h99V17.5z"/>
+<path class="st3" d="M9.8,85.4l-0.2-0.5c0,0,0-0.1,0-0.2c0-0.1,0-0.1,0.1-0.2l1.8-1.4c0,0,0,0,0.1,0c0,0,0,0,0.1,0h0.7
+	c0.1,0,0.1,0,0.2,0.1c0,0,0.1,0.1,0.1,0.2v5.3c0,0.1,0,0.1-0.1,0.2C12.5,89,12.5,89,12.4,89h-0.7c-0.1,0-0.1,0-0.2-0.1
+	c0,0-0.1-0.1-0.1-0.2v-4.1l-1.2,0.9c0,0-0.1,0.1-0.2,0C9.9,85.5,9.9,85.5,9.8,85.4z"/>
+<path class="st3" d="M14.2,88.3c0.2,0.2,0.4,0.4,0.7,0.5c0.3,0.1,0.6,0.2,1,0.2c0.4,0,0.7-0.1,1-0.2c0.3-0.1,0.5-0.3,0.7-0.5
+	c0.2-0.2,0.3-0.4,0.4-0.7c0.1-0.3,0.1-0.6,0.1-0.9v-1.2c0-0.1,0-0.1,0-0.2v-0.2c0-0.3-0.1-0.6-0.1-0.9c-0.1-0.3-0.2-0.5-0.4-0.7
+	c-0.2-0.2-0.4-0.4-0.7-0.5c-0.3-0.1-0.6-0.2-1-0.2c-0.4,0-0.7,0.1-1,0.2c-0.3,0.1-0.5,0.3-0.7,0.5s-0.3,0.4-0.4,0.7
+	c-0.1,0.3-0.1,0.6-0.1,0.9v1.4c0,0.5,0,0.8,0.1,1.1C13.9,87.9,14,88.1,14.2,88.3z M14.8,85.3c0-0.4,0.1-0.7,0.3-0.9
+	c0.2-0.2,0.4-0.3,0.8-0.3c0.4,0,0.7,0.1,0.8,0.3c0.2,0.2,0.2,0.5,0.3,0.9v1.4c0,0.4-0.1,0.7-0.3,0.9c-0.2,0.2-0.4,0.3-0.8,0.3
+	c-0.4,0-0.6-0.1-0.8-0.3c-0.2-0.2-0.2-0.5-0.3-0.9V85.3z"/>
+<path class="st3" d="M19.9,88.8v2c0,1.1-0.9,2.1-2.1,2.1h-8l1.2,1.2c0.2,0.2,0.2,0.6,0,0.8c0,0-0.1,0.1-0.3,0.1
+	c-0.1,0-0.3,0-0.4-0.2l-2.2-2.1c0,0,0-0.1-0.1-0.1v-0.4c0-0.1,0-0.2,0.1-0.3c0,0,0-0.1,0.1-0.1l2.2-2.2c0.2-0.2,0.6-0.2,0.8,0
+	c0.2,0.2,0.2,0.6,0,0.8L10,91.6h8c0.5,0,0.9-0.4,0.9-0.9v-2c0-0.3,0.2-0.6,0.6-0.6C19.7,88.2,19.9,88.5,19.9,88.8z"/>
+<path class="st10" d="M46.7,83.8h-3.3c-0.3,0-0.5,0.2-0.6,0.6v9.3c0,0.4,0.3,0.6,0.6,0.6h3.3c0.3,0,0.6-0.3,0.6-0.5v-9.4
+	C47.2,84,47,83.8,46.7,83.8z M46.2,93.2H44v-8.3h2.2V93.2z"/>
+<path class="st10" d="M40.7,83.8h-3.3c-0.4,0-0.6,0.2-0.6,0.6v9.3c0,0.4,0.3,0.6,0.6,0.6h3.2c0.3,0,0.6-0.3,0.7-0.5v-9.4
+	C41.2,84,41,83.8,40.7,83.8z M40,93.2h-2.2v-8.3H40V93.2z"/>
+<path class="st10" d="M76,83.6v10.8c0,0.1-0.1,0.3-0.2,0.4c-0.1,0.1-0.2,0.2-0.4,0.2c-0.2,0-0.3-0.1-0.4-0.2
+	c-0.1-0.1-0.2-0.2-0.2-0.4V83.6c0-0.1,0-0.3,0.2-0.4c0.1-0.1,0.2-0.2,0.4-0.2c0.2,0,0.3,0.1,0.4,0.2C75.9,83.3,76,83.5,76,83.6z"/>
+<path class="st10" d="M73.6,88.5l-8.7-5c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.2,0-0.3,0.1c-0.1,0-0.2,0.1-0.2,0.2c0,0.1-0.1,0.2-0.1,0.3
+	v10c0,0.1,0,0.2,0.1,0.3c0.1,0.1,0.1,0.2,0.2,0.2c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1l8.7-5c0.1,0,0.2-0.1,0.2-0.2
+	c0.1-0.1,0.1-0.2,0.1-0.3s0-0.2-0.1-0.3C73.7,88.6,73.7,88.6,73.6,88.5z M65.1,93.1V85l7.1,4.1L65.1,93.1z"/>
+<circle class="st5" cx="162" cy="89" r="4"/>
+<path class="st7" d="M127.9,49c0.2,0.4,0,2-0.9,2.4s-2.1,0-2.1,0l-2.2-4.3l-3.7,3.7V34l11.4,11.4h-4.3
+	C126.4,45.8,127.7,48.5,127.9,49z"/>
+<path class="st11" d="M120,36.4v12l3-3l2.5,5c0,0,0.7,0.2,1,0s0.6-0.7,0.5-1c-0.7-1.7-2.5-5-2.5-5h3.5L120,36.4z"/>
+</svg>
diff --git a/static/images/spot/replays-inline-onboarding.svg b/static/images/spot/replays-inline-onboarding.svg
