From 9b2cce449a8f2d060f61c2093e2d5ee99073617d Mon Sep 17 00:00:00 2001
From: Ryan Albrecht <ryan.albrecht@sentry.io>
Date: Fri, 24 Feb 2023 09:33:43 -0800
Subject: [PATCH] feat(replay): Update Inline replay onboarding img to support
 dark mode

---
 .../replayInlineOnboardingPanel.tsx           |   4 +-
 .../images/spot/replay-inline-onboarding.svg  | 155 ++++++++++++++++++
 .../images/spot/replays-inline-onboarding.svg |   1 -
 3 files changed, 157 insertions(+), 3 deletions(-)
 create mode 100644 static/images/spot/replay-inline-onboarding.svg
 delete mode 100644 static/images/spot/replays-inline-onboarding.svg

diff --git a/static/app/components/events/eventReplay/replayInlineOnboardingPanel.tsx b/static/app/components/events/eventReplay/replayInlineOnboardingPanel.tsx
index f602e3beee4ba3..003cb2734f6ca0 100644
--- 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
new file mode 100644
index 00000000000000..4760beaecfa3c3
--- /dev/null
+++ 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
deleted file mode 100644
index 6407eeb7284974..00000000000000
--- a/static/images/spot/replays-inline-onboarding.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 202 101" style="enable-background:new 0 0 202 101" xml:space="preserve"><style>.st2{fill:#2b2233}.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#dbd6e1}.st4{fill:#6c5fc7}.st6{fill:#fff}</style><path d="M156.1 90c.1.3.1.7.3 1H84c-.4 0-.7-.1-1-.3v-3.5c.3-.2.6-.3 1-.3h72.3c-.2.6-.3 1.3-.3 2 0 .4 0 .8.1 1.1z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#6c5fc7"/><path style="fill:none" d="M0 0h202v101H0z"/><path class="st2" d="m145.7 77-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm-37.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm42.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm-27.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm-2.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm15 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm-25 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm17.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm32.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm-5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm2.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm-5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm-40 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm49.3.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4.2.3zm-36.8-.4-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm7.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm-2.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm12.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm-5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm2.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm-25 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm2.5 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4zm30 0-.7.4.7.4-.2.2-.6-.4v.8h-.3v-.8l-.6.4-.2-.2.7-.4-.7-.4.2-.3.6.4v-.7h.3v.7l.6-.4z"/><path class="st3" d="M201 72.5h-99c-.3 0-.5.2-.5.5v10c0 .3.2.5.5.5h99c.3 0 .5-.2.5-.5V73c0-.3-.2-.5-.5-.5zm-99-.5c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h99c.6 0 1-.4 1-1V73c0-.6-.4-1-1-1h-99z"/><path class="st4" d="M101 25c0-.6.4-1 1-1h19c.6 0 1 .4 1 1v10c0 .6-.4 1-1 1h-19c-.6 0-1-.4-1-1V25z"/><path d="M121 25h-19v10h19V25zm-19-1c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h19c.6 0 1-.4 1-1V25c0-.6-.4-1-1-1h-19z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#584ac0"/><path class="st6" d="M107.1 30.4v-.8l-.7.4-.2-.3.7-.4-.7-.4.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.2.3-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.7-.4.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.2.3-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.7-.4.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.2.3-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.7-.4.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.2.3-.7-.4v.8h-.3z"/><path class="st2" d="M107.1 12.4v-.8l-.7.4-.2-.3.7-.4-.7-.4.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.2.3-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.7-.4.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.2.3-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.7-.4.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.2.3-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.7-.4.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.2.3-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.7-.4.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.2.3-.7-.4v.8h-.3z"/><path d="M45.1 12.4v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.3.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.9.4.7.4-.1.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.3.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.9.4.7.4-.1.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.3.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.9.4.7.4-.1.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.3.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.9.4.7.4-.1.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.3.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.9.4.7.4-.1.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.3.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.9.4.7.4-.1.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.3.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.9.4.7.4-.1.2-.7-.4v.8h-.3zm2.5 0v-.8l-.7.4-.2-.3.7-.4-.6-.3.2-.3.7.4v-.8h.3v.8l.7-.4.2.3-.7.4.7.4-.3.2-.7-.4v.8h-.3z" style="fill:#80708f"/><circle cx="118" cy="35" r="8" style="fill:#6c5fc7;fill-opacity:.5"/><path class="st3" d="M200 0H44c-1.1 0-2 .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-4H43V2c0-.5.5-1 1-1h156c.5 0 1 .5 1 1v4h-99c-.5 0-1 .5-1 1v10c0 .5.5 1 1 1h99v54h-99c-.5 0-1 .5-1 1v10c0 .5.5 1 1 1h99v4c0 .5-.5 1-1 1h-32c0 .3 0 .7-.1 1H200c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM27.5 100H4c-1.7 0-3-1.3-3-3V81c0-1.7 1.3-3 3-3h23.5v22zm29-22H80c1.7 0 3 1.3 3 3v16c0 1.7-1.3 3-3 3H56.5V78zm-1 0v22h-27V78h27zM201 83.5h-99c-.3 0-.5-.2-.5-.5V73c0-.3.2-.5.5-.5h99v11zm0-66h-99c-.3 0-.5-.2-.5-.5V7c0-.3.2-.5.5-.5h99v11z"/><path class="st2" d="M9.6 84.9v-.2c0-.1 0-.1.1-.2l1.8-1.4h.9c.1 0 .1 0 .2.1 0 0 .1.1.1.2v5.3c0 .1 0 .1-.1.2s-.1.1-.2.1h-.7c-.1 0-.1 0-.2-.1 0 0-.1-.1-.1-.2v-4.1l-1.2.9s-.1.1-.2 0c-.1 0-.1 0-.2-.1l-.2-.5zm10.3 3.9v2c0 1.1-.9 2.1-2.1 2.1h-8l1.2 1.2c.2.2.2.6 0 .8 0 0-.1.1-.3.1-.1 0-.3 0-.4-.2l-2.2-2.1s0-.1-.1-.1v-.4c0-.1 0-.2.1-.3 0 0 0-.1.1-.1l2.2-2.2c.2-.2.6-.2.8 0 .2.2.2.6 0 .8L10 91.6h8c.5 0 .9-.4.9-.9v-2c0-.3.2-.6.6-.6.2.1.4.4.4.7z"/><path class="st2" d="M13.8 87.6c.1.3.2.5.4.7.2.2.4.4.7.5.3.1.6.2 1 .2s.7-.1 1-.2c.3-.1.5-.3.7-.5.2-.2.3-.4.4-.7.1-.3.1-.6.1-.9v-1.6c0-.3-.1-.6-.1-.9-.1-.3-.2-.5-.4-.7-.2-.2-.4-.4-.7-.5-.3-.1-.6-.2-1-.2s-.7.1-1 .2c-.3.1-.5.3-.7.5-.2.2-.3.4-.4.7-.1.3-.1.6-.1.9v1.4c0 .5 0 .8.1 1.1zm1-2.3c0-.4.1-.7.3-.9.2-.2.4-.3.8-.3s.7.1.8.3c.2.2.2.5.3.9v1.4c0 .4-.1.7-.3.9-.2.2-.4.3-.8.3s-.6-.1-.8-.3c-.2-.2-.2-.5-.3-.9v-1.4z"/><path d="M46.7 83.8h-3.3c-.3 0-.5.2-.6.6v9.3c0 .4.3.6.6.6h3.3c.3 0 .6-.3.6-.5v-9.4c-.1-.4-.3-.6-.6-.6zm-.6 9.4H44v-8.3h2.2v8.3zm-5.4-9.4h-3.3c-.4 0-.6.2-.6.6v9.3c0 .4.3.6.6.6h3.2c.3 0 .6-.3.7-.5v-9.4c-.1-.4-.3-.6-.6-.6zm-.7 9.4h-2.2v-8.3H40v8.3zm36-9.6v10.8c0 .1-.1.3-.2.4-.1.1-.2.2-.4.2s-.3-.1-.4-.2c-.1-.1-.2-.2-.2-.4V83.6c0-.1 0-.3.2-.4.1-.1.2-.2.4-.2s.3.1.4.2c.1.1.2.3.2.4zm-2.4 4.9-8.7-5c-.1 0-.2-.1-.3-.1-.1 0-.2 0-.3.1-.1 0-.2.1-.2.2s-.1.2-.1.3v10c0 .1 0 .2.1.3.1.1.1.2.2.2.1.1.2.1.3.1s.2 0 .3-.1l8.7-5c.1 0 .2-.1.2-.2.1-.1.1-.2.1-.3s0-.2-.1-.3l-.2-.2zm-8.5 4.6V85l7.1 4.1-7.1 4z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#2b2233"/><circle class="st4" cx="162" cy="89" r="4"/><path class="st6" d="M127.9 49c.2.4 0 2-.9 2.4s-2.1 0-2.1 0l-2.2-4.3-3.7 3.7V34l11.4 11.4h-4.3c.3.4 1.6 3.1 1.8 3.6z"/><path d="M120 36.4v12l3-3 2.5 5s.7.2 1 0 .6-.7.5-1c-.7-1.7-2.5-5-2.5-5h3.5l-8-8z" style="fill-rule:evenodd;clip-rule:evenodd"/></svg>