Merge branch 'feat/inda-383-daily-stat' into 'main'
[ProtonMail-WebClient.git] / packages / styles / assets / img / onboarding / drive-v2-macos.svg
blob6796f5419370417ad52b6a1ec79c6d6fc117748d
1 <svg xmlns="http://www.w3.org/2000/svg" width="360" height="360" fill="none">
2 <g clip-path="url(#a)">
3 <path
4 fill="#F7F5FF"
5 d="M0 20A20 20 0 0 1 20 0h320a20 20 0 0 1 20 20v320a20 20 0 0 1-20 20H20a20 20 0 0 1-20-20V20Z"
6 />
7 <path
8 fill="#F4F1FF"
9 d="M153.09 564.84h855V-195.3H256.11c13.85 14.27 26.99 31.62 39.05 52.52 43.87 75.98 39.98 140.7 17.19 190.71-22.76 49.95-64.32 85.14-95.7 102.28L72.22 233.6c-19.02 10.98-37.55 26.66-46.18 48.46-8.6 21.76-7.44 49.83 13.34 85.82l113.7 196.96Z"
11 <g filter="url(#b)" opacity=".8">
12 <path fill="#AA79FB" d="M79.78 97h189.47l-21.05 57H100.83L79.78 97Z" />
13 </g>
14 <g filter="url(#c)" opacity=".8">
15 <ellipse cx="179" cy="102" fill="#fff" rx="81.27" ry="7" />
16 </g>
17 <g filter="url(#d)">
18 <path
19 fill="#3B3747"
20 d="M85.05 113.02a8.02 8.02 0 0 1 8.02-8.02h166.4a8.02 8.02 0 0 1 8.02 8.02V231.3H85.05V113.02Z"
22 <path
23 fill="url(#e)"
24 fill-opacity=".2"
25 d="M85.05 113.02a8.02 8.02 0 0 1 8.02-8.02h166.4a8.02 8.02 0 0 1 8.02 8.02V231.3H85.05V113.02Z"
27 </g>
28 <path fill="url(#f)" d="M89.06 113.02a4 4 0 0 1 4-4.01h166.4a4 4 0 0 1 4.02 4v118.3H89.06V113Z" />
29 <g filter="url(#g)">
30 <path
31 fill="#3B3747"
32 d="M284.77 240.07H68.43a3.39 3.39 0 0 1-3.43-3.42v-1.92c0-1.91 1.5-3.41 3.43-3.41h216.34c1.92 0 3.43 1.5 3.43 3.41v1.92a3.44 3.44 0 0 1-3.43 3.42Z"
34 <path
35 fill="url(#h)"
36 fill-opacity=".2"
37 d="M284.77 240.07H68.43a3.39 3.39 0 0 1-3.43-3.42v-1.92c0-1.91 1.5-3.41 3.43-3.41h216.34c1.92 0 3.43 1.5 3.43 3.41v1.92a3.44 3.44 0 0 1-3.43 3.42Z"
39 </g>
40 <path fill="#9D99A9" d="M186.73 236.1h-20.8a4.78 4.78 0 0 1-4.78-4.78h30.36c0 2.6-2.1 4.78-4.78 4.78Z" />
41 <mask id="j" width="174" height="122" x="89" y="109" maskUnits="userSpaceOnUse" style="mask-type: alpha">
42 <path fill="url(#i)" d="M89 117a8 8 0 0 1 8-8h158a8 8 0 0 1 8 8v106a8 8 0 0 1-8 8H97a8 8 0 0 1-8-8V117Z" />
43 </mask>
44 <g mask="url(#j)">
45 <path
46 stroke="#fff"
47 stroke-opacity=".4"
48 stroke-width="1.14"
49 d="M146.39 114.41a26.55 26.55 0 0 0-26.55 26.55v58.36a26.55 26.55 0 0 0 26.55 26.55h58.36a26.55 26.55 0 0 0 26.55-26.55v-58.36a26.55 26.55 0 0 0-26.55-26.55h-58.36Z"
50 opacity=".5"
52 <g filter="url(#k)">
53 <ellipse cx="179" cy="169.5" fill="#6D4AFF" rx="68" ry="19.5" />
54 </g>
55 <path
56 fill="#433F4F"
57 d="M135 149.31A19.31 19.31 0 0 1 154.31 130h43.38A19.31 19.31 0 0 1 217 149.31v43.38A19.31 19.31 0 0 1 197.69 212H154.3a19.31 19.31 0 0 1-19.3-19.31V149.3Z"
58 opacity=".8"
60 <g filter="url(#l)" opacity=".8">
61 <path
62 fill="#000"
63 fill-opacity=".3"
64 d="M162 157.83c0-5.98 4.85-10.83 10.83-10.83h24.34c5.98 0 10.83 4.85 10.83 10.83v24.34c0 5.98-4.85 10.83-10.83 10.83h-24.34A10.83 10.83 0 0 1 162 182.17v-24.34Z"
66 </g>
67 <rect width="46" height="46" x="152.5" y="148" fill="#49425E" rx="13.34" />
68 <path
69 fill="#fff"
70 fill-rule="evenodd"
71 d="M169.9 182.69c-.47-.33-.9-.73-1.25-1.18a16.71 16.71 0 0 1-2.9-5.18c-.48-1.42-.74-2.9-.75-4.4a8 8 0 0 1 1.03-4.17 5.69 5.69 0 0 1 2.12-2.2 5.77 5.77 0 0 1 2.9-.87c.38.01.76.06 1.14.16.29.08.66.2 1.09.37l.95.38c.26.1.54.17.82.18.22-.02.44-.06.65-.13.16 0 .44-.15.83-.32l.95-.35a4.74 4.74 0 0 1 2.24-.27c.67.04 1.34.19 1.97.43a5.25 5.25 0 0 1 2.5 1.98 6.28 6.28 0 0 0-1.99 2.16 4.95 4.95 0 0 0-.65 2.55 5.22 5.22 0 0 0 2.44 4.5c.26.19.55.34.85.47a15.14 15.14 0 0 1-2.73 4.89 5.1 5.1 0 0 1-1.2 1.11c-.44.3-.95.45-1.47.45a3.4 3.4 0 0 1-1.05-.13c-.3-.1-.58-.2-.87-.34a9.32 9.32 0 0 0-1.02-.47 4.23 4.23 0 0 0-2.3-.02c-.31.08-.62.19-.92.32-.42.17-.7.3-.87.35-.32.1-.66.16-1 .18a2.84 2.84 0 0 1-1.52-.47l.02.02Zm6.97-18.77c-.6.33-1.28.49-1.97.45a4 4 0 0 1 .28-2.08 5.65 5.65 0 0 1 2.62-2.98 4.63 4.63 0 0 1 1.9-.56c.08.71-.01 1.43-.26 2.1a6.27 6.27 0 0 1-1.02 1.8 5.2 5.2 0 0 1-1.6 1.27h.05Z"
72 clip-rule="evenodd"
74 </g>
75 </g>
76 <defs>
77 <filter
78 id="b"
79 width="249.47"
80 height="117"
81 x="49.78"
82 y="67"
83 color-interpolation-filters="sRGB"
84 filterUnits="userSpaceOnUse"
86 <feFlood flood-opacity="0" result="BackgroundImageFix" />
87 <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
88 <feGaussianBlur result="effect1_foregroundBlur_172_62175" stdDeviation="15" />
89 </filter>
90 <filter
91 id="c"
92 width="230.14"
93 height="81.59"
94 x="63.93"
95 y="61.2"
96 color-interpolation-filters="sRGB"
97 filterUnits="userSpaceOnUse"
99 <feFlood flood-opacity="0" result="BackgroundImageFix" />
100 <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
101 <feGaussianBlur result="effect1_foregroundBlur_172_62175" stdDeviation="16.9" />
102 </filter>
103 <filter
104 id="d"
105 width="182.44"
106 height="127.7"
107 x="85.05"
108 y="105"
109 color-interpolation-filters="sRGB"
110 filterUnits="userSpaceOnUse"
112 <feFlood flood-opacity="0" result="BackgroundImageFix" />
113 <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
114 <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
115 <feOffset dy="1.4" />
116 <feGaussianBlur stdDeviation=".7" />
117 <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
118 <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.45 0" />
119 <feBlend in2="shape" result="effect1_innerShadow_172_62175" />
120 </filter>
121 <filter
122 id="g"
123 width="223.2"
124 height="10.2"
125 x="65"
126 y="231.32"
127 color-interpolation-filters="sRGB"
128 filterUnits="userSpaceOnUse"
130 <feFlood flood-opacity="0" result="BackgroundImageFix" />
131 <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
132 <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
133 <feOffset dy="1.45" />
134 <feGaussianBlur stdDeviation=".72" />
135 <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
136 <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0" />
137 <feBlend in2="shape" result="effect1_innerShadow_172_62175" />
138 </filter>
139 <filter
140 id="k"
141 width="256.56"
142 height="159.56"
143 x="50.72"
144 y="89.72"
145 color-interpolation-filters="sRGB"
146 filterUnits="userSpaceOnUse"
148 <feFlood flood-opacity="0" result="BackgroundImageFix" />
149 <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
150 <feGaussianBlur result="effect1_foregroundBlur_172_62175" stdDeviation="30.14" />
151 </filter>
152 <filter
153 id="l"
154 width="86"
155 height="86"
156 x="142"
157 y="127"
158 color-interpolation-filters="sRGB"
159 filterUnits="userSpaceOnUse"
161 <feFlood flood-opacity="0" result="BackgroundImageFix" />
162 <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
163 <feGaussianBlur result="effect1_foregroundBlur_172_62175" stdDeviation="10" />
164 </filter>
165 <linearGradient id="e" x1="223.23" x2="93.74" y1="285.22" y2="172.46" gradientUnits="userSpaceOnUse">
166 <stop stop-color="#fff" />
167 <stop offset=".55" stop-color="#fff" stop-opacity="0" />
168 </linearGradient>
169 <linearGradient id="f" x1="192.59" x2="152.23" y1="77.11" y2="197.84" gradientUnits="userSpaceOnUse">
170 <stop stop-color="#A7A4B5" />
171 <stop offset="1" stop-color="#4A4658" />
172 </linearGradient>
173 <linearGradient id="h" x1="234.05" x2="232.88" y1="243.81" y2="225.76" gradientUnits="userSpaceOnUse">
174 <stop stop-color="#fff" />
175 <stop offset=".55" stop-color="#fff" stop-opacity="0" />
176 </linearGradient>
177 <linearGradient id="i" x1="197.78" x2="195.17" y1="51.69" y2="208.79" gradientUnits="userSpaceOnUse">
178 <stop stop-color="#A7A4B5" />
179 <stop offset="1" stop-color="#35323F" />
180 </linearGradient>
181 <clipPath id="a">
182 <path
183 fill="#fff"
184 d="M0 20A20 20 0 0 1 20 0h320a20 20 0 0 1 20 20v320a20 20 0 0 1-20 20H20a20 20 0 0 1-20-20V20Z"
186 </clipPath>
187 </defs>
188 </svg>