PageSourceSearch

https://5sos.com/pages/video

html 5sos.com collected 2026-10-02 07:10:23 UTC 186,120 bytes, 4,872 lines download raw bytes

1<!doctype html>
2<html class="flex flex-col min-h-full" lang="en">
3<head>
4<script>
5vice= {
6  config: {
7    viceAccountId: 'umusic',
8    viceSiteId: '5sosofficial',
9    viceSectionId: ''
10  }
11}
12</script>
vendor: 1 bytes, line 12
12
13<script src='//vice-prod.sdiapi.com/vice_loader/umusic/5sosofficial'></script>
13<meta charset="utf-8">
14  <meta name="robots" content="noai, noimageai">
15  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
16  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"><style data-shopify>
17/* TYPOGRAPHY */@font-face {
18  font-family: Inter;
19  font-weight: 700;
20  font-style: normal;
21  font-display: swap;
22  src: url("//5sos.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
23       url("//5sos.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
24}
25@font-face {
26  font-family: Inter;
27  font-weight: 500;
28  font-style: normal;
29  font-display: swap;
30  src: url("//5sos.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
31       url("//5sos.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
32}
33@font-face {
34  font-family: Inter;
35  font-weight: 800;
36  font-style: normal;
37  font-display: swap;
38  src: url("//5sos.com/cdn/fonts/inter/inter_n8.d15c916037fee1656886aab64725534609d62cc8.woff2") format("woff2"),
39       url("//5sos.com/cdn/fonts/inter/inter_n8.c88637171fecf10ab2d88c89dbf06f41a1ae8be5.woff") format("woff");
40}
41@font-face {
42  font-family: Inter;
43  font-weight: 600;
44  font-style: normal;
45  font-display: swap;
46  src: url("//5sos.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2") format("woff2"),
47       url("//5sos.com/cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff") format("woff");
48}
49@font-face {
50  font-family: Inter;
51  font-weight: 700;
52  font-style: italic;
53  font-display: swap;
54  src: url("//5sos.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
55       url("//5sos.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
56}
57@font-face {
58  font-family: Inter;
59  font-weight: 700;
60  font-style: italic;
61  font-display: swap;
62  src: url("//5sos.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
63       url("//5sos.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
64}
65:root {
66--typeface_primary: Inter, sans-serif;--typeface_secondary: Inter, sans-serif;--typeface_tertiary: "Source Code Pro", monospace;--font_display_md: var(--typeface_secondary);
67  --font_display_md_weight: 700;
68  --font_display_md_letter: -0.04375rem;
69  --font_display_md_line: 1.2;
70  --font_display_md_text_transform: none;--font_display_md_size: 1.0rem;
71  --font_display_md_size_md: 1.3125rem;--font_heading_2xl: var(--typeface_primary);
72  --font_heading_2xl_weight: 700;
73  --font_heading_2xl_letter: -0.04375rem;
74  --font_heading_2xl_line: 1.2;
75  --font_heading_2xl_text_transform: uppercase;--font_heading_2xl_size: 1.25rem;
76  --font_heading_2xl_size_md: 1.5625rem;--font_heading_xl: var(--typeface_primary);
77  --font_heading_xl_weight: 700;
78  --font_heading_xl_letter: -0.04375rem;
79  --font_heading_xl_line: 1.2;
80  --font_heading_xl_text_transform: uppercase;--font_heading_xl_size: 1.25rem;
81  --font_heading_xl_size_md: 1.375rem;--font_heading_lg: var(--typeface_primary);
82  --font_heading_lg_weight: 700;
83  --font_heading_lg_letter: -0.0375rem;
84  --font_heading_lg_line: 1.2;
85  --font_heading_lg_text_transform: uppercase;--font_heading_lg_size: 1.0rem;
86  --font_heading_lg_size_md: 1.25rem;--font_heading_md: var(--typeface_primary);
87  --font_heading_md_weight: 500;
88  --font_heading_md_letter: -0.04375rem;
89  --font_heading_md_line: 1.2;
90  --font_heading_md_text_transform: uppercase;--font_heading_md_size: 1.0rem;
91  --font_heading_md_size_md: 1.125rem;--font_body_lg: var(--typeface_secondary);
92  --font_body_lg_weight: 700;
93  --font_body_lg_letter: 0.0rem;
94  --font_body_lg_line: 1.5;
95  --font_body_lg_text_transform: uppercase;--font_body_lg_size: 1.0rem;
96  --font_body_lg_size_md: 1.125rem;--font_body_md: var(--typeface_secondary);
97  --font_body_md_weight: 700;
98  --font_body_md_letter: 0.0rem;
99  --font_body_md_line: 1.5;
100  --font_body_md_text_transform: uppercase;--font_body_md_size: 0.875rem;
101  --font_body_md_size_md: 1.0rem;--font_body_sm: var(--typeface_secondary);
102  --font_body_sm_weight: 700;
103  --font_body_sm_letter: 0.0rem;
104  --font_body_sm_line: 1.5;
105  --font_body_sm_text_transform: uppercase;--font_body_sm_size: 0.875rem;
106  --font_body_sm_size_md: 1.125rem;--font_body_xs: var(--typeface_primary);
107  --font_body_xs_weight: 700;
108  --font_body_xs_letter: -0.04375rem;
109  --font_body_xs_line: 1.5;
110  --font_body_xs_text_transform: uppercase;--font_body_xs_size: 0.875rem;
111  --font_body_xs_size_md: 1.0rem;--font_button: var(--typeface_primary);
112  --font_button_weight: 700;
113  --font_button_letter: -0.04375rem;
114  --font_button_line: 1;
115  --font_button_text_transform: uppercase;--font_button_size: 0.9375rem;
116  --font_button_size_md: 0.9375rem;--font_navigation_lg: var(--typeface_secondary);
117  --font_navigation_lg_weight: 700;
118  --font_navigation_lg_letter: 0.0rem;
119  --font_navigation_lg_line: 1.5;
120  --font_navigation_lg_text_transform: uppercase;--font_navigation_lg_size: 1.25rem;
121  --font_navigation_lg_size_md: 1.125rem;--font_navigation_md: var(--typeface_primary);
122  --font_navigation_md_weight: 800;
123  --font_navigation_md_letter: -0.0625rem;
124  --font_navigation_md_line: 1.5;
125  --font_navigation_md_text_transform: uppercase;--font_navigation_md_size: 0.75rem;
126  --font_navigation_md_size_md: 0.875rem;--font_navigation_sm: var(--typeface_primary);
127  --font_navigation_sm_weight: 600;
128  --font_navigation_sm_letter: -0.04375rem;
129  --font_navigation_sm_line: 1.5;
130  --font_navigation_sm_text_transform: uppercase;--font_navigation_sm_size: 0.75rem;
131  --font_navigation_sm_size_md: 0.75rem;
132}
133/* TYPOGRAPHY */
134
135</style><style data-shopify>
136  /**
137      Set Color Variable from shopify
138  */
139  :root {
140    --color-outline: #2563eb;
141    --color-black: hsl(0 0% 5%);
142    --color-white: hsl(0 0% 95%);
143    --color-transparent: rgba(0,0,0,0);
144
145    --color-gray-50: hsl(210 20% 98%);
146    --color-gray-100: hsl(220 14% 96%);
147    --color-gray-200: hsl(220 13% 91%);
148    --color-gray-300: hsl(216 12% 84%);
149    --color-gray-400: hsl(218 11% 65%);
150    --color-gray-500: hsl(220 9% 46%);
151    --color-gray-600: hsl(215 14% 34%);
152    --color-gray-700: hsl(217 19% 27%);
153    --color-gray-800: hsl(215 28% 17%);
154    --color-gray-900: hsl(221 39% 11%);
155
156    --color-gray-100-on: hsl(221 39% 11%);
157    --color-gray-900-on: hsl(220 14% 96%);--scheme1-content-base:240 3% 13%;
158      --scheme1-content-subtle:240 3% 13%;
159      --scheme1-content-emphasis:240 3% 13%;
160      --scheme1-content-heading:240 3% 13%;
161
162      --scheme1-surface:220 14% 96%;
163      --scheme1-surface-gradient: ;
164      --scheme1-background:210 35% 93%;
165      --scheme1-background-gradient: ;
166
167      --scheme1-primary:240 3% 13%;
168      --scheme1-primary-light:240 4% 33%;
169      --scheme1-primary-dark:0 0% 0%;
170      --scheme1-primary-on:210 35% 93%;
171      --scheme1-primary-gradient: ;
172
173      --scheme1-secondary:240 3% 13%;
174      --scheme1-secondary-light:240 4% 33%;
175      --scheme1-secondary-dark:0 0% 0%;
176      --scheme1-secondary-on:210 35% 93%;
177      --scheme1-secondary-gradient: linear-gradient(180deg, rgba(246, 49, 105, 1), rgba(246, 49, 105, 1) 100%);
178
179      --scheme1-tertiary:343 92% 58%;
180      --scheme1-tertiary-light:343 91% 78%;
181      --scheme1-tertiary-dark:343 92% 38%;
182      --scheme1-tertiary-on:210 35% 93%;
183      --scheme1-tertiary-gradient: ;--scheme1-notification-on:240 3% 13%;
184      --scheme1-notification:343 92% 58%;
185      --scheme1-notification-mix: hsl(342, 65%, 25%);--scheme1-success-on:150 3% 13%;
186      --scheme1-success:141 79% 85%;
187      --scheme1-success-mix: hsl(141, 22%, 39%);--scheme1-error-on:0 74% 42%;
188      --scheme1-error:0 100% 97%;
189      --scheme1-error-mix: hsl(0, 66%, 60%);--scheme2-content-base:215 28% 17%;
190      --scheme2-content-subtle:215 14% 34%;
191      --scheme2-content-emphasis:224 71% 4%;
192      --scheme2-content-heading:221 39% 11%;
193
194      --scheme2-surface:220 14% 96%;
195      --scheme2-surface-gradient: ;
196      --scheme2-background:0 0% 100%;
197      --scheme2-background-gradient: ;
198
199      --scheme2-primary:221 39% 11%;
200      --scheme2-primary-light:221 39% 31%;
201      --scheme2-primary-dark:0 0% 0%;
202      --scheme2-primary-on:0 0% 98%;
203      --scheme2-primary-gradient: ;
204
205      --scheme2-secondary:217 19% 27%;
206      --scheme2-secondary-light:217 19% 47%;
207      --scheme2-secondary-dark:220 18% 7%;
208      --scheme2-secondary-on:0 0% 98%;
209      --scheme2-secondary-gradient: ;
210
211      --scheme2-tertiary:215 14% 34%;
212      --scheme2-tertiary-light:216 14% 54%;
213      --scheme2-tertiary-dark:216 14% 14%;
214      --scheme2-tertiary-on:0 0% 98%;
215      --scheme2-tertiary-gradient: ;--scheme2-notification-on:200 4% 13%;
216      --scheme2-notification:220 6% 90%;
217      --scheme2-notification-mix: hsl(211, 11%, 42%);--scheme2-success-on:150 3% 13%;
218      --scheme2-success:141 79% 85%;
219      --scheme2-success-mix: hsl(141, 22%, 39%);--scheme2-error-on:0 74% 42%;
220      --scheme2-error:0 100% 97%;
221      --scheme2-error-mix: hsl(0, 66%, 60%);--scheme3-content-base:220 13% 91%;
222      --scheme3-content-subtle:216 12% 84%;
223      --scheme3-content-emphasis:210 20% 98%;
224      --scheme3-content-heading:210 20% 98%;
225
226      --scheme3-surface:240 3% 13%;
227      --scheme3-surface-gradient: ;
228      --scheme3-background:240 3% 13%;
229      --scheme3-background-gradient: ;
230
231      --scheme3-primary:240 3% 13%;
232      --scheme3-primary-light:240 4% 33%;
233      --scheme3-primary-dark:0 0% 0%;
234      --scheme3-primary-on:210 35% 93%;
235      --scheme3-primary-gradient: ;
236
237      --scheme3-secondary:240 3% 13%;
238      --scheme3-secondary-light:240 4% 33%;
239      --scheme3-secondary-dark:0 0% 0%;
240      --scheme3-secondary-on:210 35% 93%;
241      --scheme3-secondary-gradient: ;
242
243      --scheme3-tertiary:240 3% 13%;
244      --scheme3-tertiary-light:240 4% 33%;
245      --scheme3-tertiary-dark:0 0% 0%;
246      --scheme3-tertiary-on:210 35% 93%;
247      --scheme3-tertiary-gradient: ;--scheme3-notification-on:200 4% 13%;
248      --scheme3-notification:220 6% 90%;
249      --scheme3-notification-mix: hsl(211, 11%, 42%);--scheme3-success-on:150 3% 13%;
250      --scheme3-success:141 79% 85%;
251      --scheme3-success-mix: hsl(141, 22%, 39%);--scheme3-error-on:0 74% 42%;
252      --scheme3-error:0 100% 97%;
253      --scheme3-error-mix: hsl(0, 66%, 60%);--scheme4-content-base:226 100% 94%;
254      --scheme4-content-subtle:228 96% 89%;
255      --scheme4-content-emphasis:0 0% 100%;
256      --scheme4-content-heading:0 0% 100%;
257
258      --scheme4-surface:244 47% 20%;
259      --scheme4-surface-gradient: ;
260      --scheme4-background:242 47% 34%;
261      --scheme4-background-gradient: ;
262
263      --scheme4-primary:0 0% 100%;
264      --scheme4-primary-light:0 0% 100%;
265      --scheme4-primary-dark:0 0% 80%;
266      --scheme4-primary-on:230 94% 82%;
267      --scheme4-primary-gradient: ;
268
269      --scheme4-secondary:226 100% 94%;
270      --scheme4-secondary-light:0 0% 100%;
271      --scheme4-secondary-dark:226 100% 74%;
272      --scheme4-secondary-on:0 0% 98%;
273      --scheme4-secondary-gradient: ;
274
275      --scheme4-tertiary:230 94% 82%;
276      --scheme4-tertiary-light:0 0% 100%;
277      --scheme4-tertiary-dark:230 94% 62%;
278      --scheme4-tertiary-on:0 0% 98%;
279      --scheme4-tertiary-gradient: ;--scheme4-notification-on:200 4% 13%;
280      --scheme4-notification:220 6% 90%;
281      --scheme4-notification-mix: hsl(211, 11%, 42%);--scheme4-success-on:150 3% 13%;
282      --scheme4-success:141 79% 85%;
283      --scheme4-success-mix: hsl(141, 22%, 39%);--scheme4-error-on:0 74% 42%;
284      --scheme4-error:0 100% 97%;
285      --scheme4-error-mix: hsl(0, 66%, 60%);}.scheme-scheme1 {
286        /* Content */
287        --color-content-base: hsl(var(--scheme1-content-base));
288        --color-content-subtle: hsl(var(--scheme1-content-subtle));
289        --color-content-emphasis: hsl(var(--scheme1-content-emphasis));
290        --color-content-heading: hsl(var(--scheme1-content-heading));
291
292        /* Surface */
293        --color-surface: hsl(var(--scheme1-surface, var(--scheme1-background)));--color-surface-gradient: hsl(var(--scheme1-surface));
294        /* Background */
295        --color-background: hsl(var(--scheme1-background));--color-background-gradient: hsl(var(--scheme1-background));/* Primary Color */
296        --color-primary-on: hsl(var(--scheme1-primary-on));
297        --color-primary: hsl(var(--scheme1-primary));
298        --color-primary-dark: hsl(var(--scheme1-primary-dark));
299        --color-primary-light: hsl(var(--scheme1-primary-light));--color-primary-gradient: hsl(var(--scheme1-primary));/* Secondary Color */
300        --color-secondary-on: hsl(var(--scheme1-secondary-on));
301        --color-secondary: hsl(var(--scheme1-secondary));
302        --color-secondary-dark: hsl(var(--scheme1-secondary-dark));
303        --color-secondary-light: hsl(var(--scheme1-secondary-light));--color-secondary-gradient: var(--scheme1-secondary-gradient);/* Tertiary Color */
304        --color-tertiary-on: hsl(var(--scheme1-tertiary-on));
305        --color-tertiary: hsl(var(--scheme1-tertiary));
306        --color-tertiary-dark: hsl(var(--scheme1-tertiary-dark));
307        --color-tertiary-light: hsl(var(--scheme1-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme1-tertiary));/* Accent Colors */
308        /* Notification */
309        --color-on-notification: hsl(var(--scheme1-notification-on));
310        --color-notification: hsl(var(--scheme1-notification));
311        --color-notification-mix: var(--scheme1-notification-mix);
312
313        /* Success */
314        --color-on-success: hsl(var(--scheme1-success-on));
315        --color-success: hsl(var(--scheme1-success));
316        --color-success-mix: var(--scheme1-success-mix);
317
318        /* Error */
319        --color-on-error: hsl(var(--scheme1-error-on));
320        --color-error-on: var(--color-on-error);
321        --color-error: hsl(var(--scheme1-error));
322        --color-error-mix: var(--scheme1-error-mix);--color-error-mix-on: var(--color-black);
323
324        /* Section */--color-text: var(--color-content-base, var(--color-content-base));
325        --color-border: var(--color-gray-200, var(--border-default-color));
326        /* Section */
327
328        /* Tables BG Color */
329        --color-table-bg: var(--color-default, var(--color-background));
330
331        /* Input Color */
332        --color-input-text: hsl(var(--scheme1-content-base));
333      }
334    .scheme-scheme2 {
335        /* Content */
336        --color-content-base: hsl(var(--scheme2-content-base));
337        --color-content-subtle: hsl(var(--scheme2-content-subtle));
338        --color-content-emphasis: hsl(var(--scheme2-content-emphasis));
339        --color-content-heading: hsl(var(--scheme2-content-heading));
340
341        /* Surface */
342        --color-surface: hsl(var(--scheme2-surface, var(--scheme2-background)));--color-surface-gradient: hsl(var(--scheme2-surface));
343        /* Background */
344        --color-background: hsl(var(--scheme2-background));--color-background-gradient: hsl(var(--scheme2-background));/* Primary Color */
345        --color-primary-on: hsl(var(--scheme2-primary-on));
346        --color-primary: hsl(var(--scheme2-primary));
347        --color-primary-dark: hsl(var(--scheme2-primary-dark));
348        --color-primary-light: hsl(var(--scheme2-primary-light));--color-primary-gradient: hsl(var(--scheme2-primary));/* Secondary Color */
349        --color-secondary-on: hsl(var(--scheme2-secondary-on));
350        --color-secondary: hsl(var(--scheme2-secondary));
351        --color-secondary-dark: hsl(var(--scheme2-secondary-dark));
352        --color-secondary-light: hsl(var(--scheme2-secondary-light));--color-secondary-gradient: hsl(var(--scheme2-secondary));/* Tertiary Color */
353        --color-tertiary-on: hsl(var(--scheme2-tertiary-on));
354        --color-tertiary: hsl(var(--scheme2-tertiary));
355        --color-tertiary-dark: hsl(var(--scheme2-tertiary-dark));
356        --color-tertiary-light: hsl(var(--scheme2-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme2-tertiary));/* Accent Colors */
357        /* Notification */
358        --color-on-notification: hsl(var(--scheme2-notification-on));
359        --color-notification: hsl(var(--scheme2-notification));
360        --color-notification-mix: var(--scheme2-notification-mix);
361
362        /* Success */
363        --color-on-success: hsl(var(--scheme2-success-on));
364        --color-success: hsl(var(--scheme2-success));
365        --color-success-mix: var(--scheme2-success-mix);
366
367        /* Error */
368        --color-on-error: hsl(var(--scheme2-error-on));
369        --color-error-on: var(--color-on-error);
370        --color-error: hsl(var(--scheme2-error));
371        --color-error-mix: var(--scheme2-error-mix);--color-error-mix-on: var(--color-black);
372
373        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
374        --color-border: var(--color-gray-200, var(--border-default-color));
375        /* Section */
376
377        /* Tables BG Color */
378        --color-table-bg: var(--color-default, var(--color-background));
379
380        /* Input Color */
381        --color-input-text: hsl(var(--scheme2-content-base));
382      }
383    .scheme-scheme3 {
384        /* Content */
385        --color-content-base: hsl(var(--scheme3-content-base));
386        --color-content-subtle: hsl(var(--scheme3-content-subtle));
387        --color-content-emphasis: hsl(var(--scheme3-content-emphasis));
388        --color-content-heading: hsl(var(--scheme3-content-heading));
389
390        /* Surface */
391        --color-surface: hsl(var(--scheme3-surface, var(--scheme3-background)));--color-surface-gradient: hsl(var(--scheme3-surface));
392        /* Background */
393        --color-background: hsl(var(--scheme3-background));--color-background-gradient: hsl(var(--scheme3-background));/* Primary Color */
394        --color-primary-on: hsl(var(--scheme3-primary-on));
395        --color-primary: hsl(var(--scheme3-primary));
396        --color-primary-dark: hsl(var(--scheme3-primary-dark));
397        --color-primary-light: hsl(var(--scheme3-primary-light));--color-primary-gradient: hsl(var(--scheme3-primary));/* Secondary Color */
398        --color-secondary-on: hsl(var(--scheme3-secondary-on));
399        --color-secondary: hsl(var(--scheme3-secondary));
400        --color-secondary-dark: hsl(var(--scheme3-secondary-dark));
401        --color-secondary-light: hsl(var(--scheme3-secondary-light));--color-secondary-gradient: hsl(var(--scheme3-secondary));/* Tertiary Color */
402        --color-tertiary-on: hsl(var(--scheme3-tertiary-on));
403        --color-tertiary: hsl(var(--scheme3-tertiary));
404        --color-tertiary-dark: hsl(var(--scheme3-tertiary-dark));
405        --color-tertiary-light: hsl(var(--scheme3-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme3-tertiary));/* Accent Colors */
406        /* Notification */
407        --color-on-notification: hsl(var(--scheme3-notification-on));
408        --color-notification: hsl(var(--scheme3-notification));
409        --color-notification-mix: var(--scheme3-notification-mix);
410
411        /* Success */
412        --color-on-success: hsl(var(--scheme3-success-on));
413        --color-success: hsl(var(--scheme3-success));
414        --color-success-mix: var(--scheme3-success-mix);
415
416        /* Error */
417        --color-on-error: hsl(var(--scheme3-error-on));
418        --color-error-on: var(--color-on-error);
419        --color-error: hsl(var(--scheme3-error));
420        --color-error-mix: var(--scheme3-error-mix);--color-error-mix-on: var(--color-black);
421
422        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
423        --color-border: var(--color-gray-200, var(--border-default-color));
424        /* Section */
425
426        /* Tables BG Color */
427        --color-table-bg: var(--color-default, var(--color-background));
428
429        /* Input Color */
430        --color-input-text: hsl(var(--scheme3-content-base));
431      }
432    .scheme-scheme4 {
433        /* Content */
434        --color-content-base: hsl(var(--scheme4-content-base));
435        --color-content-subtle: hsl(var(--scheme4-content-subtle));
436        --color-content-emphasis: hsl(var(--scheme4-content-emphasis));
437        --color-content-heading: hsl(var(--scheme4-content-heading));
438
439        /* Surface */
440        --color-surface: hsl(var(--scheme4-surface, var(--scheme4-background)));--color-surface-gradient: hsl(var(--scheme4-surface));
441        /* Background */
442        --color-background: hsl(var(--scheme4-background));--color-background-gradient: hsl(var(--scheme4-background));/* Primary Color */
443        --color-primary-on: hsl(var(--scheme4-primary-on));
444        --color-primary: hsl(var(--scheme4-primary));
445        --color-primary-dark: hsl(var(--scheme4-primary-dark));
446        --color-primary-light: hsl(var(--scheme4-primary-light));--color-primary-gradient: hsl(var(--scheme4-primary));/* Secondary Color */
447        --color-secondary-on: hsl(var(--scheme4-secondary-on));
448        --color-secondary: hsl(var(--scheme4-secondary));
449        --color-secondary-dark: hsl(var(--scheme4-secondary-dark));
450        --color-secondary-light: hsl(var(--scheme4-secondary-light));--color-secondary-gradient: hsl(var(--scheme4-secondary));/* Tertiary Color */
451        --color-tertiary-on: hsl(var(--scheme4-tertiary-on));
452        --color-tertiary: hsl(var(--scheme4-tertiary));
453        --color-tertiary-dark: hsl(var(--scheme4-tertiary-dark));
454        --color-tertiary-light: hsl(var(--scheme4-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme4-tertiary));/* Accent Colors */
455        /* Notification */
456        --color-on-notification: hsl(var(--scheme4-notification-on));
457        --color-notification: hsl(var(--scheme4-notification));
458        --color-notification-mix: var(--scheme4-notification-mix);
459
460        /* Success */
461        --color-on-success: hsl(var(--scheme4-success-on));
462        --color-success: hsl(var(--scheme4-success));
463        --color-success-mix: var(--scheme4-success-mix);
464
465        /* Error */
466        --color-on-error: hsl(var(--scheme4-error-on));
467        --color-error-on: var(--color-on-error);
468        --color-error: hsl(var(--scheme4-error));
469        --color-error-mix: var(--scheme4-error-mix);--color-error-mix-on: var(--color-black);
470
471        /* Section */--color-bg: var(--color-transparent, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
472        --color-border: var(--color-gray-200, var(--border-default-color));
473        /* Section */
474
475        /* Tables BG Color */
476        --color-table-bg: var(--color-default, var(--color-background));
477
478        /* Input Color */
479        --color-input-text: hsl(var(--scheme4-content-base));
480      }
481    
482</style>
483<style data-shopify>:root {
484    --border-default-width: 1px;
485    --border-default-width-narrow: 1px;
486    --border-default-width-wide: 2px;
487    --border-default-radius: 0;
488    --border-default-color: var(--color-content-subtle);
489  }</style><style data-shopify>
490  :root {--button-px-sm: 0.75rem; --button-py-sm: 0.5rem; --button-px-md: 1rem; --button-py-md: 0.625rem; --button-px-lg: 1.25rem; --button-py-lg: 0.75rem; --button-font-size: var(--font_button_size);--button-all-border-radius: 0;/* default */ --border-button-width: var(--border-default-width);--button-px-default: var(--button-px-lg);--button-py-default: var(--button-py-md);}
491
492  .btn {--tw-shadow: 0 0px 0px 0 var(--button-shadow-color);
492 --button-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow); display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; overflow: hidden; color: var(--button-color); border: var(--border-button-width) solid var(--border-color); border-radius: var(--button-all-border-radius); box-shadow: var(--button-box-shadow); padding: var(--button-py-default) var(--button-px-default); font-size: var(--button-font-size); font-family: var(--font_button); font-weight: var(--font_button_weight); letter-spacing: var(--font_button_letter); line-height: var(--font_button_line); text-transform: var(--font_button_text_transform); transition: .2s ease-out; --border-color: var(--color-transparent,var(--color-primary)); --button-color: var(--color-primary-on); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; --button-fill: var(--color-primary);--button-fill-hover: var(--color-tertiary); background: var(--button-fill); --button-gradient-visible: hidden;}
493
494  .btn:before,
495  .btn:after {
496    content: '';
497    background: transparent;
498    inset: 0;
499    position: absolute;
500    display: block;
501    visibility: var(--button-gradient-visible, hidden);
502    z-index: -1;
503    transition: .2s ease-out;
504    transform: translate3d(0,0,0);
505  }
506  .btn:before {
507    background: var(--button-fill-hover);
508    opacity: 0;
509  }
510  .btn:hover::before {
511    opacity: var(--button-bg-opacity, 1);
512  }
513
514  .btn:after {
515    background: var(--button-fill);
516    opacity: var(--button-bg-opacity, 1);
517  }
518  .btn:hover::after {
519    opacity: 0;
520  }
521
522  input.btn {
523    background: var(--button-fill);
524  }
525  input.btn:before {
526    display: none;
527  }
528  input.btn:after {
529    display: none;
530  }
531  input.btn:hover {
532    background: var(--button-fill-hover);
533  }
534
535  .btn--sm {
536    --button-py-default: var(--button-py-sm);
537    --button-px-default: var(--button-px-sm);
538    font-size: max(calc(var(--button-font-size) * .618em ), 14px)
539  }
540  .btn--md {
541    --button-py-default: var(--button-py-md);
542    --button-px-default: var(--button-px-md);
543  }
544  .btn--lg {
545    --button-py-default: var(--button-py-lg);
546    --button-px-default: var(--button-px-lg);
547  }
548
549  .btn:hover,
550  .btn--primary:hover {--border-color: var(--default,var(--color-tertiary)); --button-color: var(--color-tertiary-on); --button-shadow-color: var(--color-tertiary-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
551
552  .btn--secondary {--button-color: var(--color-secondary); --border-color: var(--default,var(--color-secondary)); --button-shadow-color: var(--color-secondary-20); text-decoration-color: transparent; --button-fill: var(--color-transparent);--button-fill-hover: var(--color-secondary); background: var(--button-fill); --button-gradient-visible: hidden;}
553
554  .btn--secondary:hover {--border-color: var(--default,var(--color-secondary)); --button-color: var(--color-secondary-on); --button-shadow-color: var(--color-secondary-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
555
556  .btn--tertiary {--button-color: var(--color-primary); --border-color: transparent; --button-shadow-color: transparent; text-decoration-color: transparent; --button-fill: var(--color-transparent);--button-fill-hover: var(--color-primary); background: var(--button-fill); --button-gradient-visible: hidden;}
557
558  .btn--tertiary:hover {--border-color: var(--default,var(--color-primary)); --button-color: var(--color-primary-on); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
559
560  .btn--light {--border-color: var(--color-gray-100,var(--color-gray-100)); --button-color: var(--color-gray-100-on); --button-shadow-color: var(--color-gray-100-20); text-decoration-color: transparent; --button-fill: var(--color-gray-100);--button-fill-hover: var(--color-gray-100);}
561
562  .btn--light:hover {--border-color: var(--color-gray-100,var(--color-gray-100)); --button-color: var(--color-gray-100-on); --button-shadow-color: var(--color-gray-100-20); text-decoration-color: transparent;}
563
564  .btn--dark {--border-color: var(--color-gray-900,var(--color-gray-900)); --button-color: var(--color-gray-900-on); --button-shadow-color: var(--color-gray-900-20); text-decoration-color: transparent; --button-fill: var(--color-gray-900);--button-fill-hover: var(--color-gray-900);}
565
566  .btn--dark:hover {--border-color: var(--color-gray-900,var(--color-gray-900)); --button-color: var(--color-gray-900-on); --button-shadow-color: var(--color-gray-900-20); text-decoration-color: transparent;}
567
568  @media screen and (min-width: 48em) {
569    .btn {
570      --button-font-size: var(--font_button_size_md);
571    }
572  }
573</style>
574<style data-shopify>
575:root {
576  --gap-sm-2xs: 0.25rem;
577  --gap-sm-xs: 0.5rem;
578  --gap-sm-sm: 0.75rem;
579  --gap-sm-md: 1.0rem;
580  --gap-sm-lg: 1.25rem;
581  --gap-sm-xl: 1.5rem;
582  --gap-sm-2xl: 2.0rem;
583  --gap-lg-2xs: 0.5rem;
584  --gap-lg-xs: 1.0rem;
585  --gap-lg-sm: 1.5rem;
586  --gap-lg-md: 2.0rem;
587  --gap-lg-lg: 2.5rem;
588  --gap-lg-xl: 3.0rem;
589  --gap-lg-2xl: 3.5rem;
590  --gap-container-2xs: 0.5rem;
591  --gap-container-xs: 1.0rem;
592  --gap-container-sm: 2.0rem;
593  --gap-container-md: 3.0rem;
594  --gap-container-lg: 4.0rem;
595  --gap-container-xl: 5.0rem;
596  --gap-container-2xl: 6.0rem;
597  --padding-xs-2xs: 0.125rem;
598  --padding-xs-xs: 0.25rem;
599  --padding-xs-sm: 0.375rem;
600  --padding-xs-md: 0.5rem;
601  --padding-xs-lg: 0.625rem;
602  --padding-xs-xl: 0.75rem;
603  --padding-xs-2xl: 1.0rem;
604  --padding-sm-2xs: 0.25rem;
605  --padding-sm-xs: 0.5rem;
606  --padding-sm-sm: 0.75rem;
607  --padding-sm-md: 1.0rem;
608  --padding-sm-lg: 1.25rem;
609  --padding-sm-xl: 1.5rem;
610  --padding-sm-2xl: 2.0rem;
611  --padding-lg-2xs: 0.5rem;
612  --padding-lg-xs: 1.0rem;
613  --padding-lg-sm: 1.5rem;
614  --padding-lg-md: 2.0rem;
615  --padding-lg-lg: 2.5rem;
616  --padding-lg-xl: 3.0rem;
617  --padding-lg-2xl: 3.5rem;
618  --padding-container-2xs: 0.5rem;
619  --padding-container-xs: 1.0rem;
620  --padding-container-sm: 2.0rem;
621  --padding-container-md: 3.0rem;
622  --padding-container-lg: 4.0rem;
623  --padding-container-xl: 5.0rem;
624  --padding-container-2xl: 6.0rem;
625  --padding-section-desktop-2xs: .5rem;
626  --padding-section-desktop-xs: 1rem;
627  --padding-section-desktop-sm: 2rem;
628  --padding-section-desktop-md: 3rem;
629  --padding-section-desktop-lg: 4rem;
630  --padding-section-desktop-xl: 5rem;
631  --padding-section-desktop-2xl: 6rem;
632  --padding-section-mobile-2xs: .25rem;
633  --padding-section-mobile-xs: .5rem;
634  --padding-section-mobile-sm: 1.5rem;
635  --padding-section-mobile-md: 2rem;
636  --padding-section-mobile-lg: 2.5rem;
637  --padding-section-mobile-xl: 3rem;
638  --padding-section-mobile-2xl: 4rem;
639  --margin-sm-2xs: 0.25rem;
640  --margin-sm-xs: 0.5rem;
641  --margin-sm-sm: 0.75rem;
642  --margin-sm-md: 1.0rem;
643  --margin-sm-lg: 1.25rem;
644  --margin-sm-xl: 1.5rem;
645  --margin-sm-2xl: 2.0rem;
646  --margin-lg-2xs: 0.5rem;
647  --margin-lg-xs: 1.0rem;
648  --margin-lg-sm: 1.5rem;
649  --margin-lg-md: 2.0rem;
650  --margin-lg-lg: 2.5rem;
651  --margin-lg-xl: 3.0rem;
652  --margin-lg-2xl: 3.5rem;
653  --margin-container-2xs: 0.5rem;
654  --margin-container-xs: 1.0rem;
655  --margin-container-sm: 2.0rem;
656  --margin-container-md: 3.0rem;
657  --margin-container-lg: 4.0rem;
658  --margin-container-xl: 5.0rem;
659  --margin-container-2xl: 6.0rem;
660  --w-tooltip-sm: 180px;
661  --w-tooltip-md: 210px;
662  --w-tooltip-lg: 240px;
663  --w-tooltip-xl: 270px;
664
665  --container-max-w-sm: 100rem;
666  --container-max-w-lg: 200rem;--select-pad-r: calc(var(--border-default-width-wide) + 1rem + (2 * var(--padding-sm-xs)));
667}
668
669</style><link href="//5sos.com/cdn/shop/t/19/assets/styles-critical.bundle.css?v=88399899110766794351782831247" rel="stylesheet" type="text/css" media="all" />
670  <title>Video - 5 Seconds of Summer Official Store</title>
670<script src="//5sos.com/cdn/shop/t/19/assets/runtime.bundle.js?v=126711988287768512291782831247"></script>
670<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/geolocation.bundle.js?v=89688441713986711081782831247"></script>
670<script>
671  window.dataLayer = window.dataLayer || [];
672  
673window.dataLayer.push({
674    event:'page_data_loaded',
675    user: {
676      logged_in: 'false'
677    },
678    pageType: 'page.video',
679    platform: 'shopify',
680    shopify_consent: 'false',
681    platform_theme: 'global',
682    platform_version: '2026.06.3.1'
683  });
684</script>
684
685
686<script>
vendor: 327 bytes, lines 686-690
686(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
687new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
688j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
689'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
690})(window,document,'script','dataLayer','
690GTM-WJTF7TL5
vendor: 3 bytes, line 690
690');
690</script>
690
691
692
693<link rel="canonical" href="https://5sos.com/pages/video">
694
695  
695<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
695<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/97340424273/digital_wallets/dialog">
696<meta id="in-context-paypal-metadata" data-shop-id="97340424273" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
697<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
697<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=6514245713"></script>
697
698<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
699<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=6514245713&shop_id=97340424273" crossorigin="anonymous"></script>
vendor: 1 bytes, line 699
699
700<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":97340424273,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/97340424273","merchantName":"5 Seconds of Summer Official Store","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"5 Seconds of Summer Official Store","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 700
700
701<script id="shopify-features" type="application/json">{"accessToken":"6a5ed3f90404f0ba2169b718f500b064","betas":["rich-media-storefront-analytics"],"domain":"5sos.com","predictiveSearch":true,"shopId":97340424273,"locale":"en"}</script>
vendor: 1 bytes, line 701
701
702<script>var Shopify = Shopify || {};
703Shopify.shop = "5sos-official.myshopify.com";
704Shopify.locale = "en";
705Shopify.currency = {"active":"USD","rate":"1.0"};
706Shopify.country = "US";
707Shopify.theme = {"name":"Rhythm-2026.06.3.1-Jun30","id":198011387985,"schema_name":"Rhythm","schema_version":"2026.06.3.1","theme_store_id":null,"role":"main"};
708Shopify.theme.handle = "null";
709Shopify.theme.style = {"id":null,"handle":null};
710Shopify.cdnHost = "5sos.com/cdn";
711Shopify.routes = Shopify.routes || {};
712Shopify.routes.root = "/";
713Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
714Shopify.SignInWithShop = Shopify.SignInWithShop || {};
715Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
716Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 716
716
717<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 717
717
718<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 718
718
719<script>
720  window.ShopifyPay = window.ShopifyPay || {};
721  window.ShopifyPay.apiHost = "shop.app\/pay";
722  window.ShopifyPay.redirectState = null;
723</script>
vendor: 1 bytes, line 723
723
724<script>
725  window.Shopify = window.Shopify || {};
726  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
727  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
728  window.Shopify.SignInWithShop.eligible = true;
729</script>
vendor: 1 bytes, line 729
729
730<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 730
730
731<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 731
731
732<script type="module">
733  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
734
735  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
736
737</script>
vendor: 1 bytes, line 737
737
738<script>
739  window.Shopify = window.Shopify || {};
740  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
741  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
742</script>
vendor: 1 bytes, line 742
742
743<script id="__st">var __st={"a":97340424273,"offset":-14400,"reqid":"286639ac-84b2-4bf2-b0bf-26e8b278236b-1790925023","pageurl":"5sos.com\/pages\/video","s":"pages-699405926481","u":"2120382dc589","p":"page","rtyp":"page","rid":699405926481};</script>
vendor: 1 bytes, line 743
743
744<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 744
744
745<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 745
745
746<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//5sos.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 746
746
747<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//5sos.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
747<script crossorigin="anonymous" defer="defer" src="//5sos.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 747
747
748<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 748
748
749<script>
750  window.Shopify = window.Shopify || {};
751  window.Shopify.MCP = window.Shopify.MCP || {};
752  window.Shopify.MCP.enabled = true;
753  window.Shopify.MCP.shop = "5sos-official.myshopify.com";
754  window.Shopify.MCP.mcpEndpoint = "https:\/\/5sos.com\/api\/mcp";
755  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
756</script>
vendor: 1 bytes, line 756
756
757<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/5sos.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
758</script>
vendor: 1 bytes, line 758
758
759<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://5sos.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
760</script>
vendor: 1 bytes, line 760
760
761<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
762  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
763</script>
vendor: 1 bytes, line 763
763
764<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
765</script>
765
766<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://5sos.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
767<style id="shopify-accelerated-checkout-cart">
768        #shopify-buyer-consent {
769  margin-top: 1em;
770  display: inline-block;
771  width: 100%;
772}
773
774#shopify-buyer-consent.hidden {
775  display: none;
776}
777
778#shopify-subscription-policy-button {
779  background: none;
780  border: none;
781  padding: 0;
782  text-decoration: underline;
783  font-size: inherit;
784  cursor: pointer;
785}
786
787#shopify-subscription-policy-button::before {
788  box-shadow: none;
789}
790
791      </style>
792
793<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
793 <style>
794  dialog[open]::backdrop,
795  .umg-backdrop {
796    
797      --theme-color: ;
798      background: hsl(240 3% 13% / 0.0);
799  }
800  
801  #PBarNextFrameWrapper::backdrop,
802  #web-pixels-helper-sandbox-container::backdrop {
803    --theme-color: unset;
804    background: unset;
805    -webkit-backdrop-filter: unset;
806    backdrop-filter: unset;
807  }
808</style><link href="//5sos.com/cdn/shop/t/19/assets/styles.bundle.css?v=182037401214248796901782831247" rel="stylesheet" type="text/css" media="print" id="styles_css_bundle" onload="this.media=`all`;this.removeAttribute(`onload`)" />
809  <noscript><link href="//5sos.com/cdn/shop/t/19/assets/styles.bundle.css?v=182037401214248796901782831247" rel="stylesheet" type="text/css" media="all" id="styles_css_bundle" /></noscript>
809<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/alpine.bundle.js?v=73840622025017525521782831247"></script>
809<style data-shopify>/* FONTS */
810.text_display_md,
811.text_body_lg,
812.text_body_md,
813.text_body_sm,
814.text_navigation_lg {
815  font-style: italic;
816}
817
818/* HEADER */
819.header__wrapper {
820  padding: 1rem 0.5rem;
821}
822.header__wrapper--md {
823  padding: 1.5rem;
824}
825.header__container {
826  padding: 0;
827  background-color: var(--color-tertiary);
828  border-radius: 0.5rem;
829}
830.header__container--md {
831  grid-template-columns: repeat(11, minmax(0, 1fr)) auto;
832  padding: 0.25rem 0.75rem;
833  border-radius: 1rem;
834}
835.header__container--md .mega-menu__primary-item {
836  position: relative;
837}
838.header__container--md .mega-menu__primary-link[aria-haspopup="true"] {
839  padding-right: 1em;
840  position: relative;
841}
842.header__container--md .mega-menu__primary-link-icon {
843  position: absolute;
844  right: 0;
845  top: 0.5rem;
846  height: auto;
847  width: auto;
848  transform: none;
849  text-decoration: none;
850}
851.header__container--md .mega-menu__primary-link-icon:before {
852  content: "+";
853}
854.header__container--md .mega-menu__primary-link-icon .icon {
855  position: absolute !important;
856  overflow: hidden;
857  width: 1px;
858  height: 1px;
859  margin: -1px;
860  padding: 0;
861  border: 0;
862  clip: rect(0 0 0 0);
863  word-wrap: normal !important;
864}
865.header__container--md .mega-menu__dropdown {
866  right: -1rem;
867  margin-left: 0;
868  margin-right: 0;
869  padding-top: 1rem;
870  background-color: transparent;
871  box-shadow: none;
872}
873.header__container--md .mega-menu__dropdown-container {
874  background-color: var(--color-tertiary);
875  border-radius: 1rem;
876  padding: 1rem;
877}
878.header__container--md .mega-menu__dropdown-container .dropdown__stack {
879  align-items: flex-end;
880}
881
882/* MOBILE MENU */
883.nav-drawer__overlay {
884  background: transparent;
885  -webkit-backdrop-filter: none;
886  backdrop-filter: none;
887  top: calc(var(--header-sticky-height) - 1rem);
888}
889.nav-drawer__menu {
890  border-radius: 0.5rem;
891  left: 0.5rem;
892  bottom: 1rem;
893  width: calc(90% - 1rem);
894  max-height: calc(100% - 1rem - var(--header-sticky-height));
895}
896.nav-drawer__child-link--view-all {
897  display: none;
898}
899
900/* COUNTDOWN */
901.custom-countdown .custom-countdown-text {
902  display: block;
903}
904.custom-countdown .custom-countdown-hyphen {
905  display: none;
906}
907@media (min-width: 768px) {
908  .custom-countdown .custom-countdown-text,
909  .custom-countdown .custom-countdown-hyphen {
910    display: inline-block;
911  }
912}
913
914/* PRODUCT CARDS */
915@media (max-width: 480px) {
916  .product_card .card__details--wrapper .text_body_md {
917    font-size: 0.888rem;
918  }
919}
920
921/* VIDEO PAGE */
922@media (min-width: 1025px) {
923  .custom-video-carousel .section-spacing {
924    padding-left: 6rem;
925    padding-right: 6rem;
926  }
927}
928.custom-video-carousel .swiper__viewport {
929  border-radius: 2rem;
930}
931@media (min-width: 640px) {
932  .custom-video-carousel .swiper__viewport {
933    border-radius: 3rem;
934  }
935}
936.custom-video-carousel .banner__fg,
937.custom-video-carousel .video-embedded .video-player__button,
938.custom-video-carousel .video-embedded .video-player__overlay {
939  display: none;
940}
941.custom-video-carousel .video-embedded iframe {
942  display: block !important;
943  pointer-events: auto !important;
944}
945.custom-video-carousel .carousel-nav__button.disabled\:opacity-0:disabled {
946  opacity: 0.5;
947}
948.custom-video-carousel .carousel-nav__button-bg {
949  color: var(--color-primary-on);
950  background-color: var(--color-primary);
951  border-radius: 3rem;
952}
953.custom-video-carousel .carousel-nav__button:not(.disabled\:opacity-0:disabled) .carousel-nav__button-bg:hover {
954  background-color: var(--color-tertiary);
955}
956@media (max-width: 1024px) {
957  .custom-video-carousel .carousel-wrapper {
958    padding-bottom: 3.5rem;
959  }
960  .custom-video-carousel .carousel-nav {
961    transform: none;
962    top: auto;
963    bottom: 0;
964    padding: 0;
965  }
966  .custom-video-carousel .carousel-nav.left-0 {
967    right: auto;
968    left: calc(50% - 3.25rem);
969  }
970  .custom-video-carousel .carousel-nav.right-0 {
971    right: calc(50% - 3.25rem);
972    left: auto;
973  }
974}</style><link rel="apple-touch-icon" sizes="180x180" href="//5sos.com/cdn/shop/files/star.png?crop=center&height=180&v=1758728316&width=180">
975    <link rel="icon" href="//5sos.com/cdn/shop/files/star.png?crop=center&height=32&v=1758728316&width=32"><meta name="description" content="Shop exclusive music and merch from the 5 Seconds of Summer Official Store.">
976
977  <meta property="og:site_name" content="5 Seconds of Summer Official Store">
978  <meta property="og:url" content="https://5sos.com/pages/video">
979  <meta property="og:title" content="Video - 5 Seconds of Summer Official Store">
980  <meta property="og:type" content="website">
981  <meta property="og:description" content="Shop exclusive music and merch from the 5 Seconds of Summer Official Store."><meta property="og:image" content="http://5sos.com/cdn/shop/files/share-image-01_a11da75a-8e67-4192-b0eb-f872aa058b35.png?v=1758729623">
982  <meta property="og:image:secure_url" content="https://5sos.com/cdn/shop/files/share-image-01_a11da75a-8e67-4192-b0eb-f872aa058b35.png?v=1758729623">
983  <meta property="og:image:width" content="1200">
984  <meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image">
985  <meta name="twitter:title" content="Video - 5 Seconds of Summer Official Store">
986  <meta name="twitter:description" content="Shop exclusive music and merch from the 5 Seconds of Summer Official Store.">
986<script>
987      window.dotDigital = {
988        shopDomain: '5sos.com',
989        insightId: 'DM-0328614883-02'
990      }
991    </script>
991<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/dot-digital.bundle.js?v=111676681593682757461782831247"></script>
991<!-- BEGIN app block: shopify://apps/privy-pop-ups-email-sms/blocks/privy-convert-production/1d8599fa-4edf-4071-bda6-4d5d6d82de9c -->
991<script src="https://shopify.privy.com/widget.js?shop=5sos-official.myshopify.com"></script>
991
992
993<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
994<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 97340424273,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 994
994
995<script>
996  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
997</script>
vendor: 1 bytes, line 997
997
998<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
998).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 97340424273,storefrontBaseUrl: "https://5sos.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://5sos.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"4881219665","configuration":"{\"forter_site_id\":\"98110a8cd268\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7e4b4da7292f3a5a38b14e41b6ff19b5","type":"APP","apiClientId":332912361473,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
998,"dataSharingState":"unrestricted"},{"id":"4365287505","configuration":"{\"tagId\":\"DM-0328614883-02\",\"baseWebBehaviourAppUrl\":\"https:\/\/r2.trackedweb.net\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c42396e3542122fe46f6c5b4c170816b","type":"APP","apiClientId":1479713,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3854139473","configuration":"{\"businessId\":\"5466ABF0ACF106E29C836A15\",\"environment\":\"production\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5a8ca3d2c8c198d27ce52b5826353789","type":"APP","apiClientId":861484,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3050438737","configuration":"{\"pixel_id\":\"1475221373682751\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2965569617","configuration":"{\"gtm_id\":\"GTM-WJTF7TL5\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"9c02f134f72408f0926e349d50d5e1fe","type":"APP","apiClientId":37773246465,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"5 Seconds of Summer Official Store","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"5sos-official.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/5sos.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://5sos.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"198011387985","themePublished":"true","eventMetadataId":"fccbc908-6735-4744-a25b-d58c90a91d46","pageType":"page","resourceId":"699405926481","shopId":"97340424273","storefrontBaseUrl":"https:\/\/5sos.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
998<script>
999  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1000  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1001  window.ShopifyAnalytics.meta.currency = 'USD';
1002  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":699405926481,"requestId":"286639ac-84b2-4bf2-b0bf-26e8b278236b-1790925023"}};
1003  for (var attr in meta) {
1004    window.ShopifyAnalytics.meta[attr] = meta[attr];
1005  }
1006</script>
vendor: 1 bytes, line 1006
1006
1007<script class="analytics">
1008  (function () {
1009    var customDocumentWrite = function(content) {
1010      var jquery = null;
1011
1012      if (window.jQuery) {
1013        jquery = window.jQuery;
1014      } else if (window.Checkout && window.Checkout.$) {
1015        jquery = window.Checkout.$;
1016      }
1017
1018      if (jquery) {
1019        jquery('body').append(content);
1020      }
1021    };
1022
1023    var hasLoggedConversion = function(token) {
1024      if (token) {
1025        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1026      }
1027      return false;
1028    }
1029
1030    var setCookieIfConversion = function(token) {
1031      if (token) {
1032        var twoMonthsFromNow = new Date(Date.now());
1033        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1034
1035        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1036      }
1037    }
1038
1039    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1040    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1041    if (trekkie.integrations) {
1042      return;
1043    }
1044    trekkie.methods = [
1045      'identify',
1046      'page',
1047      'ready',
1048      'track',
1049      'trackForm',
1050      'trackLink'
1051    ];
1052    trekkie.factory = function(method) {
1053      return function() {
1054        var args = Array.prototype.slice.call(arguments);
1055        args.unshift(method);
1056        trekkie.push(args);
1057        if (method == 'track' || method == 'page') {
1058          var pageUrl;
1059          try {
1060            pageUrl = window.location.href;
1061          } catch (e) {}
1062          var pageReferrer;
1063          try {
1064            pageReferrer = document.referrer;
1065          } catch (e) {}
1066          try {
1067            if (window.__TREKKIE_SHIM_QUEUE == null) {
1068              window.__TREKKIE_SHIM_QUEUE = [];
1069            }
1070            window.__TREKKIE_SHIM_QUEUE.push({
1071              from: 'trekkie-stub',
1072              method: method,
1073              args: args.slice(1),
1074              pageContext: {
1075                url: pageUrl,
1076                referrer: pageReferrer
1077              }
1078            });
1079          } catch (e) {
1080            // no-op
1081          }
1082        }
1083        return trekkie;
1084      };
1085    };
1086    for (var i = 0; i < trekkie.methods.length; i++) {
1087      var key = trekkie.methods[i];
1088      trekkie[key] = trekkie.factory(key);
1089    }
1090    trekkie.load = function(config) {
1091      trekkie.config = config || {};
1092      trekkie.config.initialDocumentCookie = document.cookie;
1093      var first = document.getElementsByTagName('script')[0];
1094var script = document.createElement('script');
1095script.type = 'text/javascript';
1096script.onerror = function(e) {
1097  var scriptFallback = document.createElement('script');
1098  scriptFallback.type = 'text/javascript';
1099  scriptFallback.onerror = function(error) {
1100          var Monorail = {
1101      produce: function produce(monorailDomain, schemaId, payload) {
1102        var currentMs = new Date().getTime();
1103        var event = {
1104          schema_id: schemaId,
1105          payload: payload,
1106          metadata: {
1107            event_created_at_ms: currentMs,
1108            event_sent_at_ms: currentMs
1109          }
1110        };
1111        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1112      },
1113      sendRequest: function sendRequest(endpointUrl, payload) {
1114        // Try the sendBeacon API
1115        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1116          var blobData = new window.Blob([payload], {
1117            type: 'text/plain'
1118          });
1119
1120          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1121            return true;
1122          } // sendBeacon was not successful
1123
1124        } // XHR beacon
1125
1126        var xhr = new XMLHttpRequest();
1127
1128        try {
1129          xhr.open('POST', endpointUrl);
1130          xhr.setRequestHeader('Content-Type', 'text/plain');
1131          xhr.send(payload);
1132        } catch (e) {
1133          console.log(e);
1134        }
1135
1136        return false;
1137      },
1138      isIos12: function isIos12() {
1139        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1140      }
1141    };
1142    Monorail.produce('monorail-edge.shopifysvc.com',
1143      'trekkie_storefront_load_errors/1.1',
1144      {shop_id: 97340424273,
1145      theme_id: 198011387985,
1146      app_name: "storefront",
1147      context_url: window.location.href,
1148      source_url: "//5sos.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1149
1150  };
1151  scriptFallback.async = true;
1152  scriptFallback.src = '//5sos.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1153  first.parentNode.insertBefore(scriptFallback, first);
1154};
1155script.async = true;
1156script.src = '//5sos.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1157first.parentNode.insertBefore(script, first);
1158
1159    };
1160    trekkie.load(
1161      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":97340424273,"isMerchantRequest":null,"themeId":198011387985,"themeCityHash":"6582327189955844435","contentLanguage":"en","currency":"USD","eventMetadataId":"fccbc908-6735-4744-a25b-d58c90a91d46"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1162    );
1163
1164    var loaded = false;
1165    trekkie.ready(function() {
1166      if (loaded) return;
1167      loaded = true;
1168
1169      window.ShopifyAnalytics.lib = window.trekkie;
1170
1171      var originalDocumentWrite = document.write;
1172      document.write = customDocumentWrite;
1173      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1174      document.write = originalDocumentWrite;
1175
1176      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1177      var token = match? match[1]: undefined;
1178      if (!hasLoggedConversion(token)) {
1179        setCookieIfConversion(token);
1180        
1181      }
1182    });
1183
1184    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":699405926481,"requestId":"286639ac-84b2-4bf2-b0bf-26e8b278236b-1790925023","shopifyEmitted":true});
1185
1186    var eventsListenerScript = document.createElement('script');
1187    eventsListenerScript.async = true;
1188    eventsListenerScript.src = "//5sos.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1189    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1190})();</script>
vendor: 1 bytes, line 1190
1190
1191<script
1192  defer
1193  src="https://5sos.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1194  data-application="storefront-renderer"
1195  data-shop-id="97340424273"
1196  data-render-region="gcp-us-central1"
1197  data-page-type="page"
1198  data-theme-instance-id="198011387985"
1199  data-theme-name="Rhythm"
1200  data-theme-version="2026.06.3.1"
1201  data-monorail-region="shop_domain"
1202  data-resource-timing-sampling-rate="10"
1203  data-shs="true"
1204  data-shs-beacon="true"
1205  data-shs-export-with-fetch="true"
1206  data-shs-logs-sample-rate="1"
1207  data-shs-beacon-endpoint="https://5sos.com/api/collect"
1208></script>
1208
1209<meta name="shopify-y" content="41741fef-9f22-4715-8a07-2e3ab7f27e3e" data-expiration="1822482623000"><meta name="shopify-s" content="c48ea151-de3e-4801-9abf-838132fdf338" data-expiration="1790926823000"><meta name="new-cookie-storage-activated" content="t">
1210</head><body class="template__page template__page--video flex flex-col grow min-h-full relative md:relative scheme-scheme1 c-bg-background c-text-content-base" data-theme="rhythm" data-themev="2026.06.3.1">
1211  <span class="sr-only" data-e2e="aria-countdown-change" aria-live="assertive"></span>
vendor: 67 bytes, line 1211
1211<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1211GTM-WJTF7TL5
vendor: 86 bytes, lines 1211-1212
1211"
1212    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1212<a class="skip-to-content-link button sr-only focus:not-sr-only" href="#MainContent">Skip to content</a><content-overlay>
1213  <div class="overlay hidden fixed top-0 left-0 w-full h-full z-[1000001] c-bg-gray-900 opacity-50"></div>
1214</content-overlay><!-- BEGIN sections: header-group -->
1215<header id="shopify-section-sections--29648606789713__header" class="shopify-section shopify-section-group-header-group site-header md:hidden"><style>
1216	#shopify-section-sections--29648606789713__header {
1217		position: sticky;top: 0;z-index: 999997;
1218    width: 100%;
1219	}
1220	</style>
1221  
1221<script>document.getElementById('shopify-section-sections--29648606789713__header').classList.add('umg-sticky', 'transition-[transform]')</script>
1221
1222
1223
1224
1225
1226
1227
1228<div id="header-wrapper--29648606789713" class="header__wrapper scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible mb-none" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_sticky_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; ">
1229  <div id="header-container--29648606789713" class="header__container grid gap-y-sm-sm gap-x-sm-sm grid-cols-8 section-spacing mx-auto w-full relative z-10 py-container-2xs px-lg-2xs max-w-xl md:px-container-2xs md:max-w-xl c-border-default-color border-none border-x-0 border-t-0 mx-auto text-center" >
1230    
1231      
1232          
1233
1234
1235
1236
1237<div  class="nav-drawer__block navigation-wrapper header__column flex col-span-2 justify-start" x-data="{ open: false, triggerRef: null, handleEscape(e){ this.triggerRef = e.target.closest('.nav-drawer__block')?.querySelector('.nav-drawer__toggle'); this.triggerRef?.focus(); this.open = false; } }" @keydown.escape.window="handleEscape">
1238  <button
1239    class="nav-drawer__overlay umg-backdrop fixed top-0 bottom-0 left-0 right-0 w-full h-full z-10"
1240    @click="open = false; $el.ownerDocument.body.classList.remove('overflow-hidden')"
1241    x-show="open"
1242    x-cloak
1243    :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'"
1244    x-transition x-transition.opacity></button>
1245
1246  
1247
1248
1249
1250<button 
1251  class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-center" 
1252  @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 
1253  :aria-expanded="open"
1254  :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'">
1255  <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition>
1256    
1257
1258
1259
1260  
1261  
1262  
1263      
1264      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
1265        <path d="M0 88C0 74.75 10.75 64 24 64H424C437.3 64 448 74.75 448 88C448 101.3 437.3 112 424 112H24C10.75 112 0 101.3 0 88zM0 248C0 234.7 10.75 224 24 224H424C437.3 224 448 234.7 448 248C448 261.3 437.3 272 424 272H24C10.75 272 0 261.3 0 248zM424 432H24C10.75 432 0 421.3 0 408C0 394.7 10.75 384 24 384H424C437.3 384 448 394.7 448 408C448 421.3 437.3 432 424 432z"/>
1266      </svg>
1267  
1268
1269  </div>
1270  <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition>
1271    
1272
1273
1274
1275  
1276  
1277  
1278      
1279      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
1280        <path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/>
1281      </svg>
1282  
1283
1284  </div>
1285</button>
1286
1287  <div class="nav-drawer__menu flex flex-col fixed z-100 top-0 max-h-[100vh] bottom-0 w-[90%] max-w-[400px] transition duration-300 overflow-y-scroll c-bg-tertiary c-text-tertiary-on left-0" x-show="open" x-cloak x-transition:enter="transition ease-out duration-300"x-transition:enter-start="-translate-x-full"x-transition:enter-end="translate-x-0"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="translate-x-0"x-transition:leave-end="-translate-x-full">
1288    <div class="flex justify-between md:justify-end p-lg-sm">
1289      
1290         <div x-html="$refs.logoContainer ? $refs.logoContainer.innerHTML : ''" class="logo-container flex justify-center items-center c-text-content-base"></div>
1291      
1292      
1293
1294
1295
1296<button 
1297  class="nav-drawer__toggle grid items-center min-h-min-click-space min-w-min-click-space justify-end c-text-content-base" 
1298  @click="open = ! open; $el.ownerDocument.body.classList.toggle('overflow-hidden')" 
1299  :aria-expanded="open"
1300  :aria-label="open ? 'Close navigation menu' : 'Open navigation menu'">
1301  <div class="row-start-1 col-start-1 nav-drawer__toggle--open " x-show="!open" x-transition>
1302    
1303
1304
1305
1306  
1307  
1308  
1309      
1310      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
1311        <path d="M0 88C0 74.75 10.75 64 24 64H424C437.3 64 448 74.75 448 88C448 101.3 437.3 112 424 112H24C10.75 112 0 101.3 0 88zM0 248C0 234.7 10.75 224 24 224H424C437.3 224 448 234.7 448 248C448 261.3 437.3 272 424 272H24C10.75 272 0 261.3 0 248zM424 432H24C10.75 432 0 421.3 0 408C0 394.7 10.75 384 24 384H424C437.3 384 448 394.7 448 408C448 421.3 437.3 432 424 432z"/>
1312      </svg>
1313  
1314
1315  </div>
1316  <div class="row-start-1 col-start-1 nav-drawer__toggle--close " x-show="open" x-cloak x-transition>
1317    
1318
1319
1320
1321  
1322  
1323  
1324      
1325      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
1326        <path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/>
1327      </svg>
1328  
1329
1330  </div>
1331</button>
1332    </div>
1333    <ul class="gap-sm-sm">
1334
1335      
1336      
1337
1338      
1339
1340        
1341
1342        
1343
1344        
1345
1346        
1347
1348        
1349          
1350          <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base">
1351            <a class="text_navigation_lg w-full min-h-min-click-s
1351pace flex items-center grow py-0.35em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="/">HOME</a>
1352          </li>
1353        
1354        
1355
1356<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div>
1357      
1358
1359        
1360
1361        
1362
1363        
1364
1365        
1366
1367        
1368          
1369          <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base">
1370            <a class="text_navigation_lg w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="https://5secondsofsummer.lnk.to/EAS">MUSIC</a>
1371          </li>
1372        
1373        
1374
1375<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div>
1376      
1377
1378        
1379
1380        
1381
1382        
1383
1384        
1385
1386        
1387          
1388          <li class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative c-text-content-base group is-current-page  ">
1389            <a class="text_navigation_lg w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline" aria-current href="/pages/video">VIDEO</a>
1390          </li>
1391        
1392        
1393
1394<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div>
1395      
1396
1397        
1398
1399        
1400
1401        
1402
1403        
1404
1405        
1406          
1407          <div x-data="{ expanded: false }">
1408            
1409            <button
1410              @click="expanded = !expanded"
1411              :aria-expanded="expanded"
1412              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
1413              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
1414              
1415            >
1416              <div class="text_navigation_lg w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">TOUR</div>
1417              
1418
1419
1420<div class="w-1em h-1em absolute right-0 mr-lg-sm">
1421  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
1422
1423
1424
1425  
1426  
1427  
1428  
1429      
1430      
1431          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
1432            <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/>
1433          </svg>
1434        
1435  
1436</span>
1437</div>
1438            </button>
1439            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs c-text-content-base c-bg-transparent px-lg-sm" x-show="expanded" x-collapse>
1440              
1441              
1442                
1443                
1444                  
1445                
1446                  
1447                
1448                  
1449                
1450              
1451
1452              
1453
1454              
1455                              
1456                  
1457                    
1458
1459
1460
1461<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
1461pace flex items-center gap-sm-xs py-0.8em justify-center text-center font_bolder" href="/pages/tour">
1462  <span>View All TOUR</span>
1463  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
1464    
1465
1466
1467
1468  
1469  
1470  
1471  
1472      
1473      
1474          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
1475            <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/>
1476          </svg>
1477        
1478  
1479
1480  </div>
1481</a>
1482                  
1483
1484                  
1485
1486
1487
1488
1489  
1490  <li class="flex items-center w-full relative">
1491    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="/pages/tour-hub" @click="open = false">
1492      Tour Hub
1493    </a>
1494  </li>
1495
1496
1497
1498                  
1499                              
1500                  
1501
1502                  
1503
1504
1505
1506
1507  
1508  <li class="flex items-center w-full relative">
1509    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="https://globalmerch.co/tourstore" @click="open = false">
1510      Tour Store
1511    </a>
1512  </li>
1513
1514
1515
1516                  
1517                              
1518                  
1519
1520                  
1521
1522
1523
1524
1525  
1526  <li class="flex items-center w-full relative">
1527    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="/pages/tour" @click="open = false">
1528      All Dates
1529    </a>
1530  </li>
1531
1532
1533
1534                  
1535                
1536               
1537
1538              
1539              
1540            </div>
1541          </div>
1542        
1543        
1544
1545<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div>
1546      
1547
1548        
1549
1550        
1551
1552        
1553
1554        
1555
1556        
1557          
1558          <div x-data="{ expanded: false }">
1559            
1560            <button
1561              @click="expanded = !expanded"
1562              :aria-expanded="expanded"
1563              class="nav-drawer__tier-1__item px-lg-sm flex items-center w-full relative"
1564              :class="expanded ? ' group child-active c-text-content-base' : 'c-text-content-base' "
1565              
1566            >
1567              <div class="text_navigation_lg w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline">SHOP</div>
1568              
1569
1570
1571<div class="w-1em h-1em absolute right-0 mr-lg-sm">
1572  <span class="transition-transform inline-block" :class="{ '-rotate-180': expanded }">
1573
1574
1575
1576  
1577  
1578  
1579  
1580      
1581      
1582          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
1583            <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/>
1584          </svg>
1585        
1586  
1587</span>
1588</div>
1589            </button>
1590            <div class="nav-drawer__submenu overflow-hidden pb-sm-xs c-text-content-base c-bg-transparent px-lg-sm" x-show="expanded" x-collapse>
1591              
1592              
1593                
1594                
1595                  
1596                
1597                  
1598                
1599                  
1600                
1601                  
1602                
1603                  
1604                
1605                  
1606                
1607              
1608
1609              
1610
1611              
1612                              
1613                  
1614                    
1615
1616
1617
1618<a class="nav-drawer__child-link nav-drawer__child-link--view-all text_navigation_sm w-full min-h-min-click-s
1618pace flex items-center gap-sm-xs py-0.8em justify-center text-center font_bolder" href="/collections/all">
1619  <span>View All SHOP</span>
1620  <div class="w-1em h-1em -rotate-90 shrink-0" aria-hidden>
1621    
1622
1623
1624
1625  
1626  
1627  
1628  
1629      
1630      
1631          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
1632            <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/>
1633          </svg>
1634        
1635  
1636
1637  </div>
1638</a>
1639                  
1640
1641                  
1642
1643
1644
1645
1646  
1647  <li class="flex items-center w-full relative">
1648    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="/collections/all" @click="open = false">
1649      SHOP ALL
1650    </a>
1651  </li>
1652
1653
1654
1655                  
1656                              
1657                  
1658
1659                  
1660
1661
1662
1663
1664  
1665  <li class="flex items-center w-full relative">
1666    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="https://tourstore.5sos.com/" @click="open = false">
1667      TOUR STORE
1668    </a>
1669  </li>
1670
1671
1672
1673                  
1674                              
1675                  
1676
1677                  
1678
1679
1680
1681
1682  
1683  <li class="flex items-center w-full relative">
1684    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="/collections/merch" @click="open = false">
1685      MERCH
1686    </a>
1687  </li>
1688
1689
1690
1691                  
1692                              
1693                  
1694
1695                  
1696
1697
1698
1699
1700  
1701  <li class="flex items-center w-full relative">
1702    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="/collections/vinyl" @click="open = false">
1703      VINYL
1704    </a>
1705  </li>
1706
1707
1708
1709                  
1710                              
1711                  
1712
1713                  
1714
1715
1716
1717
1718  
1719  <li class="flex items-center w-full relative">
1720    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-space flex items-center py-0.8em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="/collections/cds" @click="open = false">
1721      CDs
1722    </a>
1723  </li>
1724
1725
1726
1727                  
1728                              
1729                  
1730
1731                  
1732
1733
1734
1735
1736  
1737  <li class="flex items-center w-full relative">
1738    <a class="nav-drawer__child-link text_navigation_md w-full min-h-min-click-s
1738pace flex items-center py-0.8em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline"  href="/collections/digital" @click="open = false">
1739      DIGITAL
1740    </a>
1741  </li>
1742
1743
1744
1745                  
1746                
1747               
1748
1749              
1750              
1751            </div>
1752          </div>
1753        
1754        
1755
1756<div class="nav-drawer__divider c-border-content-subtle border-b-default-width-narrow"></div>
1757      
1758    </ul>
1759
1760    
1761      
1762      
1763        
1764        
1765
1766
1767
1768
1769
1770
1771
1772
1773
1774
1775
1776
1777
1778
1779
1780<ul class="my-sm-sm">
1781  
1782    
1783    <li class="" >
1784      
1785      
1786      
1787      <a href="https://shopify.com/97340424273/account/orders?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiI1c29zLW9mZmljaWFsLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTUyOTgyMywibmJmIjoxNzkwOTI1MDIzfQ.w7--tdlE5h-ybo1MoAJiSSnO1k5_9AgDAzMbcMaJ4yE" class="text_navigation_sm w-full min-h-min-click-space flex items-center grow py-0.35em pr-sm-lg pl-sm-lg justify-center text-center active:underline aria-expanded:underline has-[aria-current]:underline aria-[current]:underline decoration-[var(--border-default-width)] underline-offset-[4px] group-[.is-current-page]:underline has-[.is-current-page]:underline group-[.child-active]:underline px-lg-sm c-text-content-base">
1788        Login
1789      </a>
1790    </li>
1791
1792    
1793  
1794</ul>
1795
1796      
1797    
1798  </div>
1799</div>
1800        
1801        
1802    
1803      
1804          
1805
1806<div class="header__column header__column--1 header__column--logo flex col-span-4 justify-center items-center" >
1807  <div x-ref="logoContainer" class="logo-container" >
1808    
1809
1810
1811
1812
1813
1814
1815
1816
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826<h1>
1827    <span class="sr-only">Video</span>
1828  
1829
1830  
1831  
1832
1833  
1834  
1835
1836  
1837
1838  
1839
1840  <a class="logo-cntr block" href="/" style=" --logo-width: 8.125rem; " title="5 Seconds of Summer Official Store">
1841    
1842      
1843
1844            
1845
1846
1847
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857  <picture class="image__adaptive">
1858    
1859
1860
1861
1862
1863
1864
1865
1866
1867
1868
1869
1870
1871
1872    
1873  
1874<source data-src="//5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=2000" alt="5 Seconds of Summer Official Store" srcset="//5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=100 100w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=300 300w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=400 400w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=500 500w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=600 600w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=800 800w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=1200 1200w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=1600 1600w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=2000 2000w" width="2000" height="250" loading="eager" sizes="(min-width: 768px) 130px, 130px" media="(min-width: 760px)">
1875
1876
1877
1878    
1879
1880
1881
1882
1883
1884
1885
1886
1887
1888
1889
1890
1891
1892  
1893<img src="//5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=825" alt="5 Seconds of Summer Official Store" srcset="//5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=100 100w, //5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=300 300w, //5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=400 400w, //5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=500 500w, //5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=600 600w, //5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=800 800w" width="825" height="200" loading="eager" sizes="(min-width: 768px) 130px, 130px" class="w-full object-cover image__responsive">
1894
1895
1896
1897  </picture>
1898
1899
1900    
1901  </a></h1>
1902  </div>
1903</div>
1904        
1905    
1906      
1907          
1908
1909<div class="header__column header__column--2 header__column--actions flex col-span-2 justify-end items-center"  >
1910  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
1911    
1912
1913
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924
1925
1926
1927
1928
1929
1930
1931
1932
1933
1934
1935
1936
1937   
1938  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline" tabindex="-1">
1939    
1940  <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-s
1940pace min-h-min-click-space">
1941    
1942      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
1943        
1944
1945
1946
1947  
1948  
1949  
1950      
1951      
1952          
1953          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
1954            <path d="M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM475.6 240L520.6 80H131.1L161.6 240H475.6zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z"/>
1955          </svg>
1956      
1957  
1958
1959      </div>
1960      <span class="sr-only">Cart</span>
1961    
1962    <div id="header-cart-count" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-tertiary c-text-tertiary-on empty:hidden"></div>
1963    
1964  </a>
1965
1966  </cart-drawer-toggle-button>
1967
1968    
1969
1970  </div>
1971</div>
1972          
1973        
1974    
1975  </div>
1976  
1977  
1978
1979  
1980
1981  
1982
1983
1984
1985
1986</div>
1987
1988</header><header id="shopify-section-sections--29648606789713__header-md" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid"><style>
1989	#shopify-section-sections--29648606789713__header-md {
1990		position: sticky;top: 0;z-index: 999997;
1991    width: 100%;
1992	}
1993	</style>
1994  
1994<script>document.getElementById('shopify-section-sections--29648606789713__header-md').classList.add('umg-sticky', 'transition-[transform]')</script>
1994
1995
1996
1997
1998
1999
2000
2001<div id="header-md-wrapper--29648606789713" class="header__wrapper header__wrapper--md scheme-scheme1 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible mb-none border-none c-border-default-color border-x-0 border-t-0" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false, dropDownMenuOpen: null }" data-position="static_sticky_header" style=" --icon-width: 1.25rem; --icon-height: 1.25rem; ">
2002  <div id="header-md-container--29648606789713" class="header__container header__container--md grid gap-y-sm-sm gap-x-sm-sm grid-cols-12 section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-md max-w-xl md:px-container-md md:max-w-xl mx-auto text-center" >
2003    
2004      
2005          
2006
2007<div class="header__column header__column--0 header__column--logo flex col-span-4 justify-start items-center" >
2008  <div x-ref="logoContainer" class="logo-container" >
2009    
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027<h1>
2028    <span class="sr-only">Video</span>
2029  
2030
2031  
2032  
2033
2034  
2035  
2036
2037  
2038
2039  
2040
2041  <a class="logo-cntr block" href="/" style=" --logo-width: 25.0rem; " title="5 Seconds of Summer Official Store">
2042    
2043      
2044
2045            
2046
2047
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057
2058  <picture class="image__adaptive">
2059    
2060
2061
2062
2063
2064
2065
2066
2067
2068
2069
2070
2071
2072
2073    
2074  
2075<source data-src="//5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=2000" alt="5 Seconds of Summer Official Store" srcset="//5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=100 100w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=300 300w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=400 400w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=500 500w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=600 600w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=800 800w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=1200 1200w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=1600 1600w, //5sos.com/cdn/shop/files/logo-main_2.png?v=1758728336&amp;width=2000 2000w" width="2000" height="250" loading="eager" sizes="(min-width: 768px) 400px, 400px" media="(min-width: 760px)">
2076
2077
2078
2079    
2080
2081
2082
2083
2084
2085
2086
2087
2088
2089
2090
2091
2092
2093  
2094<img src="//5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=825" alt="5 Seconds of Summer Official Store" srcset="//5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=100 100w, //5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=300 300w, //5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=400 400w, //5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=500 500w, //5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=600 600w, //5sos.com/cdn/shop/files/l38fgei3o.png?v=1761238223&amp;width=800 800w" width="825" height="200" loading="eager" sizes="(min-width: 768px) 400px, 400px" class="w-full object-cover image__responsive">
2095
2096
2097
2098  </picture>
2099
2100
2101    
2102  </a></h1>
2103  </div>
2104</div>
2105        
2106    
2107      
2108          
2109
2110<div class="mega-menu flex items-center col-span-7" >
2111  
2112
2113
2114
2115
2116
2117
2118
2119
2120
2121
2122
2123
2124
2125
2126
2127
2128
2129
2130
2131
2132<div class="mega-menu w-full overscroll-contain"
2133  x-data="{
2134    activeMenu: null,
2135    isOpen: false,
2136    close() {
2137      this.isOpen = false;
2138      this.activeMenu = null;
2139    },
2140    handleKeydown(e) {
2141      if (e.key === 'Escape') {
2142        this.close()
2143      }
2144    }
2145  }"
2146  @keydown="handleKeydown($event)">
2147  <nav class="mega-menu__nav" aria-label="Header main menu">
2148    <ul class="mega-menu__primary-list flex items-center w-full flex-wrap gap-x-lg-sm text-right justify-end" role="menubar">
2149      
2150        
2151
2152        
2153        
2154        
2155
2156        
2157        
2158
2159        <li class="mega-menu__primary-item grow-0 "
2160          x-data="{ id: 'home' }"
2161          role="none"
2162          
2163        >
2164          <a
2165            
2166              href="/"
2167            
2168            
2169            :id="'button-' + id"
2170            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs c-text-primary no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2171            
2172            role="menuitem"
2173          >
2174            HOME
2175            
2176          </a>
2177
2178          
2179        </li>
2180      
2181        
2182
2183        
2184        
2185        
2186
2187        
2188        
2189
2190        <li class="mega-menu__primary-item grow-0 "
2191          x-data="{ id: 'music' }"
2192          role="none"
2193          
2194        >
2195          <a
2196            
2197              href="https://5secondsofsummer.lnk.to/EAS"
2198            
2199            
2200            :id="'button-' + id"
2201            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs c-text-primary no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2202            
2203            role="menuitem"
2204          >
2205            MUSIC
2206            
2207          </a>
2208
2209          
2210        </li>
2211      
2212        
2213
2214        
2215        
2216        
2217
2218        
2219        
2220
2221        <li class="mega-menu__primary-item grow-0 "
2222          x-data="{ id: 'video' }"
2223          role="none"
2224          
2225        >
2226          <a
2227            
2228              href="/pages/video"
2229            
2230            
2231              aria-current="page"
2232            
2233            :id="'button-' + id"
2234            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--active no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2235            
2236            role="menuitem"
2237          >
2238            VIDEO
2239            
2240          </a>
2241
2242          
2243        </li>
2244      
2245        
2246
2247        
2248        
2249        
2250
2251        
2252        
2253
2254        <li class="mega-menu__primary-item grow-0 "
2255          x-data="{ id: 'tour' }"
2256          role="none"
2257          
2258            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
2259          
2260        >
2261          <button
2262            
2263            
2264            :id="'button-' + id"
2265            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--has-submenu c-text-primary no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline group-[.child-active]:no-underline"
2266            
2267              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
2268              :aria-expanded="activeMenu === id ? 'true' : 'false'"
2269              aria-haspopup="true"
2270              :aria-controls="'dropdown-' + id"
2271              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
2272              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
2273            
2274            role="menuitem"
2275          >
2276            TOUR
2277            
2278              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
2279                
2280
2281
2282
2283  
2284  
2285  
2286  
2287      
2288      
2289          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
2290            <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/>
2291          </svg>
2292        
2293  
2294
2295              </span>
2296            
2297          </button>
2298
2299          
2300            
2301            
2302              
2303              
2304                
2305
2306
2307
2308
2309
2310
2311
2312
2313
2314
2315
2316
2317
2318
2319
2320
2321
2322
2323
2324
2325
2326
2327
2328
2329
2330<div
2331  class="mega-menu__dropdown absolute shadow-lg min-w-[240px] max-w-[300px] z-100 max-h-[calc(100vh-var(--header-group-height)-44px)] overflow-y-auto text-left c-bg-tertiary c-text-tertiary-on -mx-lg-md"
2332  x-cloak
2333  x-show="activeMenu === id"
2334  x-trap.noscroll="activeMenu === id"
2335  :id="'dropdown-' + id"
2336  :aria-labelledby="'button-' + id"
2337  x-transition:enter="transition ease-out duration-200"
2338  x-transition:enter-start="opacity-0 -translate-y-1"
2339  x-transition:enter-end="opacity-100 translate-y-0"
2340  x-transition:leave="transition ease-in duration-150"
2341  x-transition:leave-start="opacity-100 translate-y-0"
2342  x-transition:leave-end="opacity-0 -translate-y-1"
2343  @keydown.escape.prevent.stop="close()"
2344  @click.away="close()"
2345>
2346  <div class="mega-menu__dropdown-container mx-auto w-full p-lg-md">
2347    <ul
2348      class="dropdown__stack flex flex-col items-start gap-sm-sm"
2349      role="menu"
2350    >
2351      
2352        
2353        
2354
2355        
2356        
2357
2358        
2359        
2360
2361        
2362        
2363
2364        
2365        
2366
2367        
2368        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
2369          <a
2370            href="/pages/tour-hub"
2371            class="dropdown__child-link text_navigation_md c-text-content-base no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2372            role="menuitem"
2373            
2374            :tabindex="activeMenu === id ? '0' : '-1'"
2375            @keydown.enter.prevent="window.location.href='/pages/tour-hub'"
2376            @keydown.space.prevent="window.location.href='/pages/tour-hub'"
2377          >
2378            Tour Hub
2379          </a>
2380          
2381        </li>
2382      
2383        
2384        
2385
2386        
2387        
2388
2389        
2390        
2391
2392        
2393        
2394
2395        
2396        
2397
2398        
2399        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
2400          <a
2401            href="https://globalmerch.co/tourstore"
2402            class="dropdown__child-link text_navigation_md c-text-content-base no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2403            role="menuitem"
2404            
2405            :tabindex="activeMenu === id ? '0' : '-1'"
2406            @keydown.enter.prevent="window.location.href='https://globalmerch.co/tourstore'"
2407            @keydown.space.prevent="window.location.href='https://globalmerch.co/tourstore'"
2408          >
2409            Tour Store
2410          </a>
2411          
2412        </li>
2413      
2414        
2415        
2416
2417        
2418        
2419
2420        
2421        
2422
2423        
2424        
2425
2426        
2427        
2428
2429        
2430        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
2431          <a
2432            href="/pages/tour"
2433            class="dropdown__child-link text_navigation_md c-text-content-base no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2434            role="menuitem"
2435            
2436            :tabindex="activeMenu === id ? '0' : '-1'"
2437            @keydown.enter.prevent="window.location.href='/pages/tour'"
2438            @keydown.space.prevent="window.location.href='/pages/tour'"
2439          >
2440            All Dates
2441          </a>
2442          
2443        </li>
2444      
2445    </ul>
2446  </div>
2447</div>
2448              
2449            
2450
2451            
2452          
2453        </li>
2454      
2455        
2456
2457        
2458        
2459        
2460
2461        
2462        
2463
2464        <li class="mega-menu__primary-item grow-0 "
2465          x-data="{ id: 'shop' }"
2466          role="none"
2467          
2468            @click="if(activeMenu == id) { close(); } else { close(); $nextTick(() => { activeMenu = id; isOpen = true; }); }"
2469          
2470        >
2471          <button
2472            
2473            
2474            :id="'button-' + id"
2475            class="mega-menu__primary-link text_navigation_lg flex justify-center items-center gap-sm-xs py-lg-2xs mega-menu__primary-link--has-submenu c-text-primary no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline group-[.child-active]:no-underline"
2476            
2477              :class="activeMenu === id ? 'mega-menu__primary-link--active' : ''"
2478              :aria-expanded="activeMenu === id ? 'true' : 'false'"
2479              aria-haspopup="true"
2480              :aria-controls="'dropdown-' + id"
2481              @keydown.arrow-down.prevent="$refs.submenu?.querySelector('[role=menuitem]')?.focus()"
2482              @keydown.arrow-up.prevent="$refs.submenu?.querySelector('[role=menuitem]:last-child')?.focus()"
2483            
2484            role="menuitem"
2485          >
2486            SHOP
2487            
2488              <span class="mega-menu__primary-link-icon w-1em h-1em" :class="activeMenu === id ? 'rotate-180' : ''" aria-hidden="true">
2489                
2490
2491
2492
2493  
2494  
2495  
2496  
2497      
2498      
2499          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
2500            <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/>
2501          </svg>
2502        
2503  
2504
2505              </span>
2506            
2507          </button>
2508
2509          
2510            
2511            
2512              
2513              
2514                
2515
2516
2517
2518
2519
2520
2521
2522
2523
2524
2525
2526
2527
2528
2529
2530
2531
2532
2533
2534
2535
2536
2537
2538
2539
2540<div
2541  class="mega-menu__dropdown absolute shadow-lg min-w-[240px] max-w-[300px] z-100 max-h-[calc(100vh-var(--header-group-height)-44px)] overflow-y-auto text-left c-bg-tertiary c-text-tertiary-on -mx-lg-md"
2542  x-cloak
2543  x-show="activeMenu === id"
2544  x-trap.noscroll="activeMenu === id"
2545  :id="'dropdown-' + id"
2546  :aria-labelledby="'button-' + id"
2547  x-transition:enter="transition ease-out duration-200"
2548  x-transition:enter-start="opacity-0 -translate-y-1"
2549  x-transition:enter-end="opacity-100 translate-y-0"
2550  x-transition:leave="transition ease-in duration-150"
2551  x-transition:leave-start="opacity-100 translate-y-0"
2552  x-transition:leave-end="opacity-0 -translate-y-1"
2553  @keydown.escape.prevent.stop="close()"
2554  @click.away="close()"
2555>
2556  <div class="mega-menu__dropdown-container mx-auto w-full p-lg-md">
2557    <ul
2558      class="dropdown__stack flex flex-col items-start gap-sm-sm"
2559      role="menu"
2560    >
2561      
2562        
2563        
2564
2565        
2566        
2567
2568        
2569        
2570
2571        
2572        
2573
2574        
2575        
2576
2577        
2578        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
2579          <a
2580            href="/collections/all"
2581            class="dropdown__child-link text_navigation_md c-text-content-base no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2582            role="menuitem"
2583            
2584            :tabindex="activeMenu === id ? '0' : '-1'"
2585            @keydown.enter.prevent="window.location.href='/collections/all'"
2586            @keydown.space.prevent="window.location.href='/collections/all'"
2587          >
2588            SHOP ALL
2589          </a>
2590          
2591        </li>
2592      
2593        
2594        
2595
2596        
2597        
2598
2599        
2600        
2601
2602        
2603        
2604
2605        
2606        
2607
2608        
2609        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
2610          <a
2611            href="https://tourstore.5sos.com/"
2612            class="dropdown__child-link text_navigation_md c-text-content-base no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2613            role="menuitem"
2614            
2615            :tabindex="activeMenu === id ? '0' : '-1'"
2616            @keydown.enter.prevent="window.location.href='https://tourstore.5sos.com/'"
2617            @keydown.space.prevent="window.location.href='https://tourstore.5sos.com/'"
2618          >
2619            TOUR STORE
2620          </a>
2621          
2622        </li>
2623      
2624        
2625        
2626
2627        
2628        
2629
2630        
2631        
2632
2633        
2634        
2635
2636        
2637        
2638
2639        
2640        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
2641          <a
2642            href="/collections/merch"
2643            class="dropdown__child-link text_navigation_md c-text-content-base no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2644            role="menuitem"
2645            
2646            :tabindex="activeMenu === id ? '0' : '-1'"
2647            @keydown.enter.prevent="window.location.href='/collections/merch'"
2648            @keydown.space.prevent="window.location.href='/collections/merch'"
2649          >
2650            MERCH
2651          </a>
2652          
2653        </li>
2654      
2655        
2656        
2657
2658        
2659        
2660
2661        
2662        
2663
2664        
2665        
2666
2667        
2668        
2669
2670        
2671        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
2672          <a
2673            href="/collections/vinyl"
2674            class="dropdown__child-link text_navigation_md c-text-content-base no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2675            role="menuitem"
2676            
2677            :tabindex="activeMenu === id ? '0' : '-1'"
2678            @keydown.enter.prevent="window.location.href='/collections/vinyl'"
2679            @keydown.space.prevent="window.location.href='/collections/vinyl'"
2680          >
2681            VINYL
2682          </a>
2683          
2684        </li>
2685      
2686        
2687        
2688
2689        
2690        
2691
2692        
2693        
2694
2695        
2696        
2697
2698        
2699        
2700
2701        
2702        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
2703          <a
2704            href="/collections/cds"
2705            class="dropdown__child-link text_navigation_md c-text-content-base no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2706            role="menuitem"
2707            
2708            :tabindex="activeMenu === id ? '0' : '-1'"
2709            @keydown.enter.prevent="window.location.href='/collections/cds'"
2710            @keydown.space.prevent="window.location.href='/collections/cds'"
2711          >
2712            CDs
2713          </a>
2714          
2715        </li>
2716      
2717        
2718        
2719
2720        
2721        
2722
2723        
2724        
2725
2726        
2727        
2728
2729        
2730        
2731
2732        
2733        <li class="dropdown__child-item flex flex-col justify-center items-end gap-sm-sm" role="none">
2734          <a
2735            href="/collections/digital"
2736            class="dropdown__child-link text_navigation_md c-text-content-base no-underline hover:!underline decoration-[var(--border-default-width)] underline-offset-[4px] active:no-underline group-[.is-current-page]:no-underline aria-expanded:no-underline has-[.is-current-page]:no-underline has-[aria-current]:no-underline aria-[current]:no-underline"
2737            role="menuitem"
2738            
2739            :tabindex="activeMenu === id ? '0' : '-1'"
2740            @keydown.enter.prevent="window.location.href='/collections/digital'"
2741            @keydown.space.prevent="window.location.href='/collections/digital'"
2742          >
2743            DIGITAL
2744          </a>
2745          
2746        </li>
2747      
2748    </ul>
2749  </div>
2750</div>
2751              
2752            
2753
2754            
2755          
2756        </li>
2757      
2758    </ul>
2759  </nav>
2760
2761  <template x-teleport="#header-md-wrapper--29648606789713">
2762    <button
2763      class="umg-backdrop block w-screen h-screen absolute left-0 right-0 bottom-0 top-full z-1"
2764      x-cloak
2765      x-show="activeMenu"
2766      x-transition.opacity
2767      aria-hidden="true"
2768      tabindex="-1"
2769      @click="close()">
2770      <span class="sr-only">Close navigation menu</span>
2771    </button>
2772  </template>
2773</div>
2774</div>
2775
2776        
2777    
2778      
2779          
2780
2781<div class="header__column header__column--2 header__column--actions flex col-span-1 justify-end items-center"  >
2782  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs">
2783    
2784
2785
2786
2787<a href="https://shopify.com/97340424273/account/orders?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiI1c29zLW9mZmljaWFsLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTUyOTgyMywibmJmIjoxNzkwOTI1MDIzfQ.w7--tdlE5h-ybo1MoAJiSSnO1k5_9AgDAzMbcMaJ4yE" class="header__action header__action--account-link text_navigation_md no-underline hover:no-underline c-text-primary flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space block overflow-hidden">
2788  
2789      <div class="icon-wrapper">
2790        
2791
2792
2793
2794  
2795  
2796  
2797      
2798      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor">
2799        <path d="M272 304h-96C78.8 304 0 382.8 0 480c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32C448 382.8 369.2 304 272 304zM48.99 464C56.89 400.9 110.8 352 176 352h96c65.16 0 119.1 48.95 127 112H48.99zM224 256c70.69 0 128-57.31 128-128c0-70.69-57.31-128-128-128S96 57.31 96 128C96 198.7 153.3 256 224 256zM224 48c44.11 0 80 35.89 80 80c0 44.11-35.89 80-80 80S144 172.1 144 128C144 83.89 179.9 48 224 48z"/>
2800      </svg>
2801  
2802
2803        <span class="sr-only">Account</span>
2804      </div>
2805    
2806</a>
2807
2808
2809
2810
2811
2812
2813
2814
2815
2816
2817
2818
2819
2820
2821
2822
2823
2824
2825
2826
2827
2828
2829
2830
2831
2832
2833   
2834  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline hover:no-underline c-text-primary" tabindex="-1">
2835    
2836  <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center min-w-min-click-space min-h-min-click-space">
2837    
2838      <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center">
2839        
2840
2841
2842
2843  
2844  
2845  
2846      
2847      
2848          
2849          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon icon--cart umg-icon" fill="currentColor">
2850            <path d="M96 0C107.5 0 117.4 8.19 119.6 19.51L121.1 32H541.8C562.1 32 578.3 52.25 572.6 72.66L518.6 264.7C514.7 278.5 502.1 288 487.8 288H170.7L179.9 336H488C501.3 336 512 346.7 512 360C512 373.3 501.3 384 488 384H159.1C148.5 384 138.6 375.8 136.4 364.5L76.14 48H24C10.75 48 0 37.25 0 24C0 10.75 10.75 0 24 0H96zM475.6 240L520.6 80H131.1L161.6 240H475.6zM128 464C128 437.5 149.5 416 176 416C202.5 416 224 437.5 224 464C224 490.5 202.5 512 176 512C149.5 512 128 490.5 128 464zM512 464C512 490.5 490.5 512 464 512C437.5 512 416 490.5 416 464C416 437.5 437.5 416 464 416C490.5 416 512 437.5 512 464z"/>
2851          </svg>
2852      
2853  
2854
2855      </div>
2856      <span class="sr-only">Cart</span>
2857    
2858    <div id="header-cart-count_md" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-tertiary c-text-tertiary-on empty:hidden"></div>
2859    
2860  </a>
2861
2862  </cart-drawer-toggle-button>
2863
2864    
2865
2866  </div>
2867</div>
2868          
2869        
2870    
2871  </div>
2872  
2873  
2874
2875  
2876
2877  
2878
2879
2880
2881</div>
2882
2883</header><aside id="shopify-section-sections--29648606789713__global-messaging" class="shopify-section shopify-section-group-header-group global-messaging"></aside><aside id="shopify-section-sections--29648606789713__soft-redirect" class="shopify-section shopify-section-group-header-group section-soft-redirects">
2884 
2885  
2886
2887
2888  
2889  
2890
2891  
2892  
2893
2894  
2895  
2896
2897  
2898  
2899  
2900  
2901
2902  
2903  
2904
2905  
2906  
2907    
2908      
2909
2910
2911
2912
2913
2914
2915
2916
2917<div class="w-full soft-redirect soft-redirect--inline" x-data="{ softRedirectVisible: $persist(true).using(sessionStorage) }" :class="{ 'hidden': !softRedirectVisible }">
2918  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden hidden" data-geo-show="AU,BE,BR,CA,DE,ES,FR,IT,JP,MX,MY,NL,PL,GB">
2919    <div class="section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-xs max-w-full md:px-container-xs md:max-w-full">
2920      <div class="section__container grid py-none px-none md:px-none gap-y-none rounded-none shadow-none flex flex-col gap-y-sm-sm justify-center text-center">
2921        
2922    
2923    
2924    <h2 class="text_heading_lg">Looks like you are in <span data-geo-countryname-replace></span>.</h2>
2925    <p class="text_body_md">Would you like to visit your local store?</p>
2926    <ul class="flex flex-col md:flex-row gap-sm-sm justify-center items-stretch text-center">
2927      
2928
2929        
2930        
2931
2932        
2933          
2934          <li class="hidden" data-geo-show="AU">
2935            <a class="block w-full btn btn--primary" href="https://aus.5sos.com/">Take me there</a>
2936          </li>
2937        
2938
2939        
2940        
2941
2942        
2943          
2944          <li class="hidden" data-geo-show="BE">
2945            <a class="block w-full btn btn--primary" href="https://musicstation.be/collections/5-seconds-of-summer">Take me there</a>
2946          </li>
2947        
2948
2949        
2950        
2951
2952        
2953          
2954          <li class="hidden" data-geo-show="BR">
2955            <a class="block w-full btn btn--primary" href="https://www.umusicstore.com/5-seconds-of-summer">Take me there</a>
2956          </li>
2957        
2958
2959        
2960        
2961
2962        
2963          
2964          <li class="hidden" data-geo-show="CA">
2965            <a class="block w-full btn btn--primary" href="https://www.umusic.ca/collections/5-seconds-of-summer">Take me there</a>
2966          </li>
2967        
2968
2969        
2970        
2971
2972        
2973          
2974          <li class="hidden" data-geo-show="DE">
2975            <a class="block w-full btn btn--primary" href="https://thecircle.de/collections/5-seconds-of-summer">Take me there</a>
2976          </li>
2977        
2978
2979        
2980        
2981
2982        
2983          
2984          <li class="hidden" data-geo-show="ES">
2985            <a class="block w-full btn btn--primary" href="https://universalmusiconline.es/collections/5-seconds-of-summer">Take me there</a>
2986          </li>
2987        
2988
2989        
2990        
2991
2992        
2993          
2994          <li class="hidden" data-geo-show="FR">
2995            <a class="block w-full btn btn--primary" href="https://vinylcollector.store/collections/5-seconds-of-summer">Take me there</a>
2996          </li>
2997        
2998
2999        
3000        
3001
3002        
3003          
3004          <li class="hidden" data-geo-show="IT">
3005            <a class="block w-full btn btn--primary" href="https://shop.universalmusic.it/collections/5-seconds-of-summer">Take me there</a>
3006          </li>
3007        
3008
3009        
3010        
3011
3012        
3013          
3014          <li class="hidden" data-geo-show="JP">
3015            <a class="block w-full btn btn--primary" href="https://store.universal-music.co.jp/collections/5sos">Take me there</a>
3016          </li>
3017        
3018
3019        
3020        
3021
3022        
3023          
3024          <li class="hidden" data-geo-show="MX">
3025            <a class="block w-full btn btn--primary" href="https://udiscover.mx/collections/5-seconds-of-summer">Take me there</a>
3026          </li>
3027        
3028
3029        
3030        
3031
3032        
3033          
3034          <li class="hidden" data-geo-show="MY">
3035            <a class="block w-full btn btn--primary" href="https://umusic.my/collections/5-seconds-of-summer">Take me there</a>
3036          </li>
3037        
3038
3039        
3040        
3041
3042        
3043          
3044          <li class="hidden" data-geo-show="NL">
3045            <a class="block w-full btn btn--primary" href="https://www.platenzaak.nl/collections/5-seconds-of-summer">Take me there</a>
3046          </li>
3047        
3048
3049        
3050        
3051
3052        
3053          
3054          <li class="hidden" data-geo-show="PL">
3055            <a class="block w-full btn btn--primary" href="https://muzyka.sklep.pl/5-seconds-of-summer">Take me there</a>
3056          </li>
3057        
3058
3059        
3060        
3061
3062        
3063          
3064          <li class="hidden" data-geo-show="GB">
3065            <a class="block w-full btn btn--primary" href="http://uk.5sos.com/">Take me there</a>
3066          </li>
3067        
3068
3069      <li>
3070        <button class="block w-full btn btn--secondary" x-on:click="softRedirectVisible = false; const dialog = $event.target.closest('dialog'); dialog.classList.add('hidden'); dialog.close()">Stay here</button>
3071      </li>
3072    </ul>
3073  
3074      </div>
3075    </div>
3076  </div>
3077</div>
3078
3079    
3080  
3081
3082</aside>
3083<!-- END sections: header-group --><cart-drawer hidden id="cart-drawer" class="cart-drawer fixed z-[1000002] top-0 max-w-11/12 h-full w-full md:max-w-xs motion-safe:animate-none right-0 translate-x-full transition-transform duration-300 ease-in-out">
3084
3085
3086
3087
3088
3089
3090
3091
3092
3093
3094
3095
3096
3097
3098
3099
3100
3101
3102
3103
3104 
3105  <style>
3106    .cart-drawer.active {
3107      transform: translateX(0);
3108    }
3109  </style>
3110  <div class="cart-drawer__innerwrapper grid grid-rows-[auto_1fr_auto] h-full overflow-y-scroll overscroll-x-contain cart-drawer--empty section__container grid py-none px-none md:px-none gap-y-sm-md c-bg-background c-text-content-base border-none c-border-surface rounded-none shadow-none rounded-tr-none rounded-br-none border-r-0">
3111    <div class="cart-drawer__header flex justify-between items-start px-sm-md pt-sm-xl">
3112      
3113      <button class="cart-drawer__close ml-auto appearance-none h-[3rem] w-[3rem] p-sm-xs">
3114        <span class="sr-only">Close cart</span>
3115        
3116
3117
3118
3119  
3120  
3121  
3122      
3123      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
3124        <path d="M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z"/>
3125      </svg>
3126  
3127
3128      </button>
3129    </div>
3130
3131    <div class="cart-drawer__main grow flex flex-col items-stretch px-sm-md" id="cart-drawer-main">
3132      
3133
3134
3135
3136  <div class="cart__empty grow flex flex-col justify-center items-center gap-sm-lg">
3137
3138    <h4 class="cart__empty-title text_heading_lg">Your cart is empty</h4>
3139    <p class="cart__empty-message text_body">Time to fill up the cart</p>
3140
3141    <cart-drawer-toggle-button class="cart__empty-action" tabindex="0">
3142      
3143      
3144      <button class="btn btn--primary block z-10 relative">Continue shopping</button>
3145    </cart-drawer-toggle-button>
3146  </div>
3147    </div>
3148    
3149  </div>
3150
3151  
3152
3153
3154</cart-drawer><main id="MainContent" role="main" class="z-10 grow scroll-mt-[var(--header-sticky-height)]"><!-- BEGIN sections: template-pages-under-header-group -->
3155
3156<!-- END sections: template-pages-under-header-group --><aside id="shopify-section-template--29648610689105__spacer_rkTeyg" class="shopify-section spacer">
3157
3158
3159
3160
3161
3162
3163
3164
3165
3166
3167
3168
3169
3170  
3171
3172  <div class="spacer__wrapper section__wrapper c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
3173    
3174
3175    
3176    
3177      
3178  <div class="spacer__spacing section-spacing mx-auto w-full relative z-10 py-container-xs px-none max-w-full md:px-none md:max-w-full">
3179  </div>
3180
3181    
3182  </div>
3183
3184  
3185
3186
3187
3188
3189
3190</aside><section id="shopify-section-template--29648610689105__media-section" class="shopify-section media-section">
3191
3192
3193
3194
3195
3196
3197
3198
3199
3200
3201
3202
3203
3204  
3205
3206  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden">
3207    
3208
3209    
3210    
3211      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
3212        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none border-none c-border-gray-500 rounded-none shadow-none">
3213          <div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 py-none px-none max-w-lg md:px-none md:max-w-lg">
3214              <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent rounded-none shadow-none">
3215  <div class="media-section__wrapper grid grid-cols-[repeat(var(--gridColsMobile),1fr)] md:grid-cols-[repeat(var(--gridColsDesktop),1fr)] gap-lg-md md:gap-container-md" style="--gridColsMobile: 1; --gridColsDesktop: 1;">
3216
3217      
3218
3219
3220
3221
3222
3223
3224
3225
3226
3227
3228
3229
3230
3231
3232
3233
3234
3235
3236
3237
3238<div class="media-item media-item-image-overlay flex flex-col relative w-full justify-end px-none py-none">
3239  <div class="grid grid-cols-1 grid-rows-1">
3240    <div class="image-wrapper relative w-full overflow-hidden col-start-1 col-end-1 row-start-1 row-end-1">
3241      
3242
3243
3244
3245
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255  <picture class="image__adaptive w-full">
3256    
3257
3258
3259
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270    
3271  
3272<source data-src="//5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=625" alt="VIDEO" srcset="//5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=100 100w, //5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=300 300w, //5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=400 400w, //5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=500 500w, //5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=600 600w" width="625" height="625" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 100vw, (min-width: 760px and max-width: 75rem) 100vw, (min-width: 1024px) 75rem, (max-width: 759px) 100vw," media="(min-width: 760px)">
3273
3274
3275
3276    
3277
3278
3279
3280
3281
3282
3283
3284
3285
3286
3287
3288
3289
3290  
3291<img src="//5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=600" alt="VIDEO" srcset="//5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=100 100w, //5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=300 300w, //5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=400 400w, //5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=500 500w, //5sos.com/cdn/shop/files/5djd83s-full.png?v=1760022110&amp;width=600 600w" width="600" height="600" loading="eager" sizes="(min-width: 1024px and max-width: 75rem) 100vw, (min-width: 760px and max-width: 75rem) 100vw, (min-width: 1024px) 75rem, (max-width: 759px) 100vw," class="w-full image__responsive">
3292
3293
3294
3295  </picture>
3296
3297    </div></div>
3298</div>
3299
3300
3301</div>
3302</div>
3303            </div></div>
3304        </div>
3305      </div>
3306
3307
3308
3309  </div>
3310
3311  
3312
3313
3314
3315
3316
3317
3318
3319<style> #shopify-section-template--29648610689105__media-section {position: relative; z-index: 1;} #shopify-section-template--29648610689105__media-section .section__wrapper {overflow: visible;} #shopify-section-template--29648610689105__media-section .media-item {pointer-events: none; width: 28%; max-width: 11.25rem; margin-right: 0; margin-left: auto;} @media (min-width: 768px) {#shopify-section-template--29648610689105__media-section .media-item {width: 20%; margin-bottom: -15rem; }} @media (min-width: 768px) and (max-width: 75rem) {#shopify-section-template--29648610689105__media-section .media-item > .grid {transform: translateX(10%); }} @media (min-width: 1025px) {#shopify-section-template--29648610689105__media-section .media-item > .grid {transform: translateX(0); }} #shopify-section-template--29648610689105__media-section .image-wrapper {pointer-events: auto;} </style></section><section id="shopify-section-template--29648610689105__hero_banner_EkXKVN" class="shopify-section hero-banner">
3320
3321
3322
3323
3324
3325
3326
3327
3328
3329
3330
3331
3332
3333
3334
3335
3336
3337
3338
3339
3340
3341
3342
3343
3344
3345
3346
3347  
3348
3349  <div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden custom-video-carousel">
3350    
3351
3352    
3353    
3354      <div class="content-wrapper w-full col-start-1 row-start-1 col-span-1 row-span-1 py-none">
3355        <div class="wrapper-container w-full section__container grid py-none px-none md:px-none gap-y-none rounded-none shadow-none">
3356          <div class="section-container-gap grid gap-y-lg-md"><div class="section-spacing mx-auto w-full relative z-10 py-none px-lg-md max-w-lg md:px-container-md md:max-w-lg">
3357              <div class="section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-transparent roun
3357ded-none shadow-none">
3358  <div id="hero-template--29648610689105__hero_banner_EkXKVN" class="hero-banner__wrapper swiper__parent min-w-full flex flex-col relative w-full custom-video-carousel scheme-scheme1">
3359    
3360      
3361
3362      
3363
3364      
3365
3366      
3367      
3368        
3369
3370
3371
3372
3373
3374
3375
3376
3377
3378
3379
3380
3381
3382
3383
3384
3385
3386
3387
3388<div
3389  data-items-element="swiper__parent"
3390  class="carousel-wrapper min-w-0 relative w-full"
3391  data-carousel-type="hero-banner"
3392  data-carousel-class="carousel-wrapper min-w-0 relative w-full"
3393  data-carousel-layout="carousel"
3394  data-carousel-layout-md="carousel"
3395  data-slides-per-view="1"
3396  data-slides-per-view-md="1"
3397  data-slides-per-view-lg="1"
3398  data-carousel-loop="false"
3399  data-carousel-loop-md="false"
3400  data-carousel-autoplay="0"
3401  data-carousel-peek="false"
3402  data-carousel-peek-md="false"
3403  data-carousel-peek-value="0.15"
3404  data-carousel-dragfree="false"
3405  data-carousel-align="start"
3406  data-carousel-align-md="start"
3407  data-carousel-gap-x="none"
3408  data-carousel-gap-y=""
3409  data-carousel-zoom=""
3410  data-carousel-pagination-type=""
3411  style="--cols: 1; --cols-md: 1; --cols-lg: 1; --peek-value: 0.15; --grid-gap: var(--gap-container-none,0); --grid-gap-x: 0rem; --grid-gap-y: var(--gap-container-,0);"
3412>
3413  <div
3414    data-items-element="swiper__viewport"
3415    class="w-full min-w-0 overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none"
3416    data-carousel-class="w-full min-w-0 overflow-hidden [&~.carousel-nav]:hidden [&.swiper-initialized~.carousel-nav]:flex [&~.swiper__pagination]:hidden [&.swiper-initialized~.swiper__pagination]:flex swiper__viewport md:px-none">
3417    
3418    <ul
3419      data-items-element="swiper-wrapper"
3420      class="gap-var-grid-gap-x columns-var-cols overflow-hidden"
3421      data-initial-class="gap-var-grid-gap-x columns-var-cols overflow-hidden"
3422      data-class="z-10 relative max-w-full w-full"
3423      data-carousel-class="z-10 relative max-w-full w-full z-10 relative max-w-full w-full"
3424      data-next-url=""
3425      
3426    >
3427      
3428        
3429          
3430
3431    
3432    
3433
3434    
3435    
3436
3437    
3438
3439    
3440
3441    <li
3442      
3443      key="video_banner_youtube_WQgApV"
3444      class="hero-banner__slide flex -outline-offset-4 focus-visible:outline-none group swiper-slide relative break-after-column break-inside-avoid"
3445      data-items-element="swiper-slide"
3446      tabindex="-1"
3447      role="group"
3448      aria-roledescription="slide"
3449      aria-label="Slide 1 of 3"
3450      x-data="{ videoPlaying: false, open: false }"
3451    >
3452        
3453        <div key="video_banner_youtube_WQgApV" class="relative w-full banner-container flex ">
3454          
3455      
3456          
3457
3458
3459
3460
3461
3462
3463  
3464
3465  
3466    <div class="video-wrapper col-start-1 row-start-1 relative w-full h-0 pb-[56.25%] relative md:w-full md:h-0 md:pb-[56.25%]">
3467      <div class="video-umg-playback grid grid-cols-1 grid-rows-1 absolute top-0 left-0 w-full h-full object-cover md:absolute md:top-0 md:left-0 md:w-full md:h-full md:object-cover">
3468        
3469        
3470        
3471        
3472
3473
3474
3475
3476
3477
3478
3479
3480
3481
3482
3483
3484
3485
3486
3487
3488
3489
3490
3491
3492
3493
3494
3495
3496
3497
3498
3499
3500
3501
3502<div class="video-wrapper w-full relative overflow-hidden h-0 pb-[56.25%]" >
3503  <div class="video-embedded grid grid-cols-1 grid-rows-1 absolute top-0 left-0 right-0 bottom-0 w-full h-full object-cover">
3504    
3505      
3506    
3507<iframe 
3508        id="video_banner_youtube_WQgApV"
3509        data-youtube-id="N3LNyYbnuVY"
3510        data-video-embedded="true"
3511        
3512         x-show="open"  
3513        class="js-youtube col-start-1 row-start-1 w-full absolute top-0 left-0 right-0 bottom-0 w-full h-full object-cover"
3514        loading="lazy"
3515        lazy-iframe data-src="https://www.youtube.com/embed/N3LNyYbnuVY?enablejsapi=1&playlist=N3LNyYbnuVY&loop=0&autoplay=0&controls=1&mute=0"
3516        allow="autoplay; encrypted-media" allowfullscreen aria-label=""></iframe>
3517        
3518
3519
3520
3521
3522
3523
3524
3525
3526
3527
3528
3529
3530
3531
3532
3533
3534
3535
3536
3537
3538
3539
3540
3541<video-player-button-embedded
3542  :data-play="open" x-show="open"
3543  data-autoplay="0"
3544  aria-controls="video_banner_youtube_WQgApV"
3545  data-state="play"
3546  aria-expanded="false"
3547  class="video-player__button group peer absolute sr-only cursor-pointer z-100 flex justify-center items-center min-w-min-click-s
3547pace min-h-min-click-space top-1/2 left-1/2 translate-x-[-50%] translate-y-[-50%] scheme-scheme1"
3548  aria-label="Play Button"
3549  aria-pressed="false"
3550  
3551  style="--icon-width: 3.5rem; --icon-height: 3.5rem;"
3552
3553>
3554  <span class="video-player__icon--pause flex group-[[data-state='play']]:hidden">
3555    
3556
3557
3558
3559
3560
3561
3562    
3563        
3564        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="w-full h-full icon icon--pause group-hover:fill-[--color-content-subtle] fill-[--color-primary-on] umg-icon" fill="currentColor">
3565          <path d="M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM288 248C288 234.7 277.3 224 264 224C250.7 224 240 234.7 240 248L240 392C240 405.3 250.7 416 264 416C277.3 416 288 405.3 288 392L288 248zM400 248C400 234.7 389.3 224 376 224C362.7 224 352 234.7 352 248L352 392C352 405.3 362.7 416 376 416C389.3 416 400 405.3 400 392L400 248z"/>
3566        </svg>
3567    
3568  
3569
3570  </span>
3571  <span class="video-player__icon--play group-[[data-state='pause']]:hidden block">
3572    
3573
3574
3575
3576
3577
3578
3579    
3580        
3581        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="w-full h-full icon icon--play group-hover:fill-[--color-content-subtle] fill-[--color-primary-on] umg-icon" fill="currentColor">
3582          <path d="M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM276.5 211.5C269.1 207 259.8 206.8 252.2 211C244.6 215.2 240 223.3 240 232L240 408C240 416.7 244.7 424.7 252.3 428.9C259.9 433.1 269.1 433 276.6 428.4L420.6 340.4C427.7 336 432.1 328.3 432.1 319.9C432.1 311.5 427.7 303.8 420.6 299.4L276.6 211.4zM362 320L288 365.2L288 274.8L362 320z"/>
3583        </svg>
3584    
3585  
3586
3587  </span>
3588</video-player-button-embedded>
3589<div x-show="open" class="video-player__overlay peer-[[aria-expanded='true']]:hidden absolute top-0 left-0 right-0 bottom-0 z-[100] w-full h-full c-bg-transparent"></div>
3590
3591<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/video-button-embedded.bundle.js?v=51936535508683992941782831247"></script>
3591
3592
3593
3594</div>
3595</div>
3596
3597      </div>
3598    </div>
3599  
3600
3601
3602
3603
3604        
3605
3606      
3607        
3608
3609
3610
3611
3612
3613
3614
3615
3616
3617
3618<div
3619  class="absolute z-10 top-0 left-0 w-full h-full banner__fg pointer-events-none"
3620   x-show="!videoPlaying" x-transition.duration.200ms 
3621>
3622  <div class="hero-banner__content w-[var(--width)] md:w-[var(--width--md)] left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] absolute -translate-x-2/4 -translate-y-2/4 scheme-scheme1" style="--width: 80%; --width--md: 50%; --pos-x: 50%; --pos-x--md: 50%; --pos-y: 50%; --pos-y--md: 50%;">
3623    <div class="relative flex flex-col items-center md:items-center text-center md:text-center">
3624      
3625
3626      
3627
3628
3629
3630
3631
3632
3633
3634
3635
3636
3637  <div class="flex flex-col items-start md:items-center mt-lg-md md:flex-row gap-sm-sm justify-center md:justify-center">
3638    
3639      <div class="group">
3640        
3641
3642
3643
3644
3645
3646
3647
3648  
3649    <button class="pointer-events-auto video-embed__trigger btn btn--primary" 
3650  
3651
3652 
3653
3654@click="videoPlaying = true; open = true;"
3655  
3656    data-embedtype="youtube"
3657  
3658  aria-label="Play Video"
3659>
3660      Watch Video
3661    </button>
3662  
3663
3664
3665      </div>
3666    
3667  </div>
3668
3669
3670    </div>
3671  </div>
3672</div>
3673
3674      
3675    
3676        </div>
3677    </li>
3678    
3679    
3680
3681    
3682    
3683
3684    
3685
3686    
3687
3688    <li
3689      
3690      key="video_banner_youtube_XXdPWU"
3691      class="hero-banner__slide flex -outline-offset-4 focus-visible:outline-none group swiper-slide relative break-after-column break-inside-avoid"
3692      data-items-element="swiper-slide"
3693      tabindex="-1"
3694      role="group"
3695      aria-roledescription="slide"
3696      aria-label="Slide 2 of 3"
3697      x-data="{ videoPlaying: false, open: false }"
3698    >
3699        
3700        <div key="video_banner_youtube_XXdPWU" class="relative w-full banner-container flex ">
3701          
3702      
3703          
3704
3705
3706
3707
3708
3709
3710  
3711
3712  
3713    <div class="video-wrapper col-start-1 row-start-1 relative w-full h-0 pb-[56.25%] relative md:w-full md:h-0 md:pb-[56.25%]">
3714      <div class="video-umg-playback grid grid-cols-1 grid-rows-1 absolute top-0 left-0 w-full h-full object-cover md:absolute md:top-0 md:left-0 md:w-full md:h-full md:object-cover">
3715        
3716        
3717        
3718        
3719
3720
3721
3722
3723
3724
3725
3726
3727
3728
3729
3730
3731
3732
3733
3734
3735
3736
3737
3738
3739
3740
3741
3742
3743
3744
3745
3746
3747
3748
3749<div class="video-wrapper w-full relative overflow-hidden h-0 pb-[56.25%]" >
3750  <div class="video-embedded grid grid-cols-1 grid-rows-1 absolute top-0 left-0 right-0 bottom-0 w-full h-full object-cover">
3751    
3752      
3753    
3754<iframe 
3755        id="video_banner_youtube_XXdPWU"
3756        data-youtube-id="OOHndihD7Dc"
3757        data-video-embedded="true"
3758        
3759         x-show="open"  
3760        class="js-youtube col-start-1 row-start-1 w-full absolute top-0 left-0 right-0 bottom-0 w-full h-full object-cover"
3761        loading="lazy"
3762        lazy-iframe data-src="https://www.youtube.com/embed/OOHndihD7Dc?enablejsapi=1&playlist=OOHndihD7Dc&loop=0&autoplay=0&controls=1&mute=0"
3763        allow="autoplay; encrypted-media" allowfullscreen aria-label=""></iframe>
3764        
3765
3766
3767
3768
3769
3770
3771
3772
3773
3774
3775
3776
3777
3778
3779
3780
3781
3782
3783
3784
3785
3786
3787
3788<video-player-button-embedded
3789  :data-play="open" x-show="open"
3790  data-autoplay="0"
3791  aria-controls="video_banner_youtube_XXdPWU"
3792  data-state="play"
3793  aria-expanded="false"
3794  class="video-player__button group peer absolute sr-only cursor-pointer z-100 flex justify-center items-center min-w-min-click-space min-h-min-click-space top-1/2 left-1/2 translate-x-[-50%] translate-y-[-50%] scheme-scheme1"
3795  aria-label="Play Button"
3796  aria-pressed="false"
3797  
3798  style="--icon-width: 3.5rem; --icon-height: 3.5rem;"
3799
3800>
3801  <span class="video-player__icon--pause flex group-[[data-state='play']]:hidden">
3802    
3803
3804
3805
3806
3807
3808
3809    
3810        
3811        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="w-full h-full icon icon--pause group-hover:fill-[--color-content-subtle] fill-[--color-primary-on] umg-icon" fill="currentColor">
3812          <path d="M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM288 248C288 234.7 277.3 224 264 224C250.7 224 240 234.7 240 248L240 392C240 405.3 250.7 416 264 416C277.3 416 288 405.3 288 392L288 248zM400 248C400 234.7 389.3 224 376 224C362.7 224 352 234.7 352 248L352 392C352 405.3 362.7 416 376 416C389.3 416 400 405.3 400 392L400 248z"/>
3813        </svg>
3814    
3815  
3816
3817  </span>
3818  <span class="video-player__icon--play group-[[data-state='pause']]:hidden block">
3819    
3820
3821
3822
3823
3824
3825
3826    
3827        
3828        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="w-full h-full icon icon--play group-hover:fill-[--color-content-subtle] fill-[--color-primary-on] umg-icon" fill="currentColor">
3829          <path d="M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64
3829C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM276.5 211.5C269.1 207 259.8 206.8 252.2 211C244.6 215.2 240 223.3 240 232L240 408C240 416.7 244.7 424.7 252.3 428.9C259.9 433.1 269.1 433 276.6 428.4L420.6 340.4C427.7 336 432.1 328.3 432.1 319.9C432.1 311.5 427.7 303.8 420.6 299.4L276.6 211.4zM362 320L288 365.2L288 274.8L362 320z"/>
3830        </svg>
3831    
3832  
3833
3834  </span>
3835</video-player-button-embedded>
3836<div x-show="open" class="video-player__overlay peer-[[aria-expanded='true']]:hidden absolute top-0 left-0 right-0 bottom-0 z-[100] w-full h-full c-bg-transparent"></div>
3837
3838<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/video-button-embedded.bundle.js?v=51936535508683992941782831247"></script>
3838
3839
3840
3841</div>
3842</div>
3843
3844      </div>
3845    </div>
3846  
3847
3848
3849
3850
3851        
3852
3853      
3854        
3855
3856
3857
3858
3859
3860
3861
3862
3863
3864
3865<div
3866  class="absolute z-10 top-0 left-0 w-full h-full banner__fg pointer-events-none"
3867   x-show="!videoPlaying" x-transition.duration.200ms 
3868>
3869  <div class="hero-banner__content w-[var(--width)] md:w-[var(--width--md)] left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] absolute -translate-x-2/4 -translate-y-2/4 scheme-scheme1" style="--width: 80%; --width--md: 50%; --pos-x: 50%; --pos-x--md: 50%; --pos-y: 50%; --pos-y--md: 50%;">
3870    <div class="relative flex flex-col items-center md:items-center text-center md:text-center">
3871      
3872
3873      
3874
3875
3876
3877
3878
3879
3880
3881
3882
3883
3884  <div class="flex flex-col items-start md:items-center mt-lg-md md:flex-row gap-sm-sm justify-center md:justify-center">
3885    
3886      <div class="group">
3887        
3888
3889
3890
3891
3892
3893
3894
3895  
3896    <button class="pointer-events-auto video-embed__trigger btn btn--primary" 
3897  
3898
3899 
3900
3901@click="videoPlaying = true; open = true;"
3902  
3903    data-embedtype="youtube"
3904  
3905  aria-label="Play Video"
3906>
3907      Watch Video
3908    </button>
3909  
3910
3911
3912      </div>
3913    
3914  </div>
3915
3916
3917    </div>
3918  </div>
3919</div>
3920
3921      
3922    
3923        </div>
3924    </li>
3925    
3926    
3927
3928    
3929    
3930
3931    
3932
3933    
3934
3935    <li
3936      
3937      key="video_banner_youtube_hpmBCn"
3938      class="hero-banner__slide flex -outline-offset-4 focus-visible:outline-none group swiper-slide relative break-after-column break-inside-avoid"
3939      data-items-element="swiper-slide"
3940      tabindex="-1"
3941      role="group"
3942      aria-roledescription="slide"
3943      aria-label="Slide 3 of 3"
3944      x-data="{ videoPlaying: false, open: false }"
3945    >
3946        
3947        <div key="video_banner_youtube_hpmBCn" class="relative w-full banner-container flex ">
3948          
3949      
3950          
3951
3952
3953
3954
3955
3956
3957  
3958
3959  
3960    <div class="video-wrapper col-start-1 row-start-1 relative w-full h-0 pb-[56.25%] relative md:w-full md:h-0 md:pb-[56.25%]">
3961      <div class="video-umg-playback grid grid-cols-1 grid-rows-1 absolute top-0 left-0 w-full h-full object-cover md:absolute md:top-0 md:left-0 md:w-full md:h-full md:object-cover">
3962        
3963        
3964        
3965        
3966
3967
3968
3969
3970
3971
3972
3973
3974
3975
3976
3977
3978
3979
3980
3981
3982
3983
3984
3985
3986
3987
3988
3989
3990
3991
3992
3993
3994
3995
3996<div class="video-wrapper w-full relative overflow-hidden h-0 pb-[56.25%]" >
3997  <div class="video-embedded grid grid-cols-1 grid-rows-1 absolute top-0 left-0 right-0 bottom-0 w-full h-full object-cover">
3998    
3999      
4000    
4001<iframe 
4002        id="video_banner_youtube_hpmBCn"
4003        data-youtube-id="E2xrxPjg8pw"
4004        data-video-embedded="true"
4005        
4006         x-show="open"  
4007        class="js-youtube col-start-1 row-start-1 w-full absolute top-0 left-0 right-0 bottom-0 w-full h-full object-cover"
4008        loading="lazy"
4009        lazy-iframe data-src="https://www.youtube.com/embed/E2xrxPjg8pw?enablejsapi=1&playlist=E2xrxPjg8pw&loop=0&autoplay=0&controls=1&mute=0"
4010        allow="autoplay; encrypted-media" allowfullscreen aria-label=""></iframe>
4011        
4012
4013
4014
4015
4016
4017
4018
4019
4020
4021
4022
4023
4024
4025
4026
4027
4028
4029
4030
4031
4032
4033
4034
4035<video-player-button-embedded
4036  :data-play="open" x-show="open"
4037  data-autoplay="0"
4038  aria-controls="video_banner_youtube_hpmBCn"
4039  data-state="play"
4040  aria-expanded="false"
4041  class="video-player__button group peer absolute sr-only cursor-pointer z-100 flex justify-center items-center min-w-min-click-space min-h-min-click-space top-1/2 left-1/2 translate-x-[-50%] translate-y-[-50%] scheme-scheme1"
4042  aria-label="Play Button"
4043  aria-pressed="false"
4044  
4045  style="--icon-width: 3.5rem; --icon-height: 3.5rem;"
4046
4047>
4048  <span class="video-player__icon--pause flex group-[[data-state='play']]:hidden">
4049    
4050
4051
4052
4053
4054
4055
4056    
4057        
4058        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="w-full h-full icon icon--pause group-hover:fill-[--color-content-subtle] fill-[--color-primary-on] umg-icon" fill="currentColor">
4059          <path d="M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM288 248C288 234.7 277.3 224 264 224C250.7 224 240 234.7 240 248L240 392C240 405.3 250.7 416 264 416C277.3 416 288 405.3 288 392L288 248zM400 248C400 234.7 389.3 224 376 224C362.7 224 352 234.7 352 248L352 392C352 405.3 362.7 416 376 416C389.3 416 400 405.3 400 392L400 248z"/>
4060        </svg>
4061    
4062  
4063
4064  </span>
4065  <span class="video-player__icon--play group-[[data-state='pause']]:hidden block">
4066    
4067
4068
4069
4070
4071
4072
4073    
4074        
4075        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" class="w-full h-full icon icon--play group-hover:fill-[--color-content-subtle] fill-[--color-primary-on] umg-icon" fill="currentColor">
4076          <path d="M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64
4076C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM276.5 211.5C269.1 207 259.8 206.8 252.2 211C244.6 215.2 240 223.3 240 232L240 408C240 416.7 244.7 424.7 252.3 428.9C259.9 433.1 269.1 433 276.6 428.4L420.6 340.4C427.7 336 432.1 328.3 432.1 319.9C432.1 311.5 427.7 303.8 420.6 299.4L276.6 211.4zM362 320L288 365.2L288 274.8L362 320z"/>
4077        </svg>
4078    
4079  
4080
4081  </span>
4082</video-player-button-embedded>
4083<div x-show="open" class="video-player__overlay peer-[[aria-expanded='true']]:hidden absolute top-0 left-0 right-0 bottom-0 z-[100] w-full h-full c-bg-transparent"></div>
4084
4085<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/video-button-embedded.bundle.js?v=51936535508683992941782831247"></script>
4085
4086
4087
4088</div>
4089</div>
4090
4091      </div>
4092    </div>
4093  
4094
4095
4096
4097
4098        
4099
4100      
4101        
4102
4103
4104
4105
4106
4107
4108
4109
4110
4111
4112<div
4113  class="absolute z-10 top-0 left-0 w-full h-full banner__fg pointer-events-none"
4114   x-show="!videoPlaying" x-transition.duration.200ms 
4115>
4116  <div class="hero-banner__content w-[var(--width)] md:w-[var(--width--md)] left-[var(--pos-x)] md:left-[var(--pos-x--md)] top-[var(--pos-y)] md:top-[var(--pos-y--md)] absolute -translate-x-2/4 -translate-y-2/4 scheme-scheme1" style="--width: 80%; --width--md: 50%; --pos-x: 50%; --pos-x--md: 50%; --pos-y: 50%; --pos-y--md: 50%;">
4117    <div class="relative flex flex-col items-center md:items-center text-center md:text-center">
4118      
4119
4120      
4121
4122
4123
4124
4125
4126
4127
4128
4129
4130
4131  <div class="flex flex-col items-start md:items-center mt-lg-md md:flex-row gap-sm-sm justify-center md:justify-center">
4132    
4133      <div class="group">
4134        
4135
4136
4137
4138
4139
4140
4141
4142  
4143    <button class="pointer-events-auto video-embed__trigger btn btn--primary" 
4144  
4145
4146 
4147
4148@click="videoPlaying = true; open = true;"
4149  
4150    data-embedtype="youtube"
4151  
4152  aria-label="Play Video"
4153>
4154      Watch Video
4155    </button>
4156  
4157
4158
4159      </div>
4160    
4161  </div>
4162
4163
4164    </div>
4165  </div>
4166</div>
4167
4168      
4169    
4170        </div>
4171    </li>
4172        
4173      
4174    </ul>
4175
4176  </div>
4177
4178  
4179    
4180
4181
4182
4183
4184
4185
4186
4187
4188
4189
4190
4191
4192
4193
4194
4195
4196
4197
4198
4199
4200
4201
4202
4203
4204
4205<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 -translate-x-full md:-translate-x-full left-0 md:flex">
4206  <button class="carousel-nav__button block grid place-items-center swiper__navigation--prev disabled:opacity-0 w-12 h-12">
4207    <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-transparent c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-secondary hover:c-text-tertiary">
4208      <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-90 carousel-nav__icon--prev">
4209        <span class="sr-only">Previous</span>
4210        
4211          
4212
4213
4214
4215  
4216  
4217  
4218  
4219      
4220      
4221          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
4222            <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/>
4223          </svg>
4224        
4225  
4226
4227        
4228      </div>
4229    </div>
4230  </button>
4231</div>
4232    
4233
4234
4235
4236
4237
4238
4239
4240
4241
4242
4243
4244
4245
4246
4247
4248
4249
4250
4251
4252
4253
4254
4255
4256
4257
4258<div class="carousel-nav flex justify-between absolute top-1/2 px-sm-xs z-50 -translate-y-0.5 invisible opacity-0 transition duration-300 translate-x-full md:translate-x-full right-0 md:flex">
4259  <button class="carousel-nav__button block grid place-items-center swiper__navigation--next disabled:opacity-0 w-12 h-12">
4260    <div class="carousel-nav__button-bg group grid place-items-center w-10 h-10 c-bg-transparent c-border-transparent hover:c-border-transparent border-none rounded-xl c-text-secondary hover:c-text-tertiary">
4261      <div class="carousel-nav__icon block w-6 h-6 carousel-nav__icon rotate-[-90deg] carousel-nav__icon--next">
4262        <span class="sr-only">Next</span>
4263        
4264          
4265
4266
4267
4268  
4269  
4270  
4271  
4272      
4273      
4274          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor">
4275            <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/>
4276          </svg>
4277        
4278  
4279
4280        
4281      </div>
4282    </div>
4283  </button>
4284</div>
4285  
4286
4287  
4288
4289  
4290
4291</div>
4292
4293      
4294    
4295  </div>
4296</div>
4297            </div></div>
4298        </div>
4299      </div>
4300
4301
4302
4303  </div>
4304
4305  
4306
4307
4308
4309
4310
4311
4312</section><section id="shopify-section-template--29648610689105__developer_3cGrfe" class="shopify-section developer"><!-- PAUSE PREVIOUS YOUTUBE VIDEO IN HERO BANNER CAROUSEL ON SLIDE CHANGE -->
4313<script>
4314  document.addEventListener("DOMContentLoaded", () => {
4315    const videoCarousel = document.querySelector(".custom-video-carousel .swiper__viewport");
4316    if (videoCarousel) {
4317      function pausePrevVideoOnSlideChange(videoCarouselSwiper) {
4318        videoCarouselSwiper.on("slideChange", () => {
4319          const previousSlideIndex = videoCarouselSwiper.previousIndex;
4320          const previousSlide = videoCarouselSwiper.slides[previousSlideIndex];
4321          const embeddedVideo = previousSlide.querySelector("iframe");
4322          if (embeddedVideo.src && embeddedVideo.src.includes("youtube.com")) {
4323            embeddedVideo.contentWindow.postMessage(JSON.stringify({ event: "command", func: "pauseVideo", args: [] }), "https://www.youtube.com");
4324          }
4325        });
4326      }
4327      if (videoCarousel.classList.contains("swiper-initialized") && videoCarousel.swiper !== undefined) {
4328        pausePrevVideoOnSlideChange(videoCarousel.swiper);
4329      } else {
4330        const carouselObserver = new MutationObserver((mutationList, observer) => {
4331          for (const mutation of mutationList) {
4332            if (mutation.type === "attributes" && mutation.attributeName === "class") {
4333              if (videoCarousel.classList.contains("swiper-initialized") && videoCarousel.swiper !== undefined) {
4334                pausePrevVideoOnSlideChange(videoCarousel.swiper);
4335                observer.disconnect();
4336              }
4337            }
4338          }
4339        });
4340        carouselObserver.observe(videoCarousel, { attributes: true });
4341      }
4342    }
4343  });
4344</script>
4344
4345
4346</section></main>
4347
4348  
4348<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/theme.bundle.js?v=36095171642306136851782831247"></script>
4348<script>
4349    window.focusVariantOnLoad = false;
4350    window.shop_iso_code = "US";
4351    window.shopUrl = 'https://5sos.com';
4352    window.currentCurrency = 'USD';
4353    window.shopCurrencyFormat = "${{amount}}"
4354    window.routes = {
4355      cart_add_url: '/cart/add',
4356      cart_change_url: '/cart/change',
4357      cart_update_url: '/cart/update',
4358      search_url: '/search',
4359      predictive_search_url: '/search/suggest',
4360      privacy_policy_url: '/policies/privacy-policy',
4361      legal_notice_url: '/policies/legal-notice',
4362      terms_of_sale_url: '/policies/terms-of-sale'
4363    };
4364    window.cartStrings = {
4365      error: `There was an error while updating your cart. Please try again.`,
4366      quantityError: `You can only add [quantity] of this item to your cart.`,
4367      pauseFrameUnavailableMessage: `Sorry, this frame is not available at this time`,
4368      pauseFrameSoldOutMessage: `Sorry this frame is no longer available`,
4369      pauseFrame: `Frame`
4370    };
4371    window.variantStrings = {
4372      addToCart: `Add to cart`,
4373      soldOut: `Sorry Sold out`,
4374      unavailable: `Unavailable`,
4375      extendCartTimer: `Extend cart timer`,
4376      chooseThisStyle: `Choose this style`
4377    };
4378    window.accessibilityStrings = {
4379      imageAvailable: `Image [index] is now available in gallery view`,
4380      shareSuccess: `Link copied to clipboard`,
4381      pauseSlideshow: `Pause slideshow`,
4382      playSlideshow: `Play slideshow`,
4383      nextSlide: `Next slide`,
4384      prevSlide: `Previous slide`,
4385      pauseFrameAltHtml: `{{ title }} frame {frameNum} from Video`,
4386      enterFullScreen: `Enter Fullscreen`,
4387      exitFullScreen: `Exit Fullscreen`,
4388      hideFilters: `Hide filters`,
4389      showFilters: `Show filters`,
4390      countdownElementChange: `The countdown has ended. Some elements on the page may have changed.`
4391    };
4392    window.shareStrings = {
4393      copyToClipboard: "Copy link",
4394      successMessage: "Link copied to clipboard",
4395      copyToClipboardError: "Error copying to clipboard",
4396      shareUrlError: "Error opening sharer"
4397    };
4398    window.quickModalStrings = {
4399      productError: "Product details not available.",
4400    };
4401    window.videoButtonStates = {
4402      playButton: "Play Button",
4403      pauseButton: "Pause Button"
4404    };window.shipDateLabel = 'Ships on: {{ date }}';
4405      window.shipDateLabelTitled = '<b>{{ title }}:</b> Ships on {{ date }}';window.jsDateLocale = "en-US";</script>
4405<!-- BEGIN sections: footer-group -->
4406<footer id="shopify-section-sections--29648606756945__footer" class="shopify-section shopify-section-group-footer-group site-footer">
4407
4408
4409
4410
4411
4412
4413
4414
4415
4416
4417
4418
4419
4420
4421
4422
4423
4424
4425<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible mt-none c-border-primary border-none border-x-0 border-b-0 z-10">
4426  <div class="section-spacing mx-auto w-full relative z-10 py-container-xl px-lg-md max-w-xl md:px-container-md md:max-w-xl grid gap-y-sm-2xl gap-x-sm-xl md:grid-cols-6 mx-auto text-center">
4427
4428
4429<div  class="footer__griditem footer__griditem--0 footer__griditem--developer md:col-span-6 md:row-span-1 py-none px-none">
4430  <div class="developer-container">
4431    <div class="privy-embed-form" data-campaign="4521226"></div>
4432
4433  </div>
4434</div>
4435
4436
4437<div  class="footer__griditem footer__griditem--1 footer__griditem--social md:col-span-6 md:row-span-1 py-none px-none">
4438  
4439    
4440    
4441
4442    
4443    
4444
4445    <div class="social-container social-component w-full h-full flex flex-col md:justify-start">
4446      
4447
4448
4449
4450
4451
4452
4453 
4454
4455
4456
4457
4458
4459
4460
4461
4462<nav aria-label="Socials menu">
4463  <ul class="flex flex-wrap justify-center md:justify-center gap-none" style="--icon-width: 1.25rem; --icon-height: 1.25rem;">
4464     
4465      <li>
4466        <a href="https://www.facebook.com/5secondsofsummer/" target="_blank" aria-label="Open Facebook social link" class="icon_facebook flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary">
4467          <div class="social-icons__wrapper">
4468            <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z" /></svg>
4469          </div>
4470        </a>
4471      </li> 
4472    
4473     
4474      <li>
4475        <a href="https://x.com/5SOS" target="_blank" aria-label="Open Twitter social link" class="icon_twitter flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary">
4476          <div class="social-icons__wrapper">
4477            <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M36.6526 3.80786H43.3995L28.6594 20.6548L46 43.5798H32.4225L21.7881 29.6759L9.61989 43.5798H2.86886L18.6349 25.5601L2 3.80786H15.9222L25.5348 16.5165L36.6526 3.80786ZM34.2846 39.5414H38.0232L13.8908 7.63413H9.87892L34.2846 39.5414Z" /></svg>
4478          </div>
4479        </a>
4480      </li> 
4481    
4482     
4483      <li>
4484        <a href="https://www.instagram.com/5sos/?hl=en" target="_blank" aria-label="Open Instagram social link" class="icon_instagram flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary">
4485          <div class="social-icons__wrapper">
4486            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="umg-icon"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
4487          </div>
4488        </a>
4489      </li> 
4490    
4491     
4492      <li>
4493        <a href="https://www.youtube.com/channel/UC-vKwDHcbPLtjml81ohGRng" target="_blank" aria-label="Open YouTube social link" class="icon_youtube flex h-full fill-current justify-center items-center h-min-click-s
4493pace w-min-click-space c-text-content-subtle hover:c-text-tertiary">
4494          <div class="social-icons__wrapper">
4495            <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M47.5219 14.4001C47.5219 14.4001 47.0531 11.0907 45.6094 9.6376C43.7812 7.7251 41.7375 7.71572 40.8 7.60322C34.0875 7.11572 24.0094 7.11572 24.0094 7.11572H23.9906C23.9906 7.11572 13.9125 7.11572 7.2 7.60322C6.2625 7.71572 4.21875 7.7251 2.39062 9.6376C0.946875 11.0907 0.4875 14.4001 0.4875 14.4001C0.4875 14.4001 0 18.2907 0 22.172V25.8095C0 29.6907 0.478125 33.5813 0.478125 33.5813C0.478125 33.5813 0.946875 36.8907 2.38125 38.3438C4.20937 40.2563 6.60938 40.1907 7.67813 40.397C11.5219 40.7626 24 40.8751 24 40.8751C24 40.8751 34.0875 40.8563 40.8 40.3782C41.7375 40.2657 43.7812 40.2563 45.6094 38.3438C47.0531 36.8907 47.5219 33.5813 47.5219 33.5813C47.5219 33.5813 48 29.7001 48 25.8095V22.172C48 18.2907 47.5219 14.4001 47.5219 14.4001ZM19.0406 30.2251V16.7345L32.0062 23.5032L19.0406 30.2251Z" /></svg>
4496          </div>
4497        </a>
4498      </li> 
4499    
4500     
4501      <li>
4502        <a href="https://music.apple.com/mv/artist/5-seconds-of-summer/538811449" target="_blank" aria-label="Open Apple Music social link" class="icon_apple flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary">
4503          <div class="social-icons__wrapper">
4504            <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M43.5839 37.4071C42.858 39.0841 41.9988 40.6277 41.0033 42.0469C39.6463 43.9817 38.5352 45.3209 37.6789 46.0646C36.3516 47.2853 34.9294 47.9105 33.4065 47.946C32.3132 47.946 30.9947 47.6349 29.4599 47.0038C27.9201 46.3757 26.5051 46.0646 25.2112 46.0646C23.8542 46.0646 22.3988 46.3757 20.8421 47.0038C19.2831 47.6349 18.0271 47.9638 17.0668 47.9964C15.6064 48.0586 14.1508 47.4157 12.6978 46.0646C11.7704 45.2557 10.6105 43.8691 9.22087 41.9047C7.72995 39.807 6.50422 37.3745 5.54395 34.6012C4.51554 31.6058 4 28.7051 4 25.8969C4 22.6801 4.69509 19.9057 6.08734 17.5807C7.18153 15.7132 8.63718 14.2401 10.4591 13.1586C12.2809 12.0772 14.2495 11.5261 16.3694 11.4908C17.5293 11.4908 19.0505 11.8496 20.9408 12.5548C22.8258 13.2623 24.0361 13.6211 24.5667 13.6211C24.9635 13.6211 26.308 13.2016 28.5874 12.3652C30.7428 11.5895 32.562 11.2683 34.0524 11.3948C38.0908 11.7207 41.1247 13.3127 43.1425 16.1807C39.5307 18.3691 37.7441 21.4342 37.7797 25.3662C37.8123 28.429 38.9233 30.9776 41.107 33.0013C42.0966 33.9405 43.2017 34.6664 44.4313 35.182C44.1646 35.9553 43.8832 36.696 43.5839 37.4071V37.4071ZM34.322 0.960762C34.322 3.36131 33.445 5.6027 31.6969 7.6773C29.5873 10.1436 27.0357 11.5687 24.2687 11.3439C24.2334 11.0559 24.213 10.7528 24.213 10.4343C24.213 8.12973 25.2162 5.66343 26.9978 3.6469C27.8872 2.6259 29.0185 1.77694 30.3903 1.09972C31.7591 0.432598 33.0539 0.0636663 34.2716 0.000488281C34.3072 0.321404 34.322 0.64234 34.322 0.960731V0.960762Z" /></svg>
4505          </div>
4506        </a>
4507      </li> 
4508    
4509     
4510      <li>
4511        <a href="https://open.spotify.com/artist/5Rl15oVamLq7FbSb0NNBNy?si=wI9YVc3LT8Ce-AqYPJT-hg" target="_blank" aria-label="Open Spotify social link" class="icon_spotify flex h-full fill-current justify-center items-center h-min-click-space w-min-click-space c-text-content-subtle hover:c-text-tertiary">
4512          <div class="social-icons__wrapper">
4513            <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M23.9266 0C10.7126 0 0 10.7123 0 23.9263C0 37.1409 10.7126 47.8523 23.9266 47.8523C37.142 47.8523 47.8534 37.1409 47.8534 23.9263C47.8534 10.7131 37.142 0.00114285 23.9263 0.00114285L23.9266 0ZM34.8991 34.5086C34.4706 35.2114 33.5506 35.4343 32.8477 35.0029C27.23 31.5714 20.158 30.7943 11.8294 32.6971C11.0269 32.88 10.2269 32.3771 10.044 31.5743C9.86029 30.7714 10.3611 29.9714 11.1657 29.7886C20.28 27.7054 28.098 28.6029 34.4049 32.4571C35.1077 32.8886 35.3306 33.8057 34.8991 34.5086ZM37.8277 27.9929C37.2877 28.8714 36.1391 29.1486 35.262 28.6086C28.8306 24.6546 19.0269 23.5097 11.4197 25.8189C10.4331 26.1169 9.39114 25.5609 9.09171 24.576C8.79457 23.5894 9.35086 22.5494 10.3357 22.2494C19.0251 19.6129 29.8277 20.89 37.2134 25.4286C38.0906 25.9686 38.3677 27.1169 37.8277 27.9929ZM38.0791 21.2089C30.3677 16.6286 17.6449 16.2074 10.2823 18.442C9.1 18.8006 7.84971 18.1331 7.49143 16.9509C7.13314 15.768 7.8 14.5186 8.98314 14.1591C17.4349 11.5934 31.4849 12.0891 40.3631 17.3597C41.4289 17.9909 41.7774 19.3643 41.146 20.4263C40.5174 21.4897 39.1403 21.8403 38.0803 21.2089H38.0791Z" /></svg>  
4514          </div>
4515        </a>
4516      </li> 
4517    
4518     
4519      <li>
4520        <a href="https://www.tiktok.com/@5sos?lang=en" target="_blank" aria-label="Open TikTok social link" class="icon_tiktok flex h-full fill-current justify-center items-center h-min-click-s
4520pace w-min-click-space c-text-content-subtle hover:c-text-tertiary">
4521          <div class="social-icons__wrapper">
4522            <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" class="umg-icon" xmlns="http://www.w3.org/2000/svg"><path d="M34.1451 0H26.0556V32.6956C26.0556 36.5913 22.9444 39.7913 19.0725 39.7913C15.2007 39.7913 12.0894 36.5913 12.0894 32.6956C12.0894 28.8696 15.1315 25.7391 18.8651 25.6V17.3913C10.6374 17.5304 4 24.2783 4 32.6956C4 41.1827 10.7757 48 19.1417 48C27.5075 48 34.2833 41.1131 34.2833 32.6956V15.9304C37.3255 18.1565 41.059 19.4783 45 19.5479V11.3391C38.9157 11.1304 34.1451 6.12173 34.1451 0Z" /></svg>
4523          </div>
4524        </a>
4525      </li> 
4526    
4527    
4528    
4529  </ul>
4530</nav>
4531
4532      
4533    </div>
4534  
4535</div>
4536
4537
4538
4539
4540
4541
4542
4543
4544
4545
4546
4547
4548
4549
4550
4551
4552
4553
4554
4555
4556
4557
4558
4559
4560<div  class="footer__griditem footer__griditem--2 footer__griditem--navigation md:col-span-6 md:row-span-1 py-none px-none">
4561  <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-center md:justify-start">
4562    
4563
4564
4565
4566
4567
4568
4569
4570
4571
4572
4573
4574
4575
4576
4577
4578
4579
4580
4581
4582
4583
4584
4585
4586
4587
4588
4589
4590
4591
4592
4593
4594
4595
4596
4597
4598
4599
4600
4601
4602
4603<nav class="w-full md:flex md:items-start justify-center md:justify-center nav-wrapper" aria-label="Support Links">
4604  <ul class="menu-nav text-center md:text-center md:flex justify-start md:flex-wrap md:justify-center gap-x-sm-sm gap-y-sm-xs nav-container flex flex-col md:flex-row">
4605    
4606      
4607        
4608        
4609        
4610        
4611          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
4612            <a href="/pages/help">Help & Support</a>
4613          </li>
4614        
4615      
4616    
4617      
4618        
4619        
4620        
4621        
4622          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
4623            <a href="/policies/terms-of-sale">Terms</a>
4624          </li>
4625        
4626      
4627    
4628      
4629        
4630        
4631        
4632        
4633          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
4634            <a href="/policies/privacy-policy">Privacy</a>
4635          </li>
4636        
4637      
4638    
4639      
4640        
4641        
4642        
4643        
4644          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
4645            <a href="/policies/legal-notice">Do not sell my personal information</a>
4646          </li>
4647        
4648      
4649    
4650      
4651        
4652        
4653        
4654        
4655          <li class="text_navigation_sm c-text-content-subtle hover:c-text-tertiary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
4656            <a href="#"
4657              
4658                onclick="event.preventDefault();transcend.showConsentManager({'viewState': 'CompleteOptions' });"
4659              
4660              
4661              data-linklist="transcend"
4662            >Cookie Choices</a>
4663          </li>
4664        
4665      
4666    
4667  </ul>
4668</nav>
4669
4670
4671    
4672  </div>
4673</div>
4674
4675
4676
4677
4678
4679<div  class="footer__griditem footer__griditem--3 footer__griditem--text md:col-span-6 md:row-span-1 py-none px-none text_body_sm c-text-content-subtle">
4680  <div class="text-container w-full h-full flex flex-col text-center md:text-center md:justify-center">
4681
4682    
4683      
4684
4685      
4686        
4687          <p>
4688            If you are using a screen reader and are having problems using this website, please call 866-682-4413 for assistance.
4689          </p>
4690        
4691      
4692    
4693
4694    
4695  </div>
4696</div></div>
4697
4698  
4699
4700
4701
4702</div>
4703
4704
4705</footer>
4706<!-- END sections: footer-group -->
4706<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/utm-params.bundle.js?v=44857160626880170391782831247"></script>
4706
4707  
4707<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/section-render.bundle.js?v=40653154079140120101782831247"></script>
4707<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/product.bundle.js?v=121542318885661178611782831247"></script>
4707<script defer="defer" src="//5sos.com/cdn/shop/t/19/assets/cart-drawer.bundle.js?v=177818000241438961441782831247"></script>
4707<script async="async" src="//5sos.com/cdn/shop/t/19/assets/content-overlay.bundle.js?v=37908579092181384011782831247"></script>
4707<!-- BEGIN sections: background-group -->
4708<aside id="shopify-section-sections--29648606724177__page-background" class="shopify-section shopify-section-group-background-group page-bg">
4709  
4710
4711
4712  
4713  
4714
4715  
4716
4717  
4718
4719  
4720  
4721
4722  
4723  
4724
4725  <div class="fixed -z-[1] h-full w-full top-0 left-0 select-none" aria-hidden="true">
4726    
4727
4728
4729
4730
4731
4732
4733
4734
4735
4736
4737
4738
4739  <picture class="image__adaptive h-full w-full">
4740    
4741
4742
4743
4744
4745
4746
4747
4748
4749
4750
4751
4752
4753
4754    
4755  
4756<source data-src="//5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=2880" srcset="//5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=100 100w, //5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=300 300w, //5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=400 400w, //5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=500 500w, //5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=600 600w, //5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=800 800w, //5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=1200 1200w, //5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=1600 1600w, //5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=2000 2000w, //5sos.com/cdn/shop/files/ieu8238-d.png?v=1758728348&amp;width=2560 2560w" width="2880" height="3803" loading="lazy" sizes="100vw" media="(min-width: 760px)">
4757
4758
4759
4760    
4761
4762
4763
4764
4765
4766
4767
4768
4769
4770
4771
4772
4773
4774  
4775<img src="//5sos.com/cdn/shop/files/ieu8238-m.png?v=1758728322&amp;width=900" srcset="//5sos.com/cdn/shop/files/ieu8238-m.png?v=1758728322&amp;width=100 100w, //5sos.com/cdn/shop/files/ieu8238-m.png?v=1758728322&amp;width=300 300w, //5sos.com/cdn/shop/files/ieu8238-m.png?v=1758728322&amp;width=400 400w, //5sos.com/cdn/shop/files/ieu8238-m.png?v=1758728322&amp;width=500 500w, //5sos.com/cdn/shop/files/ieu8238-m.png?v=1758728322&amp;width=600 600w, //5sos.com/cdn/shop/files/ieu8238-m.png?v=1758728322&amp;width=800 800w" width="900" height="3144" loading="lazy" sizes="100vw" class="w-full h-full object-cover object-bottom image__responsive">
4776
4777
4778
4779  </picture>
4780
4781  </div>
4782
4783
4784
4785
4786</aside>
4787<!-- END sections: background-group --><style data-shopify>/* SEATED EMBED */
4788.seated-table-wrapper {
4789  color: var(--color-text);
4790  background-color: var(--color-tertiary);
4791  border-radius: 2rem;
4792  padding: 2rem;
4793}
4794@media (min-width: 768px) {
4795  .seated-table-wrapper {
4796    border-radius: 3rem;
4797    padding: 2.5rem 3rem;
4798  }
4799}
4800@media (min-width: 980px) {
4801  .seated-table-wrapper {
4802    padding: 3rem 4rem;
4803  }
4804}
4805.seated-events-table {
4806  border-top: none;
4807}
4808.seated-event-row {
4809  border-bottom: 3px dotted var(--color-text);
4810}
4811.seated-event-row:hover {
4812  background: transparent;
4813}
4814.seated-event-link1,
4815.seated-event-link1:visited,
4816.seated-event-link2,
4817.seated-event-link2:visited,
4818.seated-follow-link,
4819.seated-follow-link:visited {
4820  font-size: 0.875rem;
4821  letter-spacing: -0.04375em;
4822  color: var(--color-primary-on);
4823  background-color: var(--color-primary);
4824  border: none;
4825  padding: 0.5rem 1.5rem;
4826  transition: 0.2s ease-out;
4827}
4828.seated-event-link1:hover,
4829.seated-event-link2:hover,
4830.seated-follow-link:hover {
4831  font-size: 0.875rem;
4832  color: var(--color-primary);
4833  background-color: var(--color-primary-on);
4834  border: none;
4835  padding: 0.5rem 1.5rem;
4836}
4837.seated-table-wrapper.closed .seated-event-row:nth-child(n + 6) {
4838  display: none;
4839}
4840.seated-button-wrapper {
4841  padding-left: 10px;
4842  padding-right: 10px;
4843}
4844.seated-button-wrapper .btn {
4845  z-index: 0;
4846  border: none;
4847  border-radius: 3px;
4848  padding: 0.6875rem 1.5rem;
4849  min-width: 120px;
4850  --button-fill: var(--color-primary-on);
4851}
4852@media (max-width: 580px) {
4853  .seated-button-wrapper .btn {
4854    width: 100%;
4855  }
4856}</style>
4856<script></script>
4856<script async="async" src="//5sos.com/cdn/shop/t/19/assets/dotdigital-site-tracking.bundle.js?v=56115862656055679041782831247"></script>
4856<script>
4857      window.customerEmail = ''
4858      window.customerAcceptsMarketing = ''
4859      window.dotDigitalCartInsights = {
4860        programId: '67026',
4861        currency: 'USD',
4862        subtotal: '0.00',
4863        discountAmount: '0.00',
4864        grandTotal: '0.00',
4865        cartUrl: 'https://5sos.com',
4866        lineItems: '[]'
4867      }
4868    </script>
4868<script async="async" src="//5sos.com/cdn/shop/t/19/assets/dotdigital-cart-insight.bundle.js?v=73368649038972163841782831247"></script>
4868
4869<style>  </style>
4870<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4870
4871</body>
4872</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.