aboutsummaryrefslogtreecommitdiff
path: root/components/play-skip.tsx
blob: 77e1f9f4201eb8bc556e8f06143fa7be5ef8699e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
export default function PlaySkipIconAni() {
	return <div className='shapeshifter play-pause ani'>
		<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 456 24' width='456' height='24'>
			<g>
				<path
					d='M17 12c0 .622-.32 1.2-.848 1.53l-6.774 4.234c-.247.154-.532.236-.824.236C7.696 18 7 17.304 7 16.446V7.554C7 6.696 7.696 6 8.554 6c.292 0 .577.082.824.236l6.774 4.234c.528.33.848.908.848 1.53z'
				/>
				<path
					d='M10.519 8.855c.287-.472.902-.623 1.374-.336l4.274 2.595c.472.287.622.902.335 1.374-.286.472-.901.622-1.373.336l-4.274-2.595c-.472-.287-.623-.902-.336-1.374z'
					fill-rule='evenodd'
				/>
				<path
					d='M10.519 15.145c-.287-.472-.136-1.087.336-1.374l4.274-2.595c.472-.287 1.087-.136 1.373.336.287.472.137 1.087-.335 1.374l-4.274 2.595c-.472.287-1.087.136-1.374-.336z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M40.978 12c0 .622-.32 1.2-.848 1.53l-6.759 4.227c-.247.154-.532.236-.824.236-.858 0-1.554-.696-1.554-1.554V7.561c0-.858.696-1.554 1.554-1.554.292 0 .577.082.824.236l6.759 4.227c.528.33.848.908.848 1.53z'
				/>
				<path
					d='M34.566 8.834c.289-.468.902-.615 1.371-.326l4.243 2.612c.469.289.615.903.326 1.372-.288.468-.902.614-1.371.326l-4.243-2.612c-.469-.289-.615-.903-.326-1.372z'
					fill-rule='evenodd'
				/>
				<path
					d='M34.566 15.166c-.289-.469-.143-1.083.326-1.372l4.243-2.612c.469-.289 1.083-.142 1.371.326.289.469.143 1.083-.326 1.372l-4.243 2.612c-.469.289-1.082.142-1.371-.326z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M64.902 12c0 .622-.32 1.2-.848 1.531l-6.709 4.199c-.247.155-.532.237-.824.237-.858 0-1.554-.696-1.554-1.553V7.586c0-.857.696-1.553 1.554-1.553.292 0 .577.082.824.237l6.709 4.199c.528.331.848.909.848 1.531z'
				/>
				<path
					d='M58.732 8.761c.295-.456.905-.588 1.361-.292l4.134 2.674c.457.296.587.905.291 1.362-.294.456-.904.587-1.36.292l-4.134-2.674c-.457-.296-.588-.905-.292-1.362z'
					fill-rule='evenodd'
				/>
				<path
					d='M58.732 15.239c-.296-.457-.165-1.066.292-1.362l4.134-2.674c.456-.296 1.066-.164 1.36.292.296.457.166 1.066-.291 1.362l-4.134 2.674c-.456.296-1.066.164-1.361-.292z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M88.745 12c0 .622-.32 1.201-.847 1.532l-6.604 4.145c-.248.155-.534.238-.827.238-.857 0-1.552-.695-1.552-1.552V7.637c0-.857.695-1.552 1.552-1.552.293 0 .579.083.827.238l6.604 4.145c.527.331.847.91.847 1.532z'
				/>
				<path
					d='M83.071 8.612c.309-.432.91-.532 1.342-.222l3.91 2.799c.432.31.531.911.221 1.343-.308.431-.909.531-1.341.222l-3.91-2.8c-.432-.309-.532-.91-.222-1.342z'
					fill-rule='evenodd'
				/>
				<path
					d='M83.071 15.388c-.31-.432-.21-1.033.222-1.342l3.91-2.8c.432-.309 1.033-.209 1.341.222.31.432.211 1.033-.221 1.343l-3.91 2.799c-.432.31-1.033.21-1.342-.222z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M112.474 12c0 .623-.318 1.201-.845 1.534l-6.425 4.051c-.247.156-.535.24-.828.24-.857 0-1.551-.695-1.551-1.551V7.726c0-.856.694-1.551 1.551-1.551.293 0 .581.084.828.24l6.425 4.051c.527.333.845.911.845 1.534z'
				/>
				<path
					d='M107.654 8.355c.334-.389.919-.436 1.309-.102l3.525 3.016c.389.334.435.919.101 1.309-.332.389-.918.434-1.307.102l-3.526-3.017c-.389-.333-.435-.919-.102-1.308z'
					fill-rule='evenodd'
				/>
				<path
					d='M107.654 15.645c-.333-.389-.287-.975.102-1.308l3.526-3.017c.389-.333.975-.287 1.307.102.334.39.288.975-.101 1.309l-3.525 3.016c-.39.334-.975.287-1.309-.102z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M136.079 12c0 .623-.318 1.202-.844 1.538l-6.161 3.912c-.249.158-.538.243-.833.243-.855 0-1.548-.693-1.548-1.548v-8.29c0-.855.693-1.548 1.548-1.548.295 0 .584.085.833.243l6.161 3.912c.526.336.844.915.844 1.538z'
				/>
				<path
					d='M132.51 7.978c.368-.327.932-.294 1.259.074l2.961 3.334c.327.369.293.932-.075 1.259-.368.327-.931.294-1.258-.074l-2.962-3.334c-.327-.368-.294-.932.075-1.259z'
					fill-rule='evenodd'
				/>
				<path
					d='M132.51 16.022c-.369-.327-.402-.891-.075-1.259l2.962-3.334c.327-.368.89-.401 1.258-.074s.402.89.075 1.259l-2.961 3.334c-.327.368-.891.401-1.259.074z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M159.628 12c0 .623-.316 1.204-.84 1.541l-5.863 3.756c-.249.16-.54.246-.837.246-.853 0-1.545-.692-1.545-1.546V8.003c0-.854.692-1.546 1.545-1.546.297 0 .588.086.837.246l5.863 3.756c.524.337.84.918.84 1.541z'
				/>
				<path
					d='M157.482 7.55c.409-.257.947-.134 1.203.274l2.32 3.695c.256.408.133.947-.275 1.203-.408.256-.947.133-1.203-.275l-2.319-3.694c-.257-.409-.134-.947.274-1.203z'
					fill-rule='evenodd'
				/>
				<path
					d='M157.482 16.45c-.408-.256-.531-.794-.274-1.203l2.319-3.694c.256-.408.795-.531 1.203-.275.408.256.531.795.275 1.203l-2.32 3.695c-.256.408-.794.531-1.203.274z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M183.229 12c0 .624-.315 1.205-.839 1.545l-5.597 3.616c-.25.162-.542.249-.841.249-.852 0-1.542-.691-1.542-1.543V8.133c0-.852.69-1.543 1.542-1.543.299 0 .591.087.841.249l5.597 3.616c.524.34.839.921.839 1.545z'
				/>
				<path
					d='M182.345 7.169c.444-.193.96.01 1.154.453l1.75 4.015c.194.444-.01.96-.453 1.153-.443.194-.959-.009-1.153-.452l-1.75-4.015c-.194-.444.009-.96.452-1.154z'
					fill-rule='evenodd'
				/>
				<path
					d='M182.345 16.831c-.443-.194-.646-.71-.452-1.154l1.75-4.015c.194-.443.71-.646 1.153-.452.443.193.647.709.453 1.153l-1.75 4.015c-.194.443-.71.646-1.154.453z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M206.914 12c0 .624-.314 1.206-.837 1.547l-5.388 3.506c-.25.164-.544.252-.843.252-.851 0-1.541-.69-1.541-1.541V8.236c0-.851.69-1.541 1.541-1.541.299 0 .593.088.843.252l5.388 3.506c.523.341.837.923.837 1.547z'
				/>
				<path
					d='M207.025 6.87c.471-.144.97.122 1.114.593l1.302 4.267c.144.471-.122.97-.593 1.114-.471.144-.97-.122-1.113-.593l-1.303-4.267c-.144-.471.122-.97.593-1.114z'
					fill-rule='evenodd'
				/>
				<path
					d='M207.025 17.13c-.471-.144-.737-.643-.593-1.114l1.303-4.267c.143-.471.642-.737 1.113-.593.471.144.737.643.593 1.114l-1.302 4.267c-.144.471-.643.737-1.114.593z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M230.673 12c0 .624-.313 1.206-.835 1.549l-5.229 3.422c-.25.165-.545.253-.845.253-.851 0-1.54-.689-1.54-1.539v-7.37c0-.85.689-1.539 1.54-1.539.3 0 .595.088.845.253l5.229 3.422c.522.343.835.925.835 1.549z'
				/>
				<path
					d='M231.545 6.641c.493-.106.978.207 1.084.7l.96 4.46c.106.493-.208.978-.701 1.084-.492.106-.978-.208-1.083-.7l-.96-4.46c-.106-.493.208-.978.7-1.084z'
					fill-rule='evenodd'
				/>
				<path
					d='M231.545 17.359c-.492-.106-.806-.591-.7-1.084l.96-4.46c.105-.492.591-.806 1.083-.7.493.106.807.591.701 1.084l-.96 4.46c-.106.493-.591.806-1.084.7z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M254.489 12c0 .625-.314 1.207-.835 1.551l-5.106 3.357c-.251.166-.546.255-.847.255-.85 0-1.538-.689-1.538-1.538v-7.25c0-.849.688-1.538 1.538-1.538.301 0 .596.089.847.255l5.106 3.357c.521.344.835.926.835 1.551z'
				/>
				<path
					d='M255.944 6.465c.509-.077.984.274 1.061.782l.696 4.609c.077.509-.273.984-.782 1.061-.509.076-.984-.274-1.061-.783l-.696-4.608c-.077-.509.274-.984.782-1.061z'
					fill-rule='evenodd'
				/>
				<path
					d='M255.944 17.535c-.508-.077-.859-.552-.782-1.061l.696-4.608c.077-.509.552-.859 1.061-.783.509.077.859.552.782 1.061l-.696 4.609c-.077.508-.552.859-1.061.782z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M278.347 12c0 .625-.313 1.207-.834 1.552l-5.012 3.308c-.251.166-.547.256-.848.256-.849 0-1.537-.689-1.537-1.538V8.422c0-.849.688-1.538 1.537-1.538.301 0 .597.09.848.256l5.012 3.308c.521.345.834.927.834 1.552z'
				/>
				<path
					d='M280.251 6.33c.522-.055.989.324 1.043.845l.494 4.723c.055.521-.324.988-.846 1.043-.521.054-.988-.325-1.043-.846l-.493-4.722c-.055-.521.324-.989.845-1.043z'
					fill-rule='evenodd'
				/>
				<path
					d='M280.251 17.67c-.521-.054-.9-.522-.845-1.043l.493-4.722c.055-.522.522-.9 1.043-.846.522.055.901.522.846 1.043l-.494 4.723c-.054.521-.521.9-1.043.845z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M302.238 12c0 .625-.313 1.207-.834 1.553l-4.938 3.27c-.252.167-.548.256-.85.256-.849 0-1.537-.687-1.537-1.536V8.457c0-.849.688-1.536 1.537-1.536.302 0 .598.089.85.256l4.938 3.27c.521.346.834.928.834 1.553z'
				/>
				<path
					d='M304.487 6.226c.531-.037.992.363 1.029.894l.339 4.81c.037.531-.363.992-.894 1.029-.531.038-.993-.363-1.03-.894l-.339-4.809c-.037-.531.364-.992.895-1.03z'
					fill-rule='evenodd'
				/>
				<path
					d='M304.487 17.774c-.531-.038-.932-.499-.895-1.03l.339-4.809c.037-.531.499-.932 1.03-.894.531.037.931.498.894 1.029l-.339 4.81c-.037.531-.498.931-1.029.894z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M326.155 12c0 .625-.312 1.208-.833 1.554l-4.884 3.241c-.252.167-.548.257-.85.257-.849 0-1.536-.688-1.536-1.536V8.484c0-.848.687-1.536 1.536-1.536.302 0 .598.09.85.257l4.884 3.241c.521.346.833.929.833 1.554z'
				/>
				<path
					d='M328.665 6.147c.538-.024.995.393 1.019.931l.221 4.876c.025.539-.392.995-.931 1.02-.538.024-.995-.393-1.019-.931l-.221-4.876c-.024-.538.393-.995.931-1.02z'
					fill-rule='evenodd'
				/>
				<path
					d='M328.665 17.853c-.538-.025-.955-.482-.931-1.02l.221-4.876c.024-.538.481-.955 1.019-.931.539.025.956.481.931 1.02l-.221 4.876c-.024.538-.481.955-1.019.931z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M350.094 12c0 .625-.313 1.208-.833 1.554l-4.843 3.22c-.252.167-.549.257-.851.257-.849 0-1.536-.687-1.536-1.535V8.504c0-.848.687-1.535 1.536-1.535.302 0 .599.09.851.257l4.843 3.22c.52.346.833.929.833 1.554z'
				/>
				<path
					d='M352.798 6.089c.543-.015.997.415 1.011.958l.134 4.925c.015.544-.415.997-.959 1.012-.543.015-.996-.415-1.011-.958l-.134-4.925c-.014-.544.415-.997.959-1.012z'
					fill-rule='evenodd'
				/>
				<path
					d='M352.798 17.911c-.544-.015-.973-.468-.959-1.012l.134-4.925c.015-.543.468-.973 1.011-.958.544.015.974.468.959 1.012l-.134 4.925c-.014.543-.468.973-1.011.958z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M374.05 12c0 .625-.312 1.208-.832 1.555l-4.815 3.204c-.251.168-.548.258-.851.258-.848 0-1.535-.688-1.535-1.536V8.519c0-.848.687-1.536 1.535-1.536.303 0 .6.09.851.258l4.815 3.204c.52.347.832.93.832 1.555z'
				/>
				<path
					d='M376.892 6.048c.548-.008.999.43 1.006.977l.071 4.96c.008.548-.43.999-.977 1.006-.548.008-.999-.43-1.006-.977l-.072-4.96c-.007-.548.431-.999.978-1.006z'
					fill-rule='evenodd'
				/>
				<path
					d='M376.892 17.952c-.547-.007-.985-.458-.978-1.006l.072-4.96c.007-.547.458-.985 1.006-.977.547.007.985.458.977 1.006l-.071 4.96c-.007.547-.458.985-1.006.977z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M398.021 12c0 .625-.312 1.208-.832 1.555l-4.795 3.194c-.252.168-.549.258-.852.258-.848 0-1.535-.687-1.535-1.535V8.528c0-.848.687-1.535 1.535-1.535.303 0 .6.09.852.258l4.795 3.194c.52.347.832.93.832 1.555z'
				/>
				<path
					d='M400.954 6.02c.551-.003 1 .441 1.003.991l.03 4.983c.003.55-.44.999-.991 1.002-.55.004-.999-.44-1.002-.99l-.03-4.983c-.004-.55.44-1 .99-1.003z'
					fill-rule='evenodd'
				/>
				<path
					d='M400.954 17.98c-.55-.003-.994-.453-.99-1.003l.03-4.983c.003-.55.452-.994 1.002-.99.551.003.994.452.991 1.002l-.03 4.983c-.003.55-.452.994-1.003.991z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M422.005 12c0 .625-.312 1.208-.832 1.555l-4.784 3.189c-.252.168-.549.258-.852.258-.848 0-1.535-.687-1.535-1.535V8.533c0-.848.687-1.535 1.535-1.535.303 0 .6.09.852.258l4.784 3.189c.52.347.832.93.832 1.555z'
				/>
				<path
					d='M424.989 6.005c.552-.001 1 .446 1.001.998l.007 4.996c.001.551-.446.999-.998 1-.551.001-1-.446-1-.998l-.008-4.996c0-.551.447-.999.998-1z'
					fill-rule='evenodd'
				/>
				<path
					d='M424.989 17.995c-.551-.001-.998-.449-.998-1l.008-4.996c0-.552.449-.999 1-.998.552.001.999.449.998 1l-.007 4.996c-.001.552-.449.999-1.001.998z'
					fill-rule='evenodd'
				/>
			</g>
			<g>
				<path
					d='M446 12c0 .625-.312 1.208-.832 1.555l-4.781 3.187c-.252.168-.549.258-.852.258-.848 0-1.535-.687-1.535-1.535v-6.93c0-.848.687-1.535 1.535-1.535.303 0 .6.09.852.258l4.781 3.187c.52.347.832.93.832 1.555z'
				/>
				<path
					d='M449 6c.552 0 1 .448 1 1v5c0 .552-.448 1-1 1s-1-.448-1-1V7c0-.552.448-1 1-1z'
					fill-rule='evenodd'
				/>
				<path
					d='M449 18c-.552 0-1-.448-1-1v-5c0-.552.448-1 1-1s1 .448 1 1v5c0 .552-.448 1-1 1z'
					fill-rule='evenodd'
				/>
			</g>
		</svg>
	</div>;
}