PageSourceSearch

https://pause.studio/account/register

html pause.studio collected 2026-10-08 21:08:51 UTC 174,693 bytes, 3,825 lines download raw bytes

1<!doctype html>
2<html class="flex flex-col min-h-full" lang="en">
3<head><meta charset="utf-8">
4  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
5  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"><style data-shopify>
6/* TYPOGRAPHY */:root {
7--typeface_primary: "sofia-pro", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--typeface_secondary: "ibm-plex-sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--typeface_tertiary: 'MonotypeSabon' ,ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font_display_md: var(--typeface_tertiary);
8  --font_display_md_weight: 400;
9  --font_display_md_letter: -0.0125rem;
10  --font_display_md_line: 1.2;
11  --font_display_md_text_transform: uppercase;--font_display_md_size: 1.0rem;
12  --font_display_md_size_md: 1.25rem;--font_heading_2xl: var(--typeface_primary);
13  --font_heading_2xl_weight: 700;
14  --font_heading_2xl_letter: 0.0rem;
15  --font_heading_2xl_line: 1.2;
16  --font_heading_2xl_text_transform: uppercase;--font_heading_2xl_size: 2.5rem;
17  --font_heading_2xl_size_md: 3.125rem;--font_heading_xl: var(--typeface_tertiary);
18  --font_heading_xl_weight: 500;
19  --font_heading_xl_letter: 0.05rem;
20  --font_heading_xl_line: 1.2;
21  --font_heading_xl_text_transform: none;--font_heading_xl_size: 2.0rem;
22  --font_heading_xl_size_md: 2.3125rem;--font_heading_lg: var(--typeface_secondary);
23  --font_heading_lg_weight: 700;
24  --font_heading_lg_letter: 0.0rem;
25  --font_heading_lg_line: 1.2;
26  --font_heading_lg_text_transform: uppercase;--font_heading_lg_size: 1.375rem;
27  --font_heading_lg_size_md: 1.75rem;--font_heading_md: var(--typeface_primary);
28  --font_heading_md_weight: 700;
29  --font_heading_md_letter: 0.0625rem;
30  --font_heading_md_line: 1.2;
31  --font_heading_md_text_transform: none;--font_heading_md_size: 1.125rem;
32  --font_heading_md_size_md: 1.375rem;--font_body_lg: var(--typeface_tertiary);
33  --font_body_lg_weight: 400;
34  --font_body_lg_letter: 0.0rem;
35  --font_body_lg_line: 1.5;
36  --font_body_lg_text_transform: none;--font_body_lg_size: 1.375rem;
37  --font_body_lg_size_md: 1.375rem;--font_body_md: var(--typeface_primary);
38  --font_body_md_weight: 400;
39  --font_body_md_letter: 0.0rem;
40  --font_body_md_line: 1.5;
41  --font_body_md_text_transform: none;--font_body_md_size: 1.0rem;
42  --font_body_md_size_md: 1.0rem;--font_body_sm: var(--typeface_primary);
43  --font_body_sm_weight: 400;
44  --font_body_sm_letter: 0.0rem;
45  --font_body_sm_line: 1.5;
46  --font_body_sm_text_transform: none;--font_body_sm_size: 0.75rem;
47  --font_body_sm_size_md: 0.875rem;--font_body_xs: var(--typeface_primary);
48  --font_body_xs_weight: 400;
49  --font_body_xs_letter: 0.0rem;
50  --font_body_xs_line: 1.5;
51  --font_body_xs_text_transform: none;--font_body_xs_size: 0.75rem;
52  --font_body_xs_size_md: 0.75rem;--font_button: var(--typeface_tertiary);
53  --font_button_weight: 500;
54  --font_button_letter: 0.075rem;
55  --font_button_line: 1;
56  --font_button_text_transform: uppercase;--font_button_size: 1.0rem;
57  --font_button_size_md: 1.0rem;--font_navigation_lg: var(--typeface_primary);
58  --font_navigation_lg_weight: 400;
59  --font_navigation_lg_letter: 0.0rem;
60  --font_navigation_lg_line: 1.5;
61  --font_navigation_lg_text_transform: none;--font_navigation_lg_size: 1.125rem;
62  --font_navigation_lg_size_md: 1.125rem;--font_navigation_md: var(--typeface_primary);
63  --font_navigation_md_weight: 400;
64  --font_navigation_md_letter: 0.0rem;
65  --font_navigation_md_line: 1.5;
66  --font_navigation_md_text_transform: none;--font_navigation_md_size: 1.0rem;
67  --font_navigation_md_size_md: 1.0rem;--font_navigation_sm: var(--typeface_primary);
68  --font_navigation_sm_weight: 200;
69  --font_navigation_sm_letter: 0.0375rem;
70  --font_navigation_sm_line: 1.5;
71  --font_navigation_sm_text_transform: uppercase;--font_navigation_sm_size: 0.875rem;
72  --font_navigation_sm_size_md: 0.75rem;
73}
74/* TYPOGRAPHY */
75
76</style><style data-shopify>
77  /**
78      Set Color Variable from shopify
79  */
80  :root {
81    --color-outline: #2563eb;
82    --color-black: hsl(0 0% 5%);
83    --color-white: hsl(0 0% 95%);
84    --color-transparent: rgba(0,0,0,0);
85
86    --color-gray-50: hsl(210 20% 98%);
87    --color-gray-100: hsl(220 14% 96%);
88    --color-gray-200: hsl(220 13% 91%);
89    --color-gray-300: hsl(216 12% 84%);
90    --color-gray-400: hsl(218 11% 65%);
91    --color-gray-500: hsl(220 9% 46%);
92    --color-gray-600: hsl(215 14% 34%);
93    --color-gray-700: hsl(217 19% 27%);
94    --color-gray-800: hsl(215 28% 17%);
95    --color-gray-900: hsl(221 39% 11%);
96
97    --color-gray-100-on: hsl(221 39% 11%);
98    --color-gray-900-on: hsl(220 14% 96%);--scheme1-content-base:0 0% 100%;
99      --scheme1-content-subtle:0 0% 85%;
100      --scheme1-content-emphasis:0 0% 100%;
101      --scheme1-content-heading:0 0% 100%;
102
103      --scheme1-surface:0 0% 0%;
104      --scheme1-surface-gradient: ;
105      --scheme1-background:0 0% 0%;
106      --scheme1-background-gradient: ;
107
108      --scheme1-primary:0 0% 100%;
109      --scheme1-primary-light:0 0% 100%;
110      --scheme1-primary-dark:0 0% 80%;
111      --scheme1-primary-on:0 0% 0%;
112      --scheme1-primary-gradient: ;
113
114      --scheme1-secondary:60 100% 50%;
115      --scheme1-secondary-light:60 100% 70%;
116      --scheme1-secondary-dark:60 100% 30%;
117      --scheme1-secondary-on:0 0% 0%;
118      --scheme1-secondary-gradient: ;
119
120      --scheme1-tertiary:0 0% 54%;
121      --scheme1-tertiary-light:0 1% 74%;
122      --scheme1-tertiary-dark:0 1% 34%;
123      --scheme1-tertiary-on:0 0% 100%;
124      --scheme1-tertiary-gradient: ;--scheme1-notification-on:200 4% 13%;
125      --scheme1-notification:220 6% 90%;
126      --scheme1-notification-mix: hsl(211, 11%, 42%);--scheme1-success-on:150 3% 13%;
127      --scheme1-success:141 79% 85%;
128      --scheme1-success-mix: hsl(141, 22%, 39%);--scheme1-error-on:0 74% 42%;
129      --scheme1-error:0 100% 97%;
130      --scheme1-error-mix: hsl(0, 66%, 60%);--scheme2-content-base:215 28% 17%;
131      --scheme2-content-subtle:215 14% 34%;
132      --scheme2-content-emphasis:224 71% 4%;
133      --scheme2-content-heading:221 39% 11%;
134
135      --scheme2-surface:0 0% 100%;
136      --scheme2-surface-gradient: ;
137      --scheme2-background:0 0% 100%;
138      --scheme2-background-gradient: ;
139
140      --scheme2-primary:221 39% 11%;
141      --scheme2-primary-light:221 39% 31%;
142      --scheme2-primary-dark:0 0% 0%;
143      --scheme2-primary-on:0 0% 98%;
144      --scheme2-primary-gradient: ;
145
146      --scheme2-secondary:217 19% 27%;
147      --scheme2-secondary-light:217 19% 47%;
148      --scheme2-secondary-dark:220 18% 7%;
149      --scheme2-secondary-on:0 0% 98%;
150      --scheme2-secondary-gradient: ;
151
152      --scheme2-tertiary:215 14% 34%;
153      --scheme2-tertiary-light:216 14% 54%;
154      --scheme2-tertiary-dark:216 14% 14%;
155      --scheme2-tertiary-on:0 0% 98%;
156      --scheme2-tertiary-gradient: ;--scheme2-notification-on:200 4% 13%;
157      --scheme2-notification:220 6% 90%;
158      --scheme2-notification-mix: hsl(211, 11%, 42%);--scheme2-success-on:150 3% 13%;
159      --scheme2-success:141 79% 85%;
160      --scheme2-success-mix: hsl(141, 22%, 39%);--scheme2-error-on:0 74% 42%;
161      --scheme2-error:0 100% 97%;
162      --scheme2-error-mix: hsl(0, 66%, 60%);--scheme3-content-base:0 0% 100%;
163      --scheme3-content-subtle:0 0% 85%;
164      --scheme3-content-emphasis:210 20% 98%;
165      --scheme3-content-heading:0 0% 100%;
166
167      --scheme3-surface:0 0% 85%;
168      --scheme3-surface-gradient: ;
169      --scheme3-background:0 0% 85%;
170      --scheme3-background-gradient: ;
171
172      --scheme3-primary:0 0% 0%;
173      --scheme3-primary-light:0 0% 20%;
174      --scheme3-primary-dark:0 0% 0%;
175      --scheme3-primary-on:0 0% 100%;
176      --scheme3-primary-gradient: ;
177
178      --scheme3-secondary:0 0% 85%;
179      --scheme3-secondary-light:0 0% 100%;
180      --scheme3-secondary-dark:0 0% 65%;
181      --scheme3-secondary-on:229 100% 52%;
182      --scheme3-secondary-gradient: ;
183
184      --scheme3-tertiary:217 19% 27%;
185      --scheme3-tertiary-light:217 19% 47%;
186      --scheme3-tertiary-dark:220 18% 7%;
187      --scheme3-tertiary-on:229 100% 52%;
188      --scheme3-tertiary-gradient: ;--scheme3-notification-on:200 4% 13%;
189      --scheme3-notification:220 6% 90%;
190      --scheme3-notification-mix: hsl(211, 11%, 42%);--scheme3-success-on:150 3% 13%;
191      --scheme3-success:141 79% 85%;
192      --scheme3-success-mix: hsl(141, 22%, 39%);--scheme3-error-on:0 74% 42%;
193      --scheme3-error:0 100% 97%;
194      --scheme3-error-mix: hsl(0, 66%, 60%);--scheme4-content-base:0 0% 100%;
195      --scheme4-content-subtle:0 0% 100%;
196      --scheme4-content-emphasis:0 0% 100%;
197      --scheme4-content-heading:0 0% 100%;
198
199      --scheme4-surface:0 0% 0%;
200      --scheme4-surface-gradient: ;
201      --scheme4-background:0 0% 0%;
202      --scheme4-background-gradient: ;
203
204      --scheme4-primary:0 100% 50%;
205      --scheme4-primary-light:0 100% 70%;
206      --scheme4-primary-dark:0 100% 30%;
207      --scheme4-primary-on:0 0% 100%;
208      --scheme4-primary-gradient: ;
209
210      --scheme4-secondary:0 0% 0%;
211      --scheme4-secondary-light:0 0% 20%;
212      --scheme4-secondary-dark:0 0% 0%;
213      --scheme4-secondary-on:0 0% 100%;
214      --scheme4-secondary-gradient: ;
215
216      --scheme4-tertiary:0 0% 0%;
217      --scheme4-tertiary-light:0 0% 20%;
218      --scheme4-tertiary-dark:0 0% 0%;
219      --scheme4-tertiary-on:0 0% 100%;
220      --scheme4-tertiary-gradient: ;--scheme4-notification-on:200 4% 13%;
221      --scheme4-notification:220 6% 90%;
222      --scheme4-notification-mix: hsl(211, 11%, 42%);--scheme4-success-on:150 3% 13%;
223      --scheme4-success:141 79% 85%;
224      --scheme4-success-mix: hsl(141, 22%, 39%);--scheme4-error-on:0 74% 42%;
225      --scheme4-error:0 100% 97%;
226      --scheme4-error-mix: hsl(0, 66%, 60%);}.scheme-scheme1 {
227        /* Content */
228        --color-content-base: hsl(var(--scheme1-content-base));
229        --color-content-subtle: hsl(var(--scheme1-content-subtle));
230        --color-content-emphasis: hsl(var(--scheme1-content-emphasis));
231        --color-content-heading: hsl(var(--scheme1-content-heading));
232
233        /* Surface */
234        --color-surface: hsl(var(--scheme1-surface, var(--scheme1-background)));--color-surface-gradient: hsl(var(--scheme1-surface));
235        /* Background */
236        --color-background: hsl(var(--scheme1-background));--color-background-gradient: hsl(var(--scheme1-background));/* Primary Color */
237        --color-primary-on: hsl(var(--scheme1-primary-on));
238        --color-primary: hsl(var(--scheme1-primary));
239        --color-primary-dark: hsl(var(--scheme1-primary-dark));
240        --color-primary-light: hsl(var(--scheme1-primary-light));--color-primary-gradient: hsl(var(--scheme1-primary));/* Secondary Color */
241        --color-secondary-on: hsl(var(--scheme1-secondary-on));
242        --color-secondary: hsl(var(--scheme1-secondary));
243        --color-secondary-dark: hsl(var(--scheme1-secondary-dark));
244        --color-secondary-light: hsl(var(--scheme1-secondary-light));--color-secondary-gradient: hsl(var(--scheme1-secondary));/* Tertiary Color */
245        --color-tertiary-on: hsl(var(--scheme1-tertiary-on));
246        --color-tertiary: hsl(var(--scheme1-tertiary));
247        --color-tertiary-dark: hsl(var(--scheme1-tertiary-dark));
248        --color-tertiary-light: hsl(var(--scheme1-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme1-tertiary));/* Accent Colors */
249        /* Notification */
250        --color-on-notification: hsl(var(--scheme1-notification-on));
251        --color-notification: hsl(var(--scheme1-notification));
252        --color-notification-mix: var(--scheme1-notification-mix);
253
254        /* Success */
255        --color-on-success: hsl(var(--scheme1-success-on));
256        --color-success: hsl(var(--scheme1-success));
257        --color-success-mix: var(--scheme1-success-mix);
258
259        /* Error */
260        --color-on-error: hsl(var(--scheme1-error-on));
261        --color-error-on: var(--color-on-error);
262        --color-error: hsl(var(--scheme1-error));
263        --color-error-mix: var(--scheme1-error-mix);--color-error-mix-on: var(--color-black);
264
265        /* Section */--color-text: var(--color-content-base, var(--color-content-base));
266        --color-border: var(--color-gray-200, var(--border-default-color));
267        /* Section */
268
269        /* Tables BG Color */
270        --color-table-bg: var(--color-default, var(--color-background));
271
272        /* Input Color */
273        --color-input-text: hsl(var(--scheme1-primary-on));
274      }
275    .scheme-scheme2 {
276        /* Content */
277        --color-content-base: hsl(var(--scheme2-content-base));
278        --color-content-subtle: hsl(var(--scheme2-content-subtle));
279        --color-content-emphasis: hsl(var(--scheme2-content-emphasis));
280        --color-content-heading: hsl(var(--scheme2-content-heading));
281
282        /* Surface */
283        --color-surface: hsl(var(--scheme2-surface, var(--scheme2-background)));--color-surface-gradient: hsl(var(--scheme2-surface));
284        /* Background */
285        --color-background: hsl(var(--scheme2-background));--color-background-gradient: hsl(var(--scheme2-background));/* Primary Color */
286        --color-primary-on: hsl(var(--scheme2-primary-on));
287        --color-primary: hsl(var(--scheme2-primary));
288        --color-primary-dark: hsl(var(--scheme2-primary-dark));
289        --color-primary-light: hsl(var(--scheme2-primary-light));--color-primary-gradient: hsl(var(--scheme2-primary));/* Secondary Color */
290        --color-secondary-on: hsl(var(--scheme2-secondary-on));
291        --color-secondary: hsl(var(--scheme2-secondary));
292        --color-secondary-dark: hsl(var(--scheme2-secondary-dark));
293        --color-secondary-light: hsl(var(--scheme2-secondary-light));--color-secondary-gradient: hsl(var(--scheme2-secondary));/* Tertiary Color */
294        --color-tertiary-on: hsl(var(--scheme2-tertiary-on));
295        --color-tertiary: hsl(var(--scheme2-tertiary));
296        --color-tertiary-dark: hsl(var(--scheme2-tertiary-dark));
297        --color-tertiary-light: hsl(var(--scheme2-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme2-tertiary));/* Accent Colors */
298        /* Notification */
299        --color-on-notification: hsl(var(--scheme2-notification-on));
300        --color-notification: hsl(var(--scheme2-notification));
301        --color-notification-mix: var(--scheme2-notification-mix);
302
303        /* Success */
304        --color-on-success: hsl(var(--scheme2-success-on));
305        --color-success: hsl(var(--scheme2-success));
306        --color-success-mix: var(--scheme2-success-mix);
307
308        /* Error */
309        --color-on-error: hsl(var(--scheme2-error-on));
310        --color-error-on: var(--color-on-error);
311        --color-error: hsl(var(--scheme2-error));
312        --color-error-mix: var(--scheme2-error-mix);--color-error-mix-on: var(--color-black);
313
314        /* Section */--color-bg: var(--color-background, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
315        --color-border: var(--color-gray-200, var(--border-default-color));
316        /* Section */
317
318        /* Tables BG Color */
319        --color-table-bg: var(--color-default, var(--color-background));
320
321        /* Input Color */
322        --color-input-text: hsl(var(--scheme2-primary-on));
323      }
324    .scheme-scheme3 {
325        /* Content */
326        --color-content-base: hsl(var(--scheme3-content-base));
327        --color-content-subtle: hsl(var(--scheme3-content-subtle));
328        --color-content-emphasis: hsl(var(--scheme3-content-emphasis));
329        --color-content-heading: hsl(var(--scheme3-content-heading));
330
331        /* Surface */
332        --color-surface: hsl(var(--scheme3-surface, var(--scheme3-background)));--color-surface-gradient: hsl(var(--scheme3-surface));
333        /* Background */
334        --color-background: hsl(var(--scheme3-background));--color-background-gradient: hsl(var(--scheme3-background));/* Primary Color */
335        --color-primary-on: hsl(var(--scheme3-primary-on));
336        --color-primary: hsl(var(--scheme3-primary));
337        --color-primary-dark: hsl(var(--scheme3-primary-dark));
338        --color-primary-light: hsl(var(--scheme3-primary-light));--color-primary-gradient: hsl(var(--scheme3-primary));/* Secondary Color */
339        --color-secondary-on: hsl(var(--scheme3-secondary-on));
340        --color-secondary: hsl(var(--scheme3-secondary));
341        --color-secondary-dark: hsl(var(--scheme3-secondary-dark));
342        --color-secondary-light: hsl(var(--scheme3-secondary-light));--color-secondary-gradient: hsl(var(--scheme3-secondary));/* Tertiary Color */
343        --color-tertiary-on: hsl(var(--scheme3-tertiary-on));
344        --color-tertiary: hsl(var(--scheme3-tertiary));
345        --color-tertiary-dark: hsl(var(--scheme3-tertiary-dark));
346        --color-tertiary-light: hsl(var(--scheme3-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme3-tertiary));/* Accent Colors */
347        /* Notification */
348        --color-on-notification: hsl(var(--scheme3-notification-on));
349        --color-notification: hsl(var(--scheme3-notification));
350        --color-notification-mix: var(--scheme3-notification-mix);
351
352        /* Success */
353        --color-on-success: hsl(var(--scheme3-success-on));
354        --color-success: hsl(var(--scheme3-success));
355        --color-success-mix: var(--scheme3-success-mix);
356
357        /* Error */
358        --color-on-error: hsl(var(--scheme3-error-on));
359        --color-error-on: var(--color-on-error);
360        --color-error: hsl(var(--scheme3-error));
361        --color-error-mix: var(--scheme3-error-mix);--color-error-mix-on: var(--color-black);
362
363        /* Section */--color-bg: var(--color-background, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
364        --color-border: var(--color-gray-200, var(--border-default-color));
365        /* Section */
366
367        /* Tables BG Color */
368        --color-table-bg: var(--color-default, var(--color-background));
369
370        /* Input Color */
371        --color-input-text: hsl(var(--scheme3-primary-on));
372      }
373    .scheme-scheme4 {
374        /* Content */
375        --color-content-base: hsl(var(--scheme4-content-base));
376        --color-content-subtle: hsl(var(--scheme4-content-subtle));
377        --color-content-emphasis: hsl(var(--scheme4-content-emphasis));
378        --color-content-heading: hsl(var(--scheme4-content-heading));
379
380        /* Surface */
381        --color-surface: hsl(var(--scheme4-surface, var(--scheme4-background)));--color-surface-gradient: hsl(var(--scheme4-surface));
382        /* Background */
383        --color-background: hsl(var(--scheme4-background));--color-background-gradient: hsl(var(--scheme4-background));/* Primary Color */
384        --color-primary-on: hsl(var(--scheme4-primary-on));
385        --color-primary: hsl(var(--scheme4-primary));
386        --color-primary-dark: hsl(var(--scheme4-primary-dark));
387        --color-primary-light: hsl(var(--scheme4-primary-light));--color-primary-gradient: hsl(var(--scheme4-primary));/* Secondary Color */
388        --color-secondary-on: hsl(var(--scheme4-secondary-on));
389        --color-secondary: hsl(var(--scheme4-secondary));
390        --color-secondary-dark: hsl(var(--scheme4-secondary-dark));
391        --color-secondary-light: hsl(var(--scheme4-secondary-light));--color-secondary-gradient: hsl(var(--scheme4-secondary));/* Tertiary Color */
392        --color-tertiary-on: hsl(var(--scheme4-tertiary-on));
393        --color-tertiary: hsl(var(--scheme4-tertiary));
394        --color-tertiary-dark: hsl(var(--scheme4-tertiary-dark));
395        --color-tertiary-light: hsl(var(--scheme4-tertiary-light));--color-tertiary-gradient: hsl(var(--scheme4-tertiary));/* Accent Colors */
396        /* Notification */
397        --color-on-notification: hsl(var(--scheme4-notification-on));
398        --color-notification: hsl(var(--scheme4-notification));
399        --color-notification-mix: var(--scheme4-notification-mix);
400
401        /* Success */
402        --color-on-success: hsl(var(--scheme4-success-on));
403        --color-success: hsl(var(--scheme4-success));
404        --color-success-mix: var(--scheme4-success-mix);
405
406        /* Error */
407        --color-on-error: hsl(var(--scheme4-error-on));
408        --color-error-on: var(--color-on-error);
409        --color-error: hsl(var(--scheme4-error));
410        --color-error-mix: var(--scheme4-error-mix);--color-error-mix-on: var(--color-black);
411
412        /* Section */--color-bg: var(--color-background, var(--color-background));--color-text: var(--color-content-base, var(--color-content-base));
413        --color-border: var(--color-gray-200, var(--border-default-color));
414        /* Section */
415
416        /* Tables BG Color */
417        --color-table-bg: var(--color-default, var(--color-background));
418
419        /* Input Color */
420        --color-input-text: hsl(var(--scheme4-primary-on));
421      }
422    
423</style>
424<style data-shopify>:root {
425    --border-default-width: 1px;
426    --border-default-width-narrow: 1px;
427    --border-default-width-wide: 2px;
428    --border-default-radius: 0;
429    --border-default-color: var(--color-content-subtle);
430  }</style><style data-shopify>
431  :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-lg);}
432
433  .btn {--tw-shadow: 0 0px 0px 0 var(--button-shadow-color);
433 --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(--default,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-transparent); background: var(--button-fill); --button-gradient-visible: hidden;}
434
435  .btn:before,
436  .btn:after {
437    content: '';
438    background: transparent;
439    inset: 0;
440    position: absolute;
441    display: block;
442    visibility: var(--button-gradient-visible, hidden);
443    z-index: -1;
444    transition: .2s ease-out;
445    transform: translate3d(0,0,0);
446  }
447  .btn:before {
448    background: var(--button-fill-hover);
449    opacity: 0;
450  }
451  .btn:hover::before {
452    opacity: var(--button-bg-opacity, 1);
453  }
454
455  .btn:after {
456    background: var(--button-fill);
457    opacity: var(--button-bg-opacity, 1);
458  }
459  .btn:hover::after {
460    opacity: 0;
461  }
462
463  input.btn {
464    background: var(--button-fill);
465  }
466  input.btn:before {
467    display: none;
468  }
469  input.btn:after {
470    display: none;
471  }
472  input.btn:hover {
473    background: var(--button-fill-hover);
474  }
475
476  .btn--sm {
477    --button-py-default: var(--button-py-sm);
478    --button-px-default: var(--button-px-sm);
479    font-size: max(calc(var(--button-font-size) * .618em ), 14px)
480  }
481  .btn--md {
482    --button-py-default: var(--button-py-md);
483    --button-px-default: var(--button-px-md);
484  }
485  .btn--lg {
486    --button-py-default: var(--button-py-lg);
487    --button-px-default: var(--button-px-lg);
488  }
489
490  .btn:hover,
491  .btn--primary:hover {--button-color: var(--color-primary); --border-color: var(--default,var(--color-primary)); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; background: var(--button-fill-hover);}
492
493  .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;}
494
495  .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);}
496
497  .btn--tertiary {--button-color: var(--color-primary); --border-color: var(--default,var(--color-primary)); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent; --button-fill: var(--color-transparent);--button-fill-hover: var(--color-primary); background: var(--button-fill); --button-gradient-visible: hidden;}
498
499  .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);}
500
501  .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);}
502
503  .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;}
504
505  .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);}
506
507  .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;}
508
509  @media screen and (min-width: 48em) {
510    .btn {
511      --button-font-size: var(--font_button_size_md);
512    }
513  }
514</style>
515<style data-shopify>
516:root {
517  --gap-sm-2xs: 0.25rem;
518  --gap-sm-xs: 0.5rem;
519  --gap-sm-sm: 0.75rem;
520  --gap-sm-md: 1.0rem;
521  --gap-sm-lg: 1.25rem;
522  --gap-sm-xl: 1.5rem;
523  --gap-sm-2xl: 2.0rem;
524  --gap-lg-2xs: 0.5rem;
525  --gap-lg-xs: 1.0rem;
526  --gap-lg-sm: 1.5rem;
527  --gap-lg-md: 2.0rem;
528  --gap-lg-lg: 2.5rem;
529  --gap-lg-xl: 3.0rem;
530  --gap-lg-2xl: 3.5rem;
531  --gap-container-2xs: 0.5rem;
532  --gap-container-xs: 1.0rem;
533  --gap-container-sm: 2.0rem;
534  --gap-container-md: 3.0rem;
535  --gap-container-lg: 4.0rem;
536  --gap-container-xl: 5.0rem;
537  --gap-container-2xl: 6.0rem;
538  --padding-xs-2xs: 0.125rem;
539  --padding-xs-xs: 0.25rem;
540  --padding-xs-sm: 0.375rem;
541  --padding-xs-md: 0.5rem;
542  --padding-xs-lg: 0.625rem;
543  --padding-xs-xl: 0.75rem;
544  --padding-xs-2xl: 1.0rem;
545  --padding-sm-2xs: 0.25rem;
546  --padding-sm-xs: 0.5rem;
547  --padding-sm-sm: 0.75rem;
548  --padding-sm-md: 1.0rem;
549  --padding-sm-lg: 1.25rem;
550  --padding-sm-xl: 1.5rem;
551  --padding-sm-2xl: 2.0rem;
552  --padding-lg-2xs: 0.5rem;
553  --padding-lg-xs: 1.0rem;
554  --padding-lg-sm: 1.5rem;
555  --padding-lg-md: 2.0rem;
556  --padding-lg-lg: 2.5rem;
557  --padding-lg-xl: 3.0rem;
558  --padding-lg-2xl: 3.5rem;
559  --padding-container-2xs: 0.5rem;
560  --padding-container-xs: 1.0rem;
561  --padding-container-sm: 2.0rem;
562  --padding-container-md: 3.0rem;
563  --padding-container-lg: 4.0rem;
564  --padding-container-xl: 5.0rem;
565  --padding-container-2xl: 6.0rem;
566  --padding-section-desktop-2xs: .5rem;
567  --padding-section-desktop-xs: 1rem;
568  --padding-section-desktop-sm: 2rem;
569  --padding-section-desktop-md: 3rem;
570  --padding-section-desktop-lg: 4rem;
571  --padding-section-desktop-xl: 5rem;
572  --padding-section-desktop-2xl: 6rem;
573  --padding-section-mobile-2xs: .25rem;
574  --padding-section-mobile-xs: .5rem;
575  --padding-section-mobile-sm: 1.5rem;
576  --padding-section-mobile-md: 2rem;
577  --padding-section-mobile-lg: 2.5rem;
578  --padding-section-mobile-xl: 3rem;
579  --padding-section-mobile-2xl: 4rem;
580  --margin-sm-2xs: 0.25rem;
581  --margin-sm-xs: 0.5rem;
582  --margin-sm-sm: 0.75rem;
583  --margin-sm-md: 1.0rem;
584  --margin-sm-lg: 1.25rem;
585  --margin-sm-xl: 1.5rem;
586  --margin-sm-2xl: 2.0rem;
587  --margin-lg-2xs: 0.5rem;
588  --margin-lg-xs: 1.0rem;
589  --margin-lg-sm: 1.5rem;
590  --margin-lg-md: 2.0rem;
591  --margin-lg-lg: 2.5rem;
592  --margin-lg-xl: 3.0rem;
593  --margin-lg-2xl: 3.5rem;
594  --margin-container-2xs: 0.5rem;
595  --margin-container-xs: 1.0rem;
596  --margin-container-sm: 2.0rem;
597  --margin-container-md: 3.0rem;
598  --margin-container-lg: 4.0rem;
599  --margin-container-xl: 5.0rem;
600  --margin-container-2xl: 6.0rem;
601  --w-tooltip-sm: 180px;
602  --w-tooltip-md: 210px;
603  --w-tooltip-lg: 240px;
604  --w-tooltip-xl: 270px;
605
606  --container-max-w-sm: 100rem;
607  --container-max-w-lg: 200rem;--select-pad-r: calc(var(--border-default-width) + 1rem + (2 * var(--padding-sm-xs)));
608}
609
610</style><link href="//pause.studio/cdn/shop/t/28/assets/styles-critical.bundle.css?v=60471317971247073581791448685" rel="stylesheet" type="text/css" media="all" />
611  <title>Create Account - Pause Studio UK</title>
611<script src="//pause.studio/cdn/shop/t/28/assets/runtime.bundle.js?v=129101889795014703961791448685"></script>
611<script defer="defer" src="//pause.studio/cdn/shop/t/28/assets/geolocation.bundle.js?v=129212126461945212141791448685"></script>
611<script>
612  window.dataLayer = window.dataLayer || [];
613  
614window.dataLayer.push({
615    event:'page_data_loaded',
616    user: {
617      logged_in: 'false'
618    },
619    pageType: 'customers/register',
620    platform: 'shopify',
621    shopify_consent: 'false',
622    platform_theme: 'global',
623    platform_version: '2026.10.1.0'
624  });
625</script>
625
626
627<script>
vendor: 327 bytes, lines 627-631
627(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
628new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
629j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
630'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
631})(window,document,'script','dataLayer','
631GTM-5KMHWWBQ
vendor: 3 bytes, line 631
631');
631</script>
631
632
633
634<link rel="canonical" href="https://pause.studio/account/register">
635
636  
636<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
636<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/72102445283/digital_wallets/dialog">
637<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
637<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=1986068707"></script>
637
638<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
639<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=1986068707&shop_id=72102445283" crossorigin="anonymous"></script>
vendor: 1 bytes, line 639
639
640<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":72102445283,"countryCode":"GB","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/72102445283","merchantName":"Pause Studio UK","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","maestro","elo"],"total":{"type":"pending","label":"Pause Studio UK","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 640
640
641<script id="shopify-features" type="application/json">{"accessToken":"aa1a3e30ce05799b0db7180de0ce5746","betas":["rich-media-storefront-analytics"],"domain":"pause.studio","predictiveSearch":true,"shopId":72102445283,"locale":"en"}</script>
vendor: 1 bytes, line 641
641
642<script>var Shopify = Shopify || {};
643Shopify.shop = "pause-studio-uk.myshopify.com";
644Shopify.locale = "en";
645Shopify.currency = {"active":"USD","rate":"1.3494294"};
646Shopify.country = "US";
647Shopify.theme = {"name":"Rhythm-2026.10.1.0-Oct8","id":188926984419,"schema_name":"Rhythm","schema_version":"2026.10.1.0","theme_store_id":null,"role":"main"};
648Shopify.theme.handle = "null";
649Shopify.theme.style = {"id":null,"handle":null};
650Shopify.cdnHost = "pause.studio/cdn";
651Shopify.routes = Shopify.routes || {};
652Shopify.routes.root = "/";
653Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
654Shopify.SignInWithShop = Shopify.SignInWithShop || {};
655Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
656Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 656
656
657<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 657
657
658<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 658
658
659<script>
660  window.ShopifyPay = window.ShopifyPay || {};
661  window.ShopifyPay.apiHost = "shop.app\/pay";
662  window.ShopifyPay.redirectState = null;
663</script>
vendor: 1 bytes, line 663
663
664<script>
665  window.Shopify = window.Shopify || {};
666  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
667  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
668  window.Shopify.SignInWithShop.eligible = false;
669</script>
vendor: 1 bytes, line 669
669
670<script id="shop-js-analytics" type="application/json">{"pageType":"customers/register"}</script>
vendor: 1 bytes, line 670
670
671<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 671
671
672<script type="module">
673  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
674
675  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
676
677</script>
vendor: 1 bytes, line 677
677
678<script>
679  window.Shopify = window.Shopify || {};
680  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
681  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"]};
682</script>
vendor: 1 bytes, line 682
682
683<script id="__st">var __st={"a":72102445283,"offset":3600,"reqid":"0841a9df-2db1-4ec5-a737-130493a3f6a8-1791493731","pageurl":"pause.studio\/account\/register","u":"5c1285f70755"};</script>
vendor: 1 bytes, line 683
683
684<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 684
684
685<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 685
685
686<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//pause.studio/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 686
686
687<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 = "//pause.studio/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>
687<script crossorigin="anonymous" defer="defer" src="//pause.studio/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 687
687
688<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 688
688
689<script>
690  window.Shopify = window.Shopify || {};
691  window.Shopify.MCP = window.Shopify.MCP || {};
692  window.Shopify.MCP.enabled = true;
693  window.Shopify.MCP.shop = "pause-studio-uk.myshopify.com";
694  window.Shopify.MCP.mcpEndpoint = "https:\/\/pause.studio\/api\/mcp";
695  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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
696</script>
vendor: 1 bytes, line 696
696
697<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("\/\/pause.studio\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
698</script>
vendor: 1 bytes, line 698
698
699<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://pause.studio/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
700</script>
vendor: 1 bytes, line 700
700
701<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
702  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);
703</script>
vendor: 1 bytes, line 703
703
704<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})}}));
705</script>
705
706<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://pause.studio/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
707<style id="shopify-accelerated-checkout-cart">
708        #shopify-buyer-consent {
709  margin-top: 1em;
710  display: inline-block;
711  width: 100%;
712}
713
714#shopify-buyer-consent.hidden {
715  display: none;
716}
717
718#shopify-subscription-policy-button {
719  background: none;
720  border: none;
721  padding: 0;
722  text-decoration: underline;
723  font-size: inherit;
724  cursor: pointer;
725}
726
727#shopify-subscription-policy-button::before {
728  box-shadow: none;
729}
730
731      </style>
732
733<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
733 <link rel="stylesheet" href="https://use.typekit.net/efk7usg.css"><link rel="stylesheet" href="https://fonts.umgapps.com/pause-uk/stylesheet.css"><style>
734  dialog[open]::backdrop,
735  .umg-backdrop {
736    
737      --theme-color: ;
738      background: hsl(0 0% 100% / 0.4);
739      -webkit-backdrop-filter: blur(10px);
740      backdrop-filter: blur(10px);
741  }
742  
743  #PBarNextFrameWrapper::backdrop,
744  #web-pixels-helper-sandbox-container::backdrop {
745    --theme-color: unset;
746    background: unset;
747    -webkit-backdrop-filter: unset;
748    backdrop-filter: unset;
749  }
750</style><link href="//pause.studio/cdn/shop/t/28/assets/styles.bundle.css?v=79235989978378529821791448685" rel="stylesheet" type="text/css" media="print" id="styles_css_bundle" onload="this.media=`all`;this.removeAttribute(`onload`)" />
751  <noscript><link href="//pause.studio/cdn/shop/t/28/assets/styles.bundle.css?v=79235989978378529821791448685" rel="stylesheet" type="text/css" media="all" id="styles_css_bundle" /></noscript>
751<script defer="defer" src="//pause.studio/cdn/shop/t/28/assets/alpine.bundle.js?v=167787159996188521771791448685"></script>
751<style data-shopify>.header__container--md {
752   grid-template-columns: 40px 1fr 1fr;
753}
754.header__container--md .header__column {
755   grid-column: span 1/span 1;
756}
757
758.show-only-desktop {
759   display: none;
760}
761@media (min-width: 768px) {
762   .show-only-desktop {
763        display: flex;
764     }
765    .show-only-mobile {
766       display: none;
767   }
768    .template__index #MainContent {
769        display: grid;
770        grid-template-columns: 1fr 1fr;
771        align-items: top;
772        margin: 0 auto;
773    }
774    .template__index .shopify-section {
775        grid-column: span 2;
776    }
777.xshopify-section:has(.section-split-right) .section-spacing {
778     padding-left: calc(var(--padding-lg-sm) / 2);
779}
780.xshopify-section:has(.section-split-left) .section-spacing {
781   padding-right:calc(var(--padding-lg-sm) / 2);
782} 
783
784    } 
785
786.shopify-section:has(.section-split-right) .content-wrapper {
787  padding-bottom: 1em;
788}
789.shopify-section:has(.section-split-left) .content-wrapper {
790  padding-bottom: 1em;
791} 
792
793   .section-split-left, .section-split-right{
794      grid-column: span 1;
795    }
796
797.shopify-section:has(.section-split-left) {
798      //max-width: 500px;
799      margin-left: auto;
800      margin-right: 0px;
801      grid-column: span 1;
802}
803.shopify-section:has(.section-split-right) {
804      //max-width: 500px;
805      margin-left: 0px;
806      margin-right: auto;
807      grid-column: span 1;
808}
809
810.carousel-nav__button-bg {
811   border-radius: 50%;
812   border: 2px solid white;
813}
814
815 @media (max-width: 768px) {
816
817.shopify-section:has(.m-order-2)  {
818    order: 2;
819  }
820
821#countdown-timer .digit {
822              width: 20%;
823              flex-basis: 20%;
824              min-width: 50px !important;
825 }
826#countdown-timer .digit__label{
827    font-size: 11px;
828}
829}
830
831
832.pause__signedframes-image-link.pause-frame--sold-out,
833.pause__signedframes-image-link[data-pause-frame-status="sold-out"],
834.pause__signedframes-image-link[data-pause-frame-status="unavailable"] {
835  position: relative;
836  display: block;
837  overflow: hidden;
838}
839
840.pause__signedframes-image-link.pause-frame--sold-out::after,
841.pause__signedframes-image-link[data-pause-frame-status="sold-out"]::after,
842.pause__signedframes-image-link[data-pause-frame-status="unavailable"]::after {
843  content: "Sold Out";
844  position: absolute;
845  inset: 0;
846  z-index: 10;
847  pointer-events: none;
848  background: rgba(0, 0, 0, 0.6);
849  clip-path: inset(2.6% 1.8% 2.6% 1.8%);
850
851  display: flex;
852  align-items: center;
853  justify-content: center;
854
855  color: white;
856  text-align: center;
857}</style><link rel="apple-touch-icon" sizes="180x180" href="//pause.studio/cdn/shop/files/image_17.png?crop=center&height=180&v=1745397726&width=180">
858    <link rel="icon" href="//pause.studio/cdn/shop/files/image_17.png?crop=center&height=32&v=1745397726&width=32"><meta name="description" content="Pause Studio produces premium, limited-edition prints featuring your favourite moments from music videos by the world&#39;s leading artists. ">
859
860  <meta property="og:site_name" content="Pause Studio UK">
861  <meta property="og:url" content="https://pause.studio/account/register">
862  <meta property="og:title" content="Create Account - Pause Studio UK">
863  <meta property="og:type" content="website">
864  <meta property="og:description" content="Pause Studio produces premium, limited-edition prints featuring your favourite moments from music videos by the world&#39;s leading artists. "><meta property="og:image" content="http://pause.studio/cdn/shop/files/pause_ss_01.jpg?v=1746538533">
865  <meta property="og:image:secure_url" content="https://pause.studio/cdn/shop/files/pause_ss_01.jpg?v=1746538533">
866  <meta property="og:image:width" content="1200">
867  <meta property="og:image:height" content="600"><meta name="twitter:card" content="summary_large_image">
868  <meta name="twitter:title" content="Create Account - Pause Studio UK">
869  <meta name="twitter:description" content="Pause Studio produces premium, limited-edition prints featuring your favourite moments from music videos by the world&#39;s leading artists. "><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
870<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: 72102445283,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "customers/register"};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 870
870
871<script>
872  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
873</script>
vendor: 1 bytes, line 873
873
874<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}
874).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: 72102445283,storefrontBaseUrl: "https://pause.studio",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://pause.studio/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"2836365539","configuration":"{\"pixelCode\":\"DB1R8JBC77UE4D1NC2IG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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"},{"id":"2391834851","configuration":"{\"pixel_id\":\"4470009983255876\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","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":"680362211","configuration":"{\"gtm_id\":\"GTM-5KMHWWBQ\"}","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":"Pause Studio UK","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"pause-studio-uk.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/pause.studio"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://pause.studio/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"188926984419","themePublished":"true","eventMetadataId":"d0550bd6-8569-4737-b10b-9b7c8e5bac1b","shopId":"72102445283","storefrontBaseUrl":"https:\/\/pause.studio","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
874<script>
875  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
876  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
877  window.ShopifyAnalytics.meta.currency = 'USD';
878  var meta = {"page":{"requestId":"0841a9df-2db1-4ec5-a737-130493a3f6a8-1791493731"}};
879  for (var attr in meta) {
880    window.ShopifyAnalytics.meta[attr] = meta[attr];
881  }
882</script>
vendor: 1 bytes, line 882
882
883<script class="analytics">
884  (function () {
885    var customDocumentWrite = function(content) {
886      var jquery = null;
887
888      if (window.jQuery) {
889        jquery = window.jQuery;
890      } else if (window.Checkout && window.Checkout.$) {
891        jquery = window.Checkout.$;
892      }
893
894      if (jquery) {
895        jquery('body').append(content);
896      }
897    };
898
899    var hasLoggedConversion = function(token) {
900      if (token) {
901        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
902      }
903      return false;
904    }
905
906    var setCookieIfConversion = function(token) {
907      if (token) {
908        var twoMonthsFromNow = new Date(Date.now());
909        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
910
911        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
912      }
913    }
914
915    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
916    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
917    if (trekkie.integrations) {
918      return;
919    }
920    trekkie.methods = [
921      'identify',
922      'page',
923      'ready',
924      'track',
925      'trackForm',
926      'trackLink'
927    ];
928    trekkie.factory = function(method) {
929      return function() {
930        var args = Array.prototype.slice.call(arguments);
931        args.unshift(method);
932        trekkie.push(args);
933        if (method == 'track' || method == 'page') {
934          var pageUrl;
935          try {
936            pageUrl = window.location.href;
937          } catch (e) {}
938          var pageReferrer;
939          try {
940            pageReferrer = document.referrer;
941          } catch (e) {}
942          try {
943            if (window.__TREKKIE_SHIM_QUEUE == null) {
944              window.__TREKKIE_SHIM_QUEUE = [];
945            }
946            window.__TREKKIE_SHIM_QUEUE.push({
947              from: 'trekkie-stub',
948              method: method,
949              args: args.slice(1),
950              pageContext: {
951                url: pageUrl,
952                referrer: pageReferrer
953              }
954            });
955          } catch (e) {
956            // no-op
957          }
958        }
959        return trekkie;
960      };
961    };
962    for (var i = 0; i < trekkie.methods.length; i++) {
963      var key = trekkie.methods[i];
964      trekkie[key] = trekkie.factory(key);
965    }
966    trekkie.load = function(config) {
967      trekkie.config = config || {};
968      trekkie.config.initialDocumentCookie = document.cookie;
969      var first = document.getElementsByTagName('script')[0];
970var script = document.createElement('script');
971script.type = 'text/javascript';
972script.onerror = function(e) {
973  var scriptFallback = document.createElement('script');
974  scriptFallback.type = 'text/javascript';
975  scriptFallback.onerror = function(error) {
976          var Monorail = {
977      produce: function produce(monorailDomain, schemaId, payload) {
978        var currentMs = new Date().getTime();
979        var event = {
980          schema_id: schemaId,
981          payload: payload,
982          metadata: {
983            event_created_at_ms: currentMs,
984            event_sent_at_ms: currentMs
985          }
986        };
987        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
988      },
989      sendRequest: function sendRequest(endpointUrl, payload) {
990        // Try the sendBeacon API
991        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
992          var blobData = new window.Blob([payload], {
993            type: 'text/plain'
994          });
995
996          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
997            return true;
998          } // sendBeacon was not successful
999
1000        } // XHR beacon
1001
1002        var xhr = new XMLHttpRequest();
1003
1004        try {
1005          xhr.open('POST', endpointUrl);
1006          xhr.setRequestHeader('Content-Type', 'text/plain');
1007          xhr.send(payload);
1008        } catch (e) {
1009          console.log(e);
1010        }
1011
1012        return false;
1013      },
1014      isIos12: function isIos12() {
1015        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1016      }
1017    };
1018    Monorail.produce('monorail-edge.shopifysvc.com',
1019      'trekkie_storefront_load_errors/1.1',
1020      {shop_id: 72102445283,
1021      theme_id: 188926984419,
1022      app_name: "storefront",
1023      context_url: window.location.href,
1024      source_url: "//pause.studio/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
1025
1026  };
1027  scriptFallback.async = true;
1028  scriptFallback.src = '//pause.studio/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1029  first.parentNode.insertBefore(scriptFallback, first);
1030};
1031script.async = true;
1032script.src = '//pause.studio/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
1033first.parentNode.insertBefore(script, first);
1034
1035    };
1036    trekkie.load(
1037      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":72102445283,"isMerchantRequest":null,"themeId":188926984419,"themeCityHash":"4157801919201547060","contentLanguage":"en","currency":"USD","eventMetadataId":"d0550bd6-8569-4737-b10b-9b7c8e5bac1b"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1038    );
1039
1040    var loaded = false;
1041    trekkie.ready(function() {
1042      if (loaded) return;
1043      loaded = true;
1044
1045      window.ShopifyAnalytics.lib = window.trekkie;
1046
1047      var originalDocumentWrite = document.write;
1048      document.write = customDocumentWrite;
1049      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1050      document.write = originalDocumentWrite;
1051
1052      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1053      var token = match? match[1]: undefined;
1054      if (!hasLoggedConversion(token)) {
1055        setCookieIfConversion(token);
1056        
1057      }
1058    });
1059
1060    window.ShopifyAnalytics.lib.page(null,{"requestId":"0841a9df-2db1-4ec5-a737-130493a3f6a8-1791493731","shopifyEmitted":true});
1061
1062    var eventsListenerScript = document.createElement('script');
1063    eventsListenerScript.async = true;
1064    eventsListenerScript.src = "//pause.studio/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1065    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1066})();</script>
vendor: 1 bytes, line 1066
1066
1067<script
1068  defer
1069  src="https://pause.studio/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
1070  data-application="storefront-renderer"
1071  data-shop-id="72102445283"
1072  data-render-region="gcp-us-central1"
1073  data-page-type="customers/register"
1074  data-theme-instance-id="188926984419"
1075  data-theme-name="Rhythm"
1076  data-theme-version="2026.10.1.0"
1077  data-monorail-region="shop_domain"
1078  data-resource-timing-sampling-rate="10"
1079  data-shs="true"
1080  data-shs-beacon="true"
1081  data-shs-export-with-fetch="true"
1082  data-shs-logs-sample-rate="1"
1083  data-shs-beacon-endpoint="https://pause.studio/api/collect"
1084></script>
1084
1085<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1823051331000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1791495531000"><meta name="new-cookie-storage-activated" content="t">
1086</head><body class="template__register 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.10.1.0">
1087  <span class="sr-only" data-e2e="aria-countdown-change" aria-live="assertive"></span>
vendor: 67 bytes, line 1087
1087<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1087GTM-5KMHWWBQ
vendor: 86 bytes, lines 1087-1088
1087"
1088    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1088<a class="skip-to-content-link button sr-only focus:not-sr-only" href="#MainContent">Skip to content</a><content-overlay>
1089  <div class="overlay hidden fixed top-0 left-0 w-full h-full z-[1000001] c-bg-gray-900 opacity-50"></div>
1090</content-overlay><!-- BEGIN sections: header-group -->
1091<header id="shopify-section-sections--27933005152483__header" class="shopify-section shopify-section-group-header-group site-header md:hidden">
1092
1093
1094
1095
1096
1097
1098<div id="header-wrapper--27933005152483" 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_header" style=" --icon-width: 1.5rem; --icon-height: 1.5rem; ">
1099  <div id="header-container--27933005152483" class="header__container grid gap-y-sm-sm gap-x-sm-sm grid-cols-12 section-spacing mx-auto w-full relative z-10 py-container-2xs px-lg-2xs max-w-full md:px-container-2xs md:max-w-full c-border-default-color border-none border-x-0 border-t-0 mx-auto text-center" >
1100    
1101      
1102          
1103
1104
1105
1106
1107
1108
1109<div class="navigation-wrapper header__column flex header-md__column--0 col-span-2 justify-start items-center"  >
1110
1111  
1112
1113    <button class="hamburger-btn-wrapper flex flex-row gap-sm-2xs items-center text_navigation_sm no-underline" x-on:click="hamburgerMenuOpen = true" type="button" aria-label="Open navigation menu" :aria-expanded="hamburgerMenuOpen == true? true : false" aria-controls="menu-list-navigation"  id="menu-button-navigation" aria-haspopup="true" >
1114      <div class="header__hamburgermenu--icon h-min-click-space min-w-min-click-space flex justify-center items-center">
1115        
1116
1117<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
1118        <path d="M0 80C0 71.16 7.164 64 16 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H16C7.164 96 0 88.84 0 80zM0 240C0 231.2 7.164 224 16 224H432C440.8 224 448 231.2 448 240C448 248.8 440.8 256 432 256H16C7.164 256 0 248.8 0 240zM432 416H16C7.164 416 0 408.8 0 400C0 391.2 7.164 384 16 384H432C440.8 384 448 391.2 448 400C448 408.8 440.8 416 432 416z"/>
1119      </svg>
1120      </div>
1121      
1122    </button>
1123    <div class="hamburger-wrapper fixed z-[1000000] top-0 inset-x-0 transform origin-top-left w-full h-screen md:flex overflow-scroll overscroll-contain" x-show="hamburgerMenuOpen" x-cloak>
1124      <div class="hamburger-container w-[83%] md:w-[40%] max-w-sm h-screen absolute right-0 z-10 overflow-scroll left-0 right-[17%] md:left-0 md:right-[60%] c-bg-surface c-text-on-surface py-lg-xl" x-show="hamburgerMenuOpen"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">
1125        <div class="hamburger-header-wrapper flex justify-between items-center py-sm-sm text_navigation_sm">
1126          <span class="hamburger-header-wrapper flex px-lg-xs">
1127            
1128          </span>
1129          <button class="hamburger-close-btn-wrapper h-[3rem] w-[3rem] p-sm-sm mr-sm-md" x-on:click="hamburgerMenuOpen = false" type="button" aria-label="Close navigation menu" :aria-expanded="hamburgerMenuOpen == true? true : false" aria-controls="menu-list-navigation">
1130            
1131
1132<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
1133        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
1134      </svg>
1135          </button>
1136        </div>
1137  
1138
1139        <nav class="nav-wrapper" aria-label="Header main menu" >
1140          <ul class="navigation-container flex flex-col text-left gap-x-sm-sm gap-y-sm-xs"  id="menu-list-navigation" aria-labelledby="menu-button-navigation"role="menu">
1141            
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155  
1156  
1157  
1158  
1159  
1160  
1161
1162  <li class=""  role="presentation">
1163
1164    
1165      
1166      
1167      
1168      <a href="/" class="header__navigation-link flex relative w-full text_navigation_md px-lg-xs no-underline"   role="menuitem">
1169        Home
1170      </a>
1171    
1172    
1173  </li>
1174
1175  
1176  
1177  
1178  
1179  
1180  
1181
1182  <li class=""  role="presentation">
1183
1184    
1185      <button href="/" class="header__navigation-link flex relative w-full text_navigation_md px-lg-xs no-underline w-full justify-between items-center gap-sm-2xs group" type="button" x-on:click="dropDownMenuOpen = (dropDownMenuOpen === 'shop' ? null : 'shop')" role="menuitem" :aria-expanded="(dropDownMenuOpen === 'shop').toString()" aria-controls="dropdown_menu_shop" aria-haspopup="menu">
1186        Shop
1187        <div class="header__navigation-link-arrow flex justify-center items-center h-[1em] w-[1em]" style="--icon-width:1em;--icon-width-md:1em;" :class="{ 'rotate-180': dropDownMenuOpen === 'shop' }">
1188          
1189  
1190
1191<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-fullicon--arrow--chevron" fill="currentColor">
1192            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
1193          </svg>
1194        </div>
1195      </button>
1196      
1197      
1198          <ul class="header__navigation-dropdown-container menu-container text-left flex flex-col gap-y-sm-xs gap-x-lg-sm md:gap-x-container-sm py-container-xs px-container-xs c-bg-surface c-text-on-surface" role="menu" id="dropdown_menu_shop" x-show="dropDownMenuOpen === 'shop'" x-cloak @click.outside="dropDownMenuOpen = (dropDownMenuOpen === 'shop' ? null : dropDownMenuOpen)">
1199            
1200            
1201              
1202                  
1203                  
1204                  <li class="px-lg-xs no-underline gap-y-sm-xs" role="none">
1205                    <a href="https://pause.studio/pages/olivia-dean" role="menuitem">
1206                      Olivia Dean
1207                    </a>
1208                  </li>
1209                  
1210              
1211            
1212              
1213                  
1214                  
1215                  <li class="px-lg-xs no-underline gap-y-sm-xs" role="none">
1216                    <a href="/pages/black-veil-brides" role="menuitem">
1217                      Black Veil Brides
1218                    </a>
1219                  </li>
1220                  
1221              
1222            
1223          </ul>
1224        
1225    
1226    
1227  </li>
1228
1229  
1230  
1231  
1232  
1233  
1234  
1235
1236  <li class=""  role="presentation">
1237
1238    
1239      
1240      
1241      
1242      <a href="/pages/the-player" class="header__navigation-link flex relative w-full text_navigation_md px-lg-xs no-underline"   role="menuitem">
1243        The Player
1244      </a>
1245    
1246    
1247  </li>
1248
1249  
1250  
1251  
1252  
1253  
1254  
1255
1256  <li class=""  role="presentation">
1257
1258    
1259      
1260      
1261      
1262      <a href="/pages/the-artworks" class="header__navigation-link flex relative w-full text_navigation_md px-lg-xs no-underline"   role="menuitem">
1263        The Artworks
1264      </a>
1265    
1266    
1267  </li>
1268
1269  
1270  
1271  
1272  
1273  
1274  
1275
1276  <li class=""  role="presentation">
1277
1278    
1279      
1280      
1281      
1282      <a href="/pages/faqs" class="header__navigation-link flex relative w-full text_navigation_md px-lg-xs no-underline"   role="menuitem">
1283        FAQs
1284      </a>
1285    
1286    
1287  </li>
1288
1289  
1290  
1291  
1292  
1293  
1294  
1295
1296  <li class=""  role="presentation">
1297
1298    
1299      
1300      
1301      
1302      <a href="/pages/sign-up" class="header__navigation-link flex relative w-full text_navigation_md px-lg-xs no-underline"   role="menuitem">
1303        Sign Up
1304      </a>
1305    
1306    
1307  </li>
1308
1309            
1310              
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326<ul class="account-navigation-container flex flex-col text-left gap-x-sm-sm gap-y-sm-xs">
1327  
1328    
1329    <li class="
1330" >
1331      
1332      
1333      
1334      <a href="/account/login" class="header__navigation--account-link px-lg-xs text_navigation_md px-lg-xs no-underline">
1335        Login
1336      </a>
1337    </li>
1338
1339    
1340      
1341      <li class="
1342 group is-current-page" aria-current>
1343        <a href="/account/register" class="header__navigation--account-link px-lg-xs text_navigation_md px-lg-xs no-underline">
1344          Create Account
1345        </a>
1346      </li>
1347    
1348  
1349</ul>
1350
1351            
1352          </ul>          
1353        </nav>
1354
1355  
1356      </div>
1357      <button class="absolute top-0 left-0 bottom-0 right-0 bg-black/30 w-full h-screen -z-1" x-show="hamburgerMenuOpen"x-on:click="hamburgerMenuOpen = false"x-transition:enter="transition ease-out duration-300"x-transition:enter-start="opacity-0"x-transition:enter-end="opacity-100"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="opacity-100"x-transition:leave-end="opacity-0">
1358        <span class="sr-only">
1359          Close navigation menu
1360        </span>
1361      </button>
1362    </div>
1363  
1364
1365</div>
1366        
1367    
1368      
1369          
1370
1371<div class="header__column header__column--1 header__column--logo flex col-span-2 justify-start items-center" >
1372  <div x-ref="logoContainer" class="logo-container" >
1373    <a class="logo-cntr block" href="/" style=" --logo-width: 5.0rem;" aria-label="Pause Studio UK Home">
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386  <picture class="image__adaptive">
1387    
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403    
1404  
1405<source data-src="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=1000" alt="Pause Studio UK" srcset="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=100 100w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=300 300w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=400 400w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=500 500w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=600 600w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 768px) 80px,80px" media="(min-width: 760px)">
1406
1407
1408
1409
1410    
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426  
1427<img aria-hidden="true" src="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=900" alt="Pause Studio UK" srcset="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=100 100w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=300 300w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=400 400w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=500 500w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=600 600w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=800 800w" width="900" height="900" loading="eager" sizes="(min-width: 768px) 80px,80px" class="w-full object-cover image__responsive">
1428
1429
1430
1431
1432  </picture>
1433
1434</a>
1435  </div>
1436</div>
1437        
1438    
1439      
1440          
1441
1442<div class="header__column header__column--2 header__column--actions flex col-span-8 justify-end items-center"  >
1443  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xs">
1444    
1445
1446
1447
1448
1449  
1450  
1451
1452  
1453  
1454
1455  
1456  
1457
1458  <div class="currency-list flex relative" x-data="{ currencySelectorOpen: false }" :aria-expanded="currencySelectorOpen" role="toolbar">
1459    <div class="flex h-full fill-current items-center justify-center">
1460      <button type="button" class="currency-list__container-button flex justify-center items-center text_navigation_sm no-underline whitespace-nowrap" :aria-expanded="currencySelectorOpen" aria-controls="currency-list" x-on:click="currencySelectorOpen = ! currencySelectorOpen" aria-label="Open currency selector">
1461          
1462            USD $
1463          
1464      </button>
1465
1466      <ul role="list" class="currency-list__container absolute w-auto h-auto max-h-96 overflow-auto right-0 top-full z-10 c-bg-surface c-text-on-surface" x-s
1466how="currencySelectorOpen" @click.away="currencySelectorOpen = false" :class="{ '' : currencySelectorOpen , 'hidden' : !currencySelectorOpen }" x-cloak>
1467        
1468          <li class="currency-list__item my-sm-xs" tabindex="-1">
1469            <a class="text_navigation_md px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=EUR" data-value="EUR">
1470              EUR €
1471            </a>
1472          </li>
1473        
1474          <li class="currency-list__item my-sm-xs" tabindex="-1">
1475            <a class="text_navigation_md px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=GBP" data-value="GBP">
1476              GBP £
1477            </a>
1478          </li>
1479        
1480          <li class="currency-list__item my-sm-xs" tabindex="-1">
1481            <a class="text_navigation_md px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=USD" aria-current="true" data-value="USD">
1482              USD $
1483            </a>
1484          </li>
1485        
1486      </ul>
1487    </div>
1488  </div>
1489
1490
1491
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
1509
1510
1511
1512
1513
1514
1515   
1516  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_sm no-underline" tabindex="-1">
1517    
1518  <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center">
1519    
1520Cart<span class="cart-count__brack hidden">&nbsp;(</span>
1521    
1522    <div id="header-cart-count" class="cart-count empty:hidden"></div>
1523    
1524      <span class="cart-count__brack hidden">)</span>
1525    
1526  </a>
1527
1528  </cart-drawer-toggle-button>
1529
1530    
1531
1532
1533  </div>
1534</div>
1535          
1536        
1537    
1538  </div>
1539  
1540  
1541
1542  
1543
1544  
1545
1546
1547
1548
1549</div>
1550
1551
1552<style> #shopify-section-sections--27933005152483__header .header__column--actions .actions-container {column-gap: 1.3rem;} #shopify-section-sections--27933005152483__header .header__column--logo {transform: translateX(-23px);} </style></header><header id="shopify-section-sections--27933005152483__header-md" class="shopify-section shopify-section-group-header-group site-header site-header--md hidden md:grid">
1553
1554
1555
1556
1557
1558
1559<div id="header-md-wrapper--27933005152483" 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_header" style=" --icon-width: 1.5rem; --icon-height: 1.5rem; ">
1560  <div id="header-md-container--27933005152483" class="header__container header__container--md grid gap-y-sm-xs gap-x-sm-sm grid-cols-12 section-spacing mx-auto w-full relative z-10 py-container-xs px-lg-2xs max-w-full md:px-container-2xs md:max-w-full mx-auto text-center" >
1561    
1562      
1563          
1564
1565
1566
1567
1568
1569
1570<div class="navigation-wrapper header__column flex header-md__column--0 col-span-2 justify-start items-center"  >
1571
1572  
1573
1574    <button class="hamburger-btn-wrapper flex flex-row gap-sm-2xs items-center text_navigation_lg no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" x-on:click="hamburgerMenuOpen = true" type="button" aria-label="Open navigation menu" :aria-expanded="hamburgerMenuOpen == true? true : false" aria-controls="menu-list-navigation"  id="menu-button-navigation" aria-haspopup="true" >
1575      <div class="header__hamburgermenu--icon h-min-click-space min-w-min-click-space flex justify-center items-center">
1576        
1577
1578<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor">
1579        <path d="M0 80C0 71.16 7.164 64 16 64H432C440.8 64 448 71.16 448 80C448 88.84 440.8 96 432 96H16C7.164 96 0 88.84 0 80zM0 240C0 231.2 7.164 224 16 224H432C440.8 224 448 231.2 448 240C448 248.8 440.8 256 432 256H16C7.164 256 0 248.8 0 240zM432 416H16C7.164 416 0 408.8 0 400C0 391.2 7.164 384 16 384H432C440.8 384 448 391.2 448 400C448 408.8 440.8 416 432 416z"/>
1580      </svg>
1581      </div>
1582      
1583    </button>
1584    <div class="hamburger-wrapper fixed z-[1000000] top-0 inset-x-0 transform origin-top-left w-full h-screen md:flex overflow-scroll overscroll-contain" x-show="hamburgerMenuOpen" x-cloak>
1585      <div class="hamburger-container w-[83%] md:w-[40%] max-w-sm h-screen absolute right-0 z-10 overflow-scroll left-0 right-[17%] md:left-0 md:right-[60%] c-bg-surface c-text-on-surface py-lg-xl" x-show="hamburgerMenuOpen"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">
1586        <div class="hamburger-header-wrapper flex justify-between items-center py-sm-sm text_navigation_lg">
1587          <span class="hamburger-header-wrapper flex px-lg-xs">
1588            
1589          </span>
1590          <button class="hamburger-close-btn-wrapper h-[3rem] w-[3rem] p-sm-sm mr-sm-md" x-on:click="hamburgerMenuOpen = false" type="button" aria-label="Close navigation menu" :aria-expanded="hamburgerMenuOpen == true? true : false" aria-controls="menu-list-navigation">
1591            
1592
1593<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
1594        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
1595      </svg>
1596          </button>
1597        </div>
1598  
1599
1600        <nav class="nav-wrapper" aria-label="Header main menu" >
1601          <ul class="navigation-container flex flex-col text-left gap-x-sm-xl gap-y-sm-xs"  id="menu-list-navigation" aria-labelledby="menu-button-navigation"role="menu">
1602            
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614
1615
1616  
1617  
1618  
1619  
1620  
1621  
1622
1623  <li class=""  role="presentation">
1624
1625    
1626      
1627      
1628      
1629      <a href="/" class="header__navigation-link flex relative w-full text_navigation_lg px-lg-xs no-underline default"   role="menuitem">
1630        Home
1631      </a>
1632    
1633    
1634  </li>
1635
1636  
1637  
1638  
1639  
1640  
1641  
1642
1643  <li class=""  role="presentation">
1644
1645    
1646      <button href="/" class="header__navigation-link flex relative w-full text_navigation_lg px-lg-xs no-underline default w-full justify-between items-center gap-sm-2xs group" type="button" x-on:click="dropDownMenuOpen = (dropDownMenuOpen === 'shop' ? null : 'shop')" role="menuitem" :aria-expanded="(dropDownMenuOpen === 'shop').toString()" aria-controls="dropdown_menu_shop" aria-haspopup="menu">
1647        Shop
1648        <div class="header__navigation-link-arrow flex justify-center items-center h-[1em] w-[1em]" style="--icon-width:1em;--icon-width-md:1em;" :class="{ 'rotate-180': dropDownMenuOpen === 'shop' }">
1649          
1650  
1651
1652<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-fullicon--arrow--chevron" fill="currentColor">
1653            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
1654          </svg>
1655        </div>
1656      </button>
1657      
1658      
1659          <ul class="header__navigation-dropdown-container menu-container text-left flex flex-col gap-y-sm-xs gap-x-lg-xl md:gap-x-container-xl py-container-xs px-container-xs c-bg-surface c-text-on-surface" role="menu" id="dropdown_menu_shop" x-show="dropDownMenuOpen === 'shop'" x-cloak @click.outside="dropDownMenuOpen = (dropDownMenuOpen === 'shop' ? null : dropDownMenuOpen)">
1660            
1661            
1662              
1663                  
1664                  
1665                  <li class="px-lg-xs no-underline default gap-x-sm-xl gap-y-sm-xs" role="none">
1666                    <a href="https://pause.studio/pages/olivia-dean" role="menuitem">
1667                      Olivia Dean
1668                    </a>
1669                  </li>
1670                  
1671              
1672            
1673              
1674                  
1675                  
1676                  <li class="px-lg-xs no-underline default gap-x-sm-xl gap-y-sm-xs" role="none">
1677                    <a href="/pages/black-veil-brides" role="menuitem">
1678                      Black Veil Brides
1679                    </a>
1680                  </li>
1681                  
1682              
1683            
1684          </ul>
1685        
1686    
1687    
1688  </li>
1689
1690  
1691  
1692  
1693  
1694  
1695  
1696
1697  <li class=""  role="presentation">
1698
1699    
1700      
1701      
1702      
1703      <a href="/pages/the-player" class="header__navigation-link flex relative w-full text_navigation_lg px-lg-xs no-underline default"   role="menuitem">
1704        The Player
1705      </a>
1706    
1707    
1708  </li>
1709
1710  
1711  
1712  
1713  
1714  
1715  
1716
1717  <li class=""  role="presentation">
1718
1719    
1720      
1721      
1722      
1723      <a href="/pages/the-artworks" class="header__navigation-link flex relative w-full text_navigation_lg px-lg-xs no-underline default"   role="menuitem">
1724        The Artworks
1725      </a>
1726    
1727    
1728  </li>
1729
1730  
1731  
1732  
1733  
1734  
1735  
1736
1737  <li class=""  role="presentation">
1738
1739    
1740      
1741      
1742      
1743      <a href="/pages/faqs" class="header__navigation-link flex relative w-full text_navigation_lg px-lg-xs no-underline default"   role="menuitem">
1744        FAQs
1745      </a>
1746    
1747    
1748  </li>
1749
1750  
1751  
1752  
1753  
1754  
1755  
1756
1757  <li class=""  role="presentation">
1758
1759    
1760      
1761      
1762      
1763      <a href="/pages/sign-up" class="header__navigation-link flex relative w-full text_navigation_lg px-lg-xs no-underline default"   role="menuitem">
1764        Sign Up
1765      </a>
1766    
1767    
1768  </li>
1769
1770            
1771              
1772
1773
1774
1775
1776
1777
1778
1779
1780
1781
1782
1783
1784
1785
1786
1787<ul class="account-navigation-container flex flex-col text-left gap-x-sm-xl gap-y-sm-xs">
1788  
1789    
1790    <li class="
1791" >
1792      
1793      
1794      
1795      <a href="/account/login" class="header__navigation--account-link px-lg-xs text_navigation_lg px-lg-xs no-underline default">
1796        Login
1797      </a>
1798    </li>
1799
1800    
1801      
1802      <li class="
1803 group is-current-page" aria-current>
1804        <a href="/account/register" class="header__navigation--account-link px-lg-xs text_navigation_lg px-lg-xs no-underline default">
1805          Create Account
1806        </a>
1807      </li>
1808    
1809  
1810</ul>
1811
1812            
1813          </ul>          
1814        </nav>
1815
1816  
1817      </div>
1818      <button class="absolute top-0 left-0 bottom-0 right-0 bg-black/30 w-full h-screen -z-1" x-show="hamburgerMenuOpen"x-on:click="hamburgerMenuOpen = false"x-transition:enter="transition ease-out duration-300"x-transition:enter-start="opacity-0"x-transition:enter-end="opacity-100"x-transition:leave="transition ease-out duration-300"x-transition:leave-start="opacity-100"x-transition:leave-end="opacity-0">
1819        <span class="sr-only">
1820          Close navigation menu
1821        </span>
1822      </button>
1823    </div>
1824  
1825
1826</div>
1827          
1828        
1829    
1830      
1831          
1832
1833<div class="header__column header__column--1 header__column--logo flex col-span-2 justify-start items-center" >
1834  <div x-ref="logoContainer" class="logo-container" >
1835    <a class="logo-cntr block" href="/" style=" --logo-width: 5.0rem;" aria-label="Pause Studio UK Home">
1836
1837
1838
1839
1840
1841
1842
1843
1844
1845
1846
1847
1848  <picture class="image__adaptive">
1849    
1850
1851
1852
1853
1854
1855
1856
1857
1858
1859
1860
1861
1862
1863
1864
1865    
1866  
1867<source data-src="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=1000" alt="Pause Studio UK" srcset="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=100 100w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=300 300w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=400 400w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=500 500w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=600 600w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=800 800w" width="1000" height="1000" loading="eager" sizes="(min-width: 768px) 80px,80px" media="(min-width: 760px)">
1868
1869
1870
1871
1872    
1873
1874
1875
1876
1877
1878
1879
1880
1881
1882
1883
1884
1885
1886
1887
1888  
1889<img aria-hidden="true" src="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=900" alt="Pause Studio UK" srcset="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=100 100w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=300 300w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=400 400w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=500 500w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=600 600w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&amp;width=800 800w" width="900" height="900" loading="eager" sizes="(min-width: 768px) 80px,80px" class="w-full object-cover image__responsive">
1890
1891
1892
1893
1894  </picture>
1895
1896</a>
1897  </div>
1898</div>
1899        
1900    
1901      
1902          
1903
1904<div class="header__column header__column--2 header__column--actions flex col-span-8 justify-end items-center"  >
1905  <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xs">
1906    
1907
1908
1909
1910
1911  
1912  
1913
1914  
1915  
1916
1917  
1918  
1919
1920  <div class="currency-list flex relative" x-data="{ currencySelectorOpen: false }" :aria-expanded="currencySelectorOpen" role="toolbar">
1921    <div class="flex h-full fill-current items-center justify-center">
1922      <button type="button" class="currency-list__container-button flex justify-center items-center text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px] whitespace-nowrap" :aria-expanded="currencySelectorOpen" aria-controls="currency-list" x-on:click="currencySelectorOpen = ! currencySelectorOpen" aria-label="Open currency selector">
1923          
1924            USD $
1925          
1926      </button>
1927
1928      <ul role="list" class="currency-list__container absolute w-auto h-auto max-h-96 overflow-auto right-0 top-full z-10 c-bg-surface" x-s
1928how="currencySelectorOpen" @click.away="currencySelectorOpen = false" :class="{ '' : currencySelectorOpen , 'hidden' : !currencySelectorOpen }" x-cloak>
1929        
1930          <li class="currency-list__item my-sm-xs" tabindex="-1">
1931            <a class="text_navigation_md px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=EUR" data-value="EUR">
1932              EUR €
1933            </a>
1934          </li>
1935        
1936          <li class="currency-list__item my-sm-xs" tabindex="-1">
1937            <a class="text_navigation_md px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=GBP" data-value="GBP">
1938              GBP £
1939            </a>
1940          </li>
1941        
1942          <li class="currency-list__item my-sm-xs" tabindex="-1">
1943            <a class="text_navigation_md px-sm-sm py-sm-xs whitespace-nowrap" href="?currency=USD" aria-current="true" data-value="USD">
1944              USD $
1945            </a>
1946          </li>
1947        
1948      </ul>
1949    </div>
1950  </div>
1951
1952
1953
1954
1955<a href="/account" class="header__action header__action--account-link text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px] flex h-full fill-current items-center justify-center block overflow-hidden">
1956  
1957      Account
1958  
1959</a>
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986   
1987  <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" tabindex="-1">
1988    
1989  <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center">
1990    
1991Cart<span class="cart-count__brack hidden">&nbsp;(</span>
1992    
1993    <div id="header-cart-count_md" class="cart-count empty:hidden"></div>
1994    
1995      <span class="cart-count__brack hidden">)</span>
1996    
1997  </a>
1998
1999  </cart-drawer-toggle-button>
2000
2001    
2002
2003
2004  </div>
2005</div>
2006          
2007        
2008    
2009  </div>
2010  
2011  
2012
2013  
2014
2015  
2016
2017
2018
2019</div>
2020
2021
2022<style> #shopify-section-sections--27933005152483__header-md #header__wrapper--md {background: transparent;} @media (min-width: 1024px) {#shopify-section-sections--27933005152483__header-md .header__column--actions .actions-container {column-gap: 2rem; }} @media (min-width: 1024px) {#shopify-section-sections--27933005152483__header-md .logo-container img, #shopify-section-sections--27933005152483__header-md .logo-container svg {width: 50px; /* adjust as needed */ height: auto; }} @media (min-width: 1024px) {#shopify-section-sections--27933005152483__header-md .header__column--logo {transform: translateX(-13px); }} </style></header><aside id="shopify-section-sections--27933005152483__soft-redirect" class="shopify-section shopify-section-group-header-group section-soft-redirects">
2023
2024
2025</aside>
2026<!-- 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">
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047 
2048  <style>
2049    .cart-drawer.active {
2050      transform: translateX(0);
2051    }
2052  </style>
2053  <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">
2054    <div class="cart-drawer__header flex justify-between items-start px-sm-xs pt-sm-xl">
2055      
2056      <button class="cart-drawer__close ml-auto appearance-none h-[3rem] w-[3rem] p-sm-xs">
2057        <span class="sr-only">Close cart</span>
2058        
2059
2060<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
2061        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
2062      </svg>
2063      </button>
2064    </div>
2065
2066    <div class="cart-drawer__main grow flex flex-col items-stretch gap-sm-md px-sm-xs" id="cart-drawer-main">
2067      
2068
2069
2070
2071  <div class="cart__empty grow flex flex-col justify-center items-center gap-sm-lg">
2072
2073    <h4 class="cart__empty-title text_heading_lg">Your cart is empty</h4>
2074    <p class="cart__empty-message text_body">Time to fill up the cart</p>
2075
2076    <cart-drawer-toggle-button class="cart__empty-action" tabindex="0">
2077      
2078      
2079      <button class="btn btn--primary block z-10 relative">Continue shopping</button>
2080    </cart-drawer-toggle-button>
2081  </div>
2082    </div>
2083    
2084  </div>
2085
2086  
2087</cart-drawer><main id="MainContent" role="main" class="z-10 grow scroll-mt-[var(--header-sticky-height)]"><div id="shopify-section-template-customer-register" class="shopify-section template-customer-register flex flex-col items-center justify-center min-h-full grow">
2088
2089
2090
2091
2092
2093
2094
2095
2096
2097
2098
2099<script defer="defer" src="//pause.studio/cdn/shop/t/28/assets/account-register.bundle.js?v=170456399281691756401791448685"></script>
2099
2100
2101<account-forms class="account-section__wrapper flex flex-col items-center justify-center min-h-full grow w-full z-100 c-bg-background c-text-content-base my-container-sm px-sm-md lg:px-container-md shadow-none overflow-hidden rounded-none"
2102  x-data="{
2103    tabViewing: 'register',
2104    resettingPasswordForm: window.location.href.includes('reset'),
2105    resettingPassword: window.location.href.includes('#recover'),
2106    redirectUrl: new URLSearchParams(window.location.search).get('redirect_url') || '',
2107    init() { if (this.redirectUrl) document.querySelectorAll('input[name=return_to], input[name=checkout_url]').forEach(input => input.value = new URL(this.redirectUrl).pathname) },
2108    setTabViewing (newTab) { this.tabViewing = newTab; },
2109    setResettingPassword (isResetting) { this.resettingPassword = isResetting }
2110  }"
2111  x-init="init()"
2112>
2113  <div class="grid grid-cols-2 w-full lg:hidden account-section__spacing mx-auto max-w-full md:max-w-sm lg:max-w-lg w-full col-start-1 row-start-1 col-span-1 row-span-1 relative z-10 border-default-width-narrow border-b-none lg:border-none" x-show="resettingPassword !== true && resettingPasswordForm === false" x-cloak="resettingPassword">
2114    <button class="px-sm-xs py-sm-lg text-center"
2115      :class="tabViewing !== 'login' ? 'c-text-gray-600 c-bg-gray-200' : ''"
2116      @click="$data.tabViewing !== 'login' && $root.querySelectorAll('form').forEach(f => f.reset()); $root.querySelectorAll('input[type=password]').forEach(el => el.dispatchEvent(new Event('input', { bubbles: true }))); setTabViewing('login')"
2117      data-tab="login"
2118    >Sign in</button>
2119    <button class="px-sm-xs py-sm-lg text-center"
2120      :class="tabViewing !== 'register' ? 'c-text-gray-600 c-bg-gray-200' : ''"
2121      @click="setTabViewing('register')"
2122      data-tab="register"
2123    >Create account</button>
2124  </div>
2125
2126  <div class="account-section__spacing mx-auto max-w-full md:max-w-sm lg:max-w-lg w-full col-start-1 row-start-1 col-span-1 row-span-1 relative z-10 border-default-width-narrow border-t-none lg:border-none  grid lg:grid-cols-2"
2127    x-show="!resettingPassword && !resettingPasswordForm"
2128  >
2129    <div class="lg:block py-container-sm px-sm-md lg:px-container-md c-border-gray-200 lg:border-r border-solid c-border-default
2130 border-solid lg:block"
2131      :class="tabViewing !== 'login' ? 'hidden' : ''"
2132      @focusin="setTabViewing('login')"
2133    >
2134      <div class="w-full"><h2 class="
2135
2136text-left text_heading_lg
2137">
2138  Sign in to your existing account
2139</h2>
2140<div class="mt-lg-sm"><form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/account/login?login_web=true" />
2141  <input type="hidden" name="checkout_url" value="/account/login?login_web=true" aria-hidden="true">
2142
2143  <required-input class="my-sm-xs flex flex-col">
2144    <label for="CustomerEmailLogin" class="sr-only text_body_md c-text-content-base py-sm-xs px-none">Email</label>
2145    <input type="email"
2146      name="customer[email]"
2147      id="CustomerEmailLogin"
2148      autocomplete="email"
2149      class="appearance-none w-full text_body_sm c-text-primary-on c-bg-primary shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs"
2150      required
2151      placeholder="Email"
2152    >
2153    <p class="!hidden flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs"
2154      data-validation-message
2155      data-validation-valueMissing="Email is a required field."
2156      data-validation-typeMismatch="Please enter a valid email address."
2157    >
2158      <span class="max-h-4 w-4">
2159
2160  
2161  
2162  
2163      
2164          
2165          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor">
2166            <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 304c8.844 0 16-7.156 16-16V128c0-8.844-7.156-16-16-16S240 119.2 240 128v160C240 296.8 247.2 304 256 304zM256 344c-13.25 0-24 10.75-24 24s10.75 24 24 24s24-10.75 24-24S269.3 344 256 344z"/>
2167          </svg>
2168      
2169    
2170</span>
2171    </p>
2172  </required-input>
2173
2174  
2175    <required-input class="my-sm-xs flex flex-col">
2176      <label for="CustomerPassword" class="sr-only text_body_md c-text-content-base py-sm-xs px-none">Password</label>
2177      <password-toggle class="w-full relative">
2178        <input type="password"
2179          name="customer[password]"
2180          id="CustomerPassword"
2181          autocomplete="current-password"
2182          class="appearance-none w-full text_body_sm c-text-primary-on c-bg-primary shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs"
2183          required
2184          placeholder="Password"
2185        ><button data-toggle-password="false"
2186  aria-label="Show password"
2187  type="button"
2188  class="absolute right-2 top-1/2 transform -translate-y-1/2 inline-block w-4 h-4 c-bg-primary"
2189>
2190  <span class="hidden" data-icon-displayed>
2191
2192  
2193  
2194  
2195      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon--eye w-full h-full icon" fill="currentColor">
2196        <path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/>
2197      </svg>
2198    
2199</span>
2200  <span data-icon-hidden>
2201
2202  
2203  
2204  
2205      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon--eye-slash w-full h-full icon" fill="currentColor">
2206        <path d="M25.9 3.4C19-2 8.9-.8 3.4 6.1S-.8 23.1 6.1 28.6l608 480c6.9 5.5 17 4.3 22.5-2.6s4.3-17-2.6-22.5L25.9 3.4zM605.5 268.3c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-51.2 0-96 14.8-133.9 36.8l27.3 21.5C244.6 74.2 280.2 64 320 64c70.4 0 127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-9.2 22.1-25.9 52-49.5 81.5l25.1 19.8c25.6-32 43.7-64.4 53.9-89zM88.4 154.7c-25.6 32-43.7 64.4-53.9 89c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c51.2 0 96-14.8 133.9-36.8l-27.3-21.5C395.4 437.8 359.8 448 320 448c-70.4 0-127.7-32-170.8-72C106.1 336 77.3 288 64 256c9.2-22.1 25.9-52 49.5-81.5L88.4 154.7zM320 384c16.7 0 32.7-3.2 47.4-9.1l-30.9-24.4c-5.4 .9-10.9 1.4-16.5 1.4c-51 0-92.8-39.8-95.8-90.1l-30.9-24.4c-.9 6-1.3 12.2-1.3 18.5c0 70.7 57.3 128 128 128zM448 256c0-70.7-57.3-128-128-128c-16.7 0-32.7 3.2-47.4 9.1l30.9 24.4c5.4-.9 10.9-1.4 16.5-1.4c51 0 92.8 39.8 95.8 90.1l30.9 24.4c.9-6 1.3-12.2 1.3-18.5z"/>
2207      </svg>
2208    
2209</span>
2210</button></password-toggle>
2211      <p class="flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs !hidden"
2212        data-validation-message
2213        data-validation-valueMissing="Password is a required field"
2214      >
2215        <span class="max-h-4 w-4">
2216
2217  
2218  
2219  
2220      
2221          
2222          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor">
2223            <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 304c8.844 0 16-7.156 16-16V128c0-8.844-7.156-16-16-16S240 119.2 240 128v160C240 296.8 247.2 304 256 304zM256 344c-13.25 0-24 10.75-24 24s10.75 24 24 24s24-10.75 24-24S269.3 344 256 344z"/>
2224          </svg>
2225      
2226    
2227</span></p>
2228    </required-input>
2229  
2230
2231  <div class="
2232
2233
2234
2235     my-sm-sm
2236      
2237  
2238 text-left">
2239    <a href="#recover" class="underline text_body_sm" @click="$root.querySelectorAll('form').forEach(f => f.reset()); $root.querySelectorAll('input[type=password]').forEach(el => el.dispatchEvent(new Event('input', { bubbles: true }))); setResettingPassword(true)">
2240      Forgot your password?
2241    </a>
2242  </div><div class="
2243
2244
2245
2246     my-sm-sm
2247      
2248  
2249">
2250    <input type="submit" class="
2251
2252mx-auto block btn btn--primary" value=" Sign in" />
2253  </div>
2254
2255  <div class="
2256
2257
2258    py-sm-sm
2259      
2260  
2261 flex items-center justify-between flex-wrap gap-sm-sm text_body_sm">
2262    <a href="/" class="flex items-center gap-sm-xs underline">
2263      <span class="inline-block transform rotate-90 w-4 h-4">
2264  
2265
2266<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-fullicon--arrow--chevron" fill="currentColor">
2267            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
2268          </svg></span>Return to Store</a>
2269    <div class="md:hidden">
2270      Don’t have an account?
2271      <a class="underline" href="/account/register" @click.prevent="setTabViewing('register')">Create account</a>
2272    </div>
2273  </div>
2274</form>
2275</div>
2276      </div>
2277    </div>
2278
2279    <div class="lg:block py-container-sm px-sm-md lg:px-container-md c-border-gray-200 lg:block"
2280      :class="tabViewing !== 'register' ? 'hidden' : ''"
2281      @focusin="setTabViewing('register')"
2282    >
2283      <div class="w-full"><h2 class="
2284
2285text-left text_heading_lg
2286">
2287  Create account
2288</h2>
2289<div class="mt-lg-sm">
2290
2291<div class="my-sm-xs">
2292  
2293
2294
2295
2296
2297<div class="notification notification__notification form_message gap-sm-xs text_body_md c-text-notification-on c-bg-notification text-left py-sm-sm px-sm-sm flex gap-sm-xs" tabindex="-1">
2298  
2299    <div class="notification__icon notification__icon--notification w-1em h-1em mt
2299-[.2em] shrink-0">
2300
2301  
2302  
2303  
2304      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--statusnotification" fill="currentColor">
2305        <path d="M207.1 16C207.1 7.164 215.2 0 223.1 0C232.8 0 240 7.164 240 16V32.79C320.9 40.82 384 109 384 192V221.1C384 264.8 401.4 306.7 432.3 337.7L435 340.4C443.3 348.7 448 359.1 448 371.7C448 396.2 428.2 416 403.7 416H44.28C19.83 416 0 396.2 0 371.7C0 359.1 4.666 348.7 12.97 340.4L15.72 337.7C46.63 306.7 64 264.8 64 221.1V192C64 109 127.1 40.82 208 32.79L207.1 16zM223.1 64C153.3 64 95.1 121.3 95.1 192V221.1C95.1 273.3 75.26 323.4 38.35 360.3L35.6 363C33.29 365.3 31.1 368.5 31.1 371.7C31.1 378.5 37.5 384 44.28 384H403.7C410.5 384 416 378.5 416 371.7C416 368.5 414.7 365.3 412.4 363L409.7 360.3C372.7 323.4 352 273.3 352 221.1V192C352 121.3 294.7 64 223.1 64H223.1zM223.1 480C237.9 480 249.8 471.1 254.2 458.7C257.1 450.3 266.3 445.1 274.6 448.9C282.9 451.9 287.3 461 284.4 469.3C275.6 494.2 251.9 512 223.1 512C196.1 512 172.4 494.2 163.6 469.3C160.7 461 165.1 451.9 173.4 448.9C181.7 445.1 190.9 450.3 193.8 458.7C198.2 471.1 210.1 480 223.1 480z"/>
2306      </svg>
2307    
2308</div>
2309  
2310  <span class="notification__text" data-notification-text >By creating an account, you’ll be able to move through the checkout process faster, store multiple shipping addresses, view and track your orders and more.</span>
2311</div>
2312</div><form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true"><input type="hidden" name="form_type" value="create_customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/account/register?register_web=true" />
2313  <input type="hidden" name="checkout_url" value="/account/register?register_web=true" aria-hidden="true">
2314  
2315
2316  <required-input class="my-sm-xs flex flex-col">
2317    <label for="RegisterForm-FirstName" class="sr-only text_body_md c-text-content-base py-sm-xs px-none">
2318      First name
2319    </label>
2320    <input type="text"
2321      name="customer[first_name]"
2322      id="RegisterForm-FirstName"
2323      
2324      autocomplete="given-name"
2325      class="appearance-none w-full text_body_sm c-text-primary-on c-bg-primary shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs"
2326      aria-required="true"
2327      required
2328      placeholder="First name"
2329    >
2330    <p class="!hidden flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs"
2331      data-validation-message
2332      data-validation-valueMissing="First Name is a required field."
2333    >
2334      <span class="inline-block max-h-4 w-4">
2335
2336  
2337  
2338  
2339      
2340          
2341          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor">
2342            <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 304c8.844 0 16-7.156 16-16V128c0-8.844-7.156-16-16-16S240 119.2 240 128v160C240 296.8 247.2 304 256 304zM256 344c-13.25 0-24 10.75-24 24s10.75 24 24 24s24-10.75 24-24S269.3 344 256 344z"/>
2343          </svg>
2344      
2345    
2346</span>
2347    </p>
2348  </required-input>
2349
2350  <required-input class="my-sm-xs flex flex-col">
2351    <label for="RegisterForm-LastName" class="sr-only text_body_md c-text-content-base py-sm-xs px-none">
2352      Last name
2353    </label>
2354    <input type="text"
2355      name="customer[last_name]"
2356      id="RegisterForm-LastName"
2357      
2358      autocomplete="family-name"
2359      class="appearance-none w-full text_body_sm c-text-primary-on c-bg-primary shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs"
2360      required
2361      placeholder="Last name"
2362    >
2363    <p class="!hidden flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs"
2364      data-validation-message
2365      data-validation-valueMissing="Last Name is a required field."
2366    >
2367      <span class="inline-block max-h-4 w-4">
2368
2369  
2370  
2371  
2372      
2373          
2374          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor">
2375            <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 304c8.844 0 16-7.156 16-16V128c0-8.844-7.156-16-16-16S240 119.2 240 128v160C240 296.8 247.2 304 256 304zM256 344c-13.25 0-24 10.75-24 24s10.75 24 24 24s24-10.75 24-24S269.3 344 256 344z"/>
2376          </svg>
2377      
2378    
2379</span>
2380    </p>
2381  </required-input>
2382
2383  <required-input class="my-sm-xs flex flex-col">
2384    <label for="RegisterForm-email" class="sr-only text_body_md c-text-content-base py-sm-xs px-none">
2385      Email
2386    </label>
2387    <input type="email"
2388      name="customer[email]"
2389      id="RegisterForm-email"
2390      
2391      spellcheck="false"
2392      autocapitalize="off"
2393      autocomplete="email"
2394      aria-required="true"
2395      required
2396      class="appearance-none w-full text_body_sm c-text-primary-on c-bg-primary shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs"
2397      
2398      placeholder="Email"
2399    ><p class="!hidden flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs"
2400      data-validation-message
2401      data-validation-valueMissing="Email is a required field."
2402      data-validation-typeMismatch="Please enter a valid email address."
2403    >
2404      <span class="inline-block max-h-4 w-4">
2405
2406  
2407  
2408  
2409      
2410          
2411          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor">
2412            <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 304c8.844 0 16-7.156 16-16V128c0-8.844-7.156-16-16-16S240 119.2 240 128v160C240 296.8 247.2 304 256 304zM256 344c-13.25 0-24 10.75-24 24s10.75 24 24 24s24-10.75 24-24S269.3 344 256 344z"/>
2413          </svg>
2414      
2415    
2416</span>
2417      
2418   </p>
2419  </required-input>
2420
2421  <required-input class="my-sm-xs flex flex-col"
2422    enforce-password-strength="true"
2423    data-general-error="Password does not meet requirements"
2424    data-invalid-color="c-text-content-base"
2425    data-valid-color="c-text-success"
2426  >
2427    <label for="RegisterForm-password" class="sr-only text_body_md c-text-content-base py-sm-xs px-none">
2428      Password
2429    </label>
2430    <password-toggle class="relative">
2431      <input type="password"
2432        name="customer[password]"
2433        id="RegisterForm-password"
2434        autocomplete="new-password"
2435        aria-required="true"
2436        required
2437        class="appearance-none w-full text_body_sm c-text-primary-on c-bg-primary shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs"
2438        
2439        placeholder="Password"
2440      ><button data-toggle-password="false"
2441  aria-label="Show password"
2442  type="button"
2443  class="absolute right-2 top-1/2 transform -translate-y-1/2 inline-block w-4 h-4 c-bg-primary"
2444>
2445  <span class="hidden" data-icon-displayed>
2446
2447  
2448  
2449  
2450      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon--eye w-full h-full icon" fill="currentColor">
2451        <path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/>
2452      </svg>
2453    
2454</span>
2455  <span data-icon-hidden>
2456
2457  
2458  
2459  
2460      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon--eye-slash w-full h-full icon" fill="currentColor">
2461        <path d="M25.9 3.4C19-2 8.9-.8 3.4 6.1S-.8 23.1 6.1 28.6l608 480c6.9 5.5 17 4.3 22.5-2.6s4.3-17-2.6-22.5L25.9 3.4zM605.5 268.3c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-51.2 0-96 14.8-133.9 36.8l27.3 21.5C244.6 74.2 280.2 64 320 64c70.4 0 127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-9.2 22.1-25.9 52-49.5 81.5l25.1 19.8c25.6-32 43.7-64.4 53.9-89zM88.4 154.7c-25.6 32-43.7 64.4-53.9 89c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c51.2 0 96-14.8 133.9-36.8l-27.3-21.5C395.4 437.8 359.8 448 320 448c-70.4 0-127.7-32-170.8-72C106.1 336 77.3 288 64 256c9.2-22.1 25.9-52 49.5-81.5L88.4 154.7zM320 384c16.7 0 32.7-3.2 47.4-9.1l-30.9-24.4c-5.4 .9-10.9 1.4-16.5 1.4c-51 0-92.8-39.8-95.8-90.1l-30.9-24.4c-.9 6-1.3 12.2-1.3 18.5c0 70.7 57.3 128 128 128zM448 256c0-70.7-57.3-128-128-128c-16.7 0-32.7 3.2-47.4 9.1l30.9 24.4c5.4-.9 10.9-1.4 16.5-1.4c51 0 92.8 39.8 95.8 90.1l30.9 24.4c.9-6 1.3-12.2 1.3-18.5z"/>
2462      </svg>
2463    
2464</span>
2465</button></password-toggle><p class="mt-sm-xs flex items-start gap-x-sm-xs text_body_xs c-text-content-base" data-password-message-length>
2466  <span class="hidden shrink-0" data-message-valid>
2467    <span class="block h-4 w-4">
2468
2469  
2470  
2471  
2472      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor">
2473        <path d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z"/>
2474      </svg>
2475    
2476</span>
2477  </span>
2478  <span class="shrink-0" data-message-invalid>
2479    <span class="block h-4 w-4">
2480
2481<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
2482        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
2483      </svg></span>
2484  </span>Password must be at least 8 characters</p><p class="mt-sm-xs flex items-start gap-x-sm-xs text_body_xs c-text-content-base" data-password-message-numeral
2484s>
2485  <span class="hidden shrink-0" data-message-valid>
2486    <span class="block h-4 w-4">
2487
2488  
2489  
2490  
2491      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor">
2492        <path d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z"/>
2493      </svg>
2494    
2495</span>
2496  </span>
2497  <span class="shrink-0" data-message-invalid>
2498    <span class="block h-4 w-4">
2499
2500<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
2501        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
2502      </svg></span>
2503  </span>Password must contain a number</p><p class="mt-sm-xs flex items-start gap-x-sm-xs text_body_xs c-text-content-base" data-password-message-casing>
2504  <span class="hidden shrink-0" data-message-valid>
2505    <span class="block h-4 w-4">
2506
2507  
2508  
2509  
2510      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor">
2511        <path d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z"/>
2512      </svg>
2513    
2514</span>
2515  </span>
2516  <span class="shrink-0" data-message-invalid>
2517    <span class="block h-4 w-4">
2518
2519<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
2520        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
2521      </svg></span>
2522  </span>Password must contain both upper &amp; lowercase characters</p></required-input><div class="my-sm-md flex flex-col gap-sm-xs">
2523    <button type="submit" class="
2524
2525mx-auto block btn btn--primary">
2526      Create
2527    </button>
2528  </div></form>
2529<script>
2530  document.addEventListener('DOMContentLoaded', function() {
2531    const form = document.querySelector('#create_customer');
2532    const emailInput = document.querySelector('#RegisterForm-email');
2533    const firstNameInput = document.querySelector('#RegisterForm-FirstName');
2534    const lastNameInput = document.querySelector('#RegisterForm-LastName');
2535    form.addEventListener('submit', function(event) {
2536      const formData = {
2537        email: emailInput.value,
2538        firstName: firstNameInput.value,
2539        lastName: lastNameInput.value
2540      };
2541      sessionStorage.setItem('register_form_data', JSON.stringify(formData));
2542    });
2543
2544  });
2545</script>
2545
2546</div>
2547      </div>
2548    </div>
2549  </div>
2550  <div id="reset" x-show="resettingPassword" x-cloak class="mx-auto w-full max-w-xs border-default-width-narrow">
2551    <div class="lg:block py-container-sm px-sm-md lg:px-container-md c-border-gray-200"><form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/account/login#recover" /><div class="w-full"
2552    x-init="if () { setResettingPassword(true) }"
2553    x-data="{ showNotifications: true, formSubmitted: true }"
2554  >
2555    <h2 class="
2556
2557text-left text_heading_lg">Reset your password</h2><required-input class="my-sm-xs flex flex-col">
2558      <label for="CustomerEmail" class="sr-only text_body_md c-text-content-base py-sm-xs px-none">Email</label>
2559      <input type="email"
2560        name="email"
2561        id="CustomerEmail"
2562        autocomplete="email"
2563        class="appearance-none w-full text_body_sm c-text-primary-on c-bg-primary shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs"
2564        required
2565        placeholder="Email"
2566        x-ref="resetEmail"
2567        @keyup="formSubmitted = false"
2568        @invalid="formSubmitted = false"
2569      >
2570      <p class="!hidden flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs"
2571        data-validation-message
2572        data-validation-valueMissing="Email is a required field."
2573      >
2574        <span class="max-h-4 w-4">
2575
2576  
2577  
2578  
2579      
2580          
2581          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor">
2582            <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 304c8.844 0 16-7.156 16-16V128c0-8.844-7.156-16-16-16S240 119.2 240 128v160C240 296.8 247.2 304 256 304zM256 344c-13.25 0-24 10.75-24 24s10.75 24 24 24s24-10.75 24-24S269.3 344 256 344z"/>
2583          </svg>
2584      
2585    
2586</span>
2587      </p>
2588    </required-input>
2589    
2590    <div class="
2591
2592
2593
2594     my-sm-sm
2595      
2596  
2597">
2598      <button type="submit" class="
2599
2600mx-auto block btn btn--primary">
2601        Reset password
2602      </button>
2603    </div>
2604
2605    <button
2606      type="button"
2607      class="flex items-center gap-x-sm-2xs text_body_sm underline" 
2608      @click="setResettingPassword(false); $refs.resetEmail.value = ''; showNotifications = false; setTimeout(() => $event.target.closest('form').reset(), 0)"
2609      
2610    >
2611      <span class="inline-block w-4 h-4 transform rotate-90">
2612  
2613
2614<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-fullicon--arrow--chevron" fill="currentColor">
2615            <path d="M4.251 181.1C7.392 177.7 11.69 175.1 16 175.1c3.891 0 7.781 1.406 10.86 4.25l197.1 181.1l197.1-181.1c6.5-6 16.64-5.625 22.61 .9062c6 6.5 5.594 16.59-.8906 22.59l-208 192c-6.156 5.688-15.56 5.688-21.72 0l-208-192C-1.343 197.7-1.749 187.6 4.251 181.1z"/>
2616          </svg></span>Cancel</button>
2617  </div></form></div>
2618  </div>
2619  <div id="resetForm" x-show="resettingPasswordForm" x-cloak class="mx-auto w-full max-w-xs border-default-width-narrow">
2620    <div class="lg:block py-container-sm px-sm-md lg:px-container-md c-border-gray-200">
2621
2622
2623
2624
2625
2626
2627<form method="post" action="/account/reset" accept-charset="UTF-8"><input type="hidden" name="form_type" value="reset_customer_password" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/account" /><div class="w-full">
2628      <h2 class="text-left text_heading_lg">  Reset your password</h2><required-input class="my-sm-xs flex flex-col"
2629                      enforce-password-strength="true"
2630                      data-password-confirmed-id="password_confirmation"
2631                      data-general-error="Password does not meet requirements"
2632                      data-invalid-color="c-text-content-base"
2633                      data-valid-color="c-text-success"
2634      >
2635        <label class="sr-only text_body_md c-text-content-base py-sm-xs px-none" for="ResetPasswordForm-password">
2636          Password
2637        </label>
2638        <password-toggle class="relative">
2639          <input type="password"
2640                 name="customer[password]"
2641                 id="ResetPasswordForm-password"
2642                 autocomplete="new-password"
2643                 required
2644                 aria-required="true"
2645                 class="appearance-none w-full text_body_sm c-text-primary-on c-bg-primary shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs"
2646            
2647                 placeholder="Password"
2648          ><button data-toggle-password="false"
2649  aria-label="Show password"
2650  type="button"
2651  class="absolute right-2 top-1/2 transform -translate-y-1/2 inline-block w-4 h-4 c-bg-primary"
2652>
2653  <span class="hidden" data-icon-displayed>
2654
2655  
2656  
2657  
2658      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon--eye w-full h-full icon" fill="currentColor">
2659        <path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/>
2660      </svg>
2661    
2662</span>
2663  <span data-icon-hidden>
2664
2665  
2666  
2667  
2668      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon--eye-slash w-full h-full icon" fill="currentColor">
2669        <path d="M25.9 3.4C19-2 8.9-.8 3.4 6.1S-.8 23.1 6.1 28.6l608 480c6.9 5.5 17 4.3 22.5-2.6s4.3-17-2.6-22.5L25.9 3.4zM605.5 268.3c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-51.2 0-96 14.8-133.9 36.8l27.3 21.5C244.6 74.2 280.2 64 320 64c70.4 0 127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-9.2 22.1-25.9 52-49.5 81.5l25.1 19.8c25.6-32 43.7-64.4 53.9-89zM88.4 154.7c-25.6 32-43.7 64.4-53.9 89c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c51.2 0 96-14.8 133.9-36.8l-27.3-21.5C395.4 437.8 359.8 448 320 448c-70.4 0-127.7-32-170.8-72C106.1 336 77.3 288 64 256c9.2-22.1 25.9-52 49.5-81.5L88.4 154.7zM320 384c16.7 0 32.7-3.2 47.4-9.1l-30.9-24.4c-5.4 .9-10.9 1.4-16.5 1.4c-51 0-92.8-39.8-95.8-90.1l-30.9-24.4c-.9 6-1.3 12.2-1.3 18.5c0 70.7 57.3 128 128 128zM448 256c0-70.7-57.3-128-128-128c-16.7 0-32.7 3.2-47.4 9.1l30.9 24.4c5.4-.9 10.9-1.4 16.5-1.4c51 0 92.8 39.8 95.8 90.1l30.9 24.4c.9-6 1.3-12.2 1.3-18.5z"/>
2670      </svg>
2671    
2672</span>
2673</button></password-toggle>
2674
2675
2676        <label class="sr-only text_body_md c-text-content-base py-sm-xs px-none"  for="password_confirmation">
2677          Confirm password
2678        </label>
2679        <password-toggle class="relative">
2680          <input type="password"
2681                 name="customer[password_confirmation]"
2682                 id="password_confirmation"
2683                 autocomplete="new-password"
2684                 aria-required="true"
2685                 required
2686                 class="appearance-none w-full text_body_sm c-text-primary-on c-bg-primary shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs"
2687            
2688                 placeholder="Confirm password"
2689          ><button data-toggle-password="false"
2690  aria-label="Show password"
2691  type="button"
2692  class="absolute right-2 top-1/2 transform -translate-y-1/2 inline-block w-4 h-4 c-bg-primary"
2693>
2694  <span class="hidden" data-icon-displayed>
2695
2696  
2697  
2698  
2699      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon--eye w-full h-full icon" fill="currentColor">
2700        <path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/>
2701      </svg>
2702    
2703</span>
2704  <span data-icon-hidden>
2705
2706  
2707  
2708  
2709      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon--eye-slash w-full h-full icon" fill="currentColor">
2710        <path d="M25.9 3.4C19-2 8.9-.8 3.4 6.1S-.8 23.1 6.1 28.6l608 480c6.9 5.5 17 4.3 22.5-2.6s4.3-17-2.6-22.5L25.9 3.4zM605.5 268.3c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-51.2 0-96 14.8-133.9 36.8l27.3 21.5C244.6 74.2 280.2 64 320 64c70.4 0 127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-9.2 22.1-25.9 52-49.5 81.5l25.1 19.8c25.6-32 43.7-64.4 53.9-89zM88.4 154.7c-25.6 32-43.7 64.4-53.9 89c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c51.2 0 96-14.8 133.9-36.8l-27.3-21.5C395.4 437.8 359.8 448 320 448c-70.4 0-127.7-32-170.8-72C106.1 336 77.3 288 64 256c9.2-22.1 25.9-52 49.5-81.5L88.4 154.7zM320 384c16.7 0 32.7-3.2 47.4-9.1l-30.9-24.4c-5.4 .9-10.9 1.4-16.5 1.4c-51 0-92.8-39.8-95.8-90.1l-30.9-24.4c-.9 6-1.3 12.2-1.3 18.5c0 70.7 57.3 128 128 128zM448 256c0-70.7-57.3-128-128-128c-16.7 0-32.7 3.2-47.4 9.1l30.9 24.4c5.4-.9 10.9-1.4 16.5-1.4c51 0 92.8 39.8 95.8 90.1l30.9 24.4c.9-6 1.3-12.2 1.3-18.5z"/>
2711      </svg>
2712    
2713</span>
2714</button></password-toggle>
2715
2716        
2717
2718<p class="mt-sm-xs flex items-start gap-x-sm-xs text_body_xs c-text-content-base" data-password-message-length>
2719  <span class="hidden shrink-0" data-message-valid>
2720    <span class="block h-4 w-4">
2721
2722  
2723  
2724  
2725      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor">
2726        <path d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z"/>
2727      </svg>
2728    
2729</span>
2730  </span>
2731  <span class="shrink-0" data-message-invalid>
2732    <span class="block h-4 w-4">
2733
2734<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
2735        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
2736      </svg></span>
2737  </span>Password must be at least 8 characters</p><p class="mt-sm-xs flex items-start gap-x-sm-xs text_body_xs c-text-content-base" data-password-message-numeral
2737s>
2738  <span class="hidden shrink-0" data-message-valid>
2739    <span class="block h-4 w-4">
2740
2741  
2742  
2743  
2744      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor">
2745        <path d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z"/>
2746      </svg>
2747    
2748</span>
2749  </span>
2750  <span class="shrink-0" data-message-invalid>
2751    <span class="block h-4 w-4">
2752
2753<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
2754        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
2755      </svg></span>
2756  </span>Password must contain a number</p><p class="mt-sm-xs flex items-start gap-x-sm-xs text_body_xs text-left" data-password-message-casing>
2757  <span class="hidden shrink-0" data-message-valid>
2758    <span class="block h-4 w-4">
2759
2760  
2761  
2762  
2763      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor">
2764        <path d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z"/>
2765      </svg>
2766    
2767</span>
2768  </span>
2769  <span class="shrink-0" data-message-invalid>
2770    <span class="block h-4 w-4">
2771
2772<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
2773        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
2774      </svg></span>
2775  </span>Password must contain both upper &amp; lowercase characters</p><p class="mt-sm-xs flex items-start gap-x-sm-xs text_body_xs c-text-content-base" data-password-message-confirm>
2776  <span class="hidden shrink-0" data-message-valid>
2777    <span class="block h-4 w-4">
2778
2779  
2780  
2781  
2782      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor">
2783        <path d="M443.3 100.7C449.6 106.9 449.6 117.1 443.3 123.3L171.3 395.3C165.1 401.6 154.9 401.6 148.7 395.3L4.686 251.3C-1.562 245.1-1.562 234.9 4.686 228.7C10.93 222.4 21.06 222.4 27.31 228.7L160 361.4L420.7 100.7C426.9 94.44 437.1 94.44 443.3 100.7H443.3z"/>
2784      </svg>
2785    
2786</span>
2787  </span>
2788  <span class="shrink-0" data-message-invalid>
2789    <span class="block h-4 w-4">
2790
2791<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor">
2792        <path d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z"/>
2793      </svg></span>
2794  </span>Password must match in both fields</p></required-input>
2795
2796      <button type="submit" class="
2797
2798mx-auto block btn btn--primary">
2799        Reset password
2800      </button>
2801    </div></form></div>
2802  </div>
2803</account-forms>
2804</div></main>
2805
2806  
2806<script defer="defer" src="//pause.studio/cdn/shop/t/28/assets/theme.bundle.js?v=121044138416495011001791448685"></script>
2806<script>
2807    window.focusVariantOnLoad = false;
2808    window.shop_iso_code = "GB";
2809    window.shopUrl = 'https://pause.studio';
2810    window.currentCurrency = 'USD';
2811    window.shopCurrencyFormat = "${{amount}}"
2812    window.routes = {
2813      cart_add_url: '/cart/add',
2814      cart_change_url: '/cart/change',
2815      cart_update_url: '/cart/update',
2816      search_url: '/search',
2817      predictive_search_url: '/search/suggest',
2818      privacy_policy_url: '/policies/privacy-policy',
2819      legal_notice_url: '/policies/legal-notice',
2820      terms_of_sale_url: '/policies/terms-of-sale'
2821    };
2822    window.cartStrings = {
2823      error: `There was an error while updating your cart. Please try again.`,
2824      quantityError: `You can only add [quantity] of this item to your cart.`,
2825      pauseFrameUnavailableMessage: `Sorry, this frame is not available at this time`,
2826      pauseFrameSoldOutMessage: `Sorry this frame is no longer available`,
2827      pauseFrame: `Frame`
2828    };
2829    window.variantStrings = {
2830      addToCart: `Add to cart`,
2831      soldOut: `Sorry Sold out`,
2832      unavailable: `Unavailable`,
2833      extendCartTimer: `Extend cart timer`,
2834      chooseThisStyle: `Choose this style`
2835    };
2836    window.accessibilityStrings = {
2837      imageAvailable: `Image [index] is now available in gallery view`,
2838      shareSuccess: `Link copied to clipboard`,
2839      pauseSlideshow: `Pause slideshow`,
2840      playSlideshow: `Play slideshow`,
2841      nextSlide: `Next slide`,
2842      prevSlide: `Previous slide`,
2843      pauseFrameAltHtml: `{{ title }} frame {frameNum} from Video`,
2844      enterFullScreen: `Enter Fullscreen`,
2845      exitFullScreen: `Exit Fullscreen`,
2846      hideFilters: `Hide filters`,
2847      showFilters: `Show filters`,
2848      countdownElementChange: `The countdown has ended. Some elements on the page may have changed.`
2849    };
2850    window.shareStrings = {
2851      copyToClipboard: "Copy link",
2852      successMessage: "Link copied to clipboard",
2853      copyToClipboardError: "Error copying to clipboard",
2854      shareUrlError: "Error opening sharer"
2855    };
2856    window.quickModalStrings = {
2857      productError: "Product details not available.",
2858    };
2859    window.videoButtonStates = {
2860      playButton: "Play Button",
2861      pauseButton: "Pause Button"
2862    };window.shipDateLabel = 'Ships on: {{ date }}';
2863      window.shipDateLabelTitled = '<b>{{ title }}:</b> Ships on {{ date }}';window.jsDateLocale = "en-US";</script>
2863<!-- BEGIN sections: footer-group -->
2864<footer id="shopify-section-sections--27933005119715__footer" class="shopify-section shopify-section-group-footer-group site-footer">
2865
2866
2867
2868
2869
2870
2871
2872
2873
2874
2875
2876
2877
2878
2879
2880
2881
2882
2883<div class="section__wrapper scheme-scheme1 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mt-none c-border-primary border-none border-x-0 border-b-0 z-10">
2884  <div class="section-spacing mx-auto w-full relative z-10 py-container-xl px-lg-xs max-w-full md:px-container-xs md:max-w-full !pb-container-2xl grid gap-y-sm-2xl gap-x-sm-xl md:grid-cols-9 mx-auto text-center">
2885
2886
2887<div  class="footer__griditem footer__griditem--0 footer__griditem--developer md:col-span-1 md:row-span-1 py-none px-none">
2888  <div class="developer-container">
2889    <img class="footer-logo" src="https://cdn.shopify.com/s/files/1/0721/0244/5283/files/logotype_1.png?v=1745399930" alt="logo" />
2890<p class="footer-logo-text">4 Pancras Square
2891London N1C 4AG</p>
2892<style data-shopify>.footer-logo {
2893    max-width:100px;
2894   width: 100%;
2895}
2896.footer-logo-text {
2897   text-align: left;
2898   padding-top: 1em;
2899}
2900
2901@media(max-width: 768px) {
2902.footer-logo-text {
2903   text-align: center;
2904}
2905.footer-logo { 
2906   margin: 0 auto;
2907}
2908}
2909</style>
2910  </div>
2911</div>
2912
2913
2914
2915
2916
2917
2918
2919
2920
2921
2922
2923
2924
2925
2926
2927
2928
2929
2930
2931
2932
2933
2934
2935
2936<div  class="footer__griditem footer__griditem--1 footer__griditem--navigation md:col-span-1 md:row-span-1 py-none px-none">
2937  <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-left md:justify-start">
2938    
2939
2940
2941
2942
2943
2944
2945
2946
2947
2948
2949
2950
2951
2952
2953
2954
2955
2956
2957
2958
2959
2960
2961
2962
2963
2964
2965
2966
2967
2968
2969
2970
2971
2972
2973
2974  <div class="navigation-heading-container w-full">
2975    <h3 class="text_navigation_sm c-text-content-subtle no-underline">Links</h3>
2976  </div>
2977
2978
2979
2980
2981
2982
2983<nav class="w-full md:flex md:items-start nav-wrapper" >
2984  <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-sm gap-y-sm-xs nav-container flex flex-col md:flex-col">
2985    
2986      
2987        
2988        
2989        
2990        
2991          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
2992            <a href="/pages/the-player">The Player</a>
2993          </li>
2994        
2995      
2996    
2997      
2998        
2999        
3000        
3001        
3002          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3003            <a href="/pages/the-artworks">The Artworks</a>
3004          </li>
3005        
3006      
3007    
3008      
3009        
3010        
3011        
3012        
3013          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3014            <a href="/pages/faqs">FAQs</a>
3015          </li>
3016        
3017      
3018    
3019      
3020        
3021        
3022        
3023        
3024          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3025            <a href="/pages/sign-up">Sign Up</a>
3026          </li>
3027        
3028      
3029    
3030  </ul>
3031</nav>
3032
3033
3034    
3035  </div>
3036</div>
3037
3038
3039
3040
3041
3042
3043
3044
3045
3046
3047
3048
3049
3050
3051
3052
3053
3054
3055
3056
3057
3058
3059
3060
3061<div  class="footer__griditem footer__griditem--2 footer__griditem--navigation md:col-span-1 md:row-span-1 py-none px-none">
3062  <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-left md:justify-start">
3063    
3064
3065
3066
3067
3068
3069
3070
3071
3072
3073
3074
3075
3076
3077
3078
3079
3080
3081
3082
3083
3084
3085
3086
3087
3088
3089
3090
3091
3092
3093
3094
3095
3096
3097
3098
3099  <div class="navigation-heading-container w-full">
3100    <h3 class="text_navigation_sm c-text-content-subtle no-underline">Social</h3>
3101  </div>
3102
3103
3104
3105
3106
3107
3108<nav class="w-full md:flex md:items-start nav-wrapper" >
3109  <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-sm gap-y-sm-xs nav-container flex flex-col md:flex-col">
3110    
3111      
3112        
3113        
3114        
3115        
3116          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3117            <a href="https://www.instagram.com/wearepausestudio">Instagram</a>
3118          </li>
3119        
3120      
3121    
3122      
3123        
3124        
3125        
3126        
3127          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-u
3127nderline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3128            <a href="https://www.tiktok.com/@wearepausestudio">TikTok</a>
3129          </li>
3130        
3131      
3132    
3133  </ul>
3134</nav>
3135
3136
3137    
3138  </div>
3139</div>
3140
3141
3142
3143
3144
3145
3146
3147
3148
3149
3150
3151
3152
3153
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164<div  class="footer__griditem footer__griditem--3 footer__griditem--navigation md:col-span-2 md:row-span-1 py-none px-none">
3165  <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-left md:justify-start">
3166    
3167
3168
3169
3170
3171
3172
3173
3174
3175
3176
3177
3178
3179
3180
3181
3182
3183
3184
3185
3186
3187
3188
3189
3190
3191
3192
3193
3194
3195
3196
3197
3198
3199
3200
3201
3202  <div class="navigation-heading-container w-full">
3203    <h3 class="text_navigation_sm c-text-content-subtle no-underline">Help</h3>
3204  </div>
3205
3206
3207
3208
3209
3210
3211<nav class="w-full md:flex md:items-start nav-wrapper" aria-label="Support Links">
3212  <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-sm gap-y-sm-xs nav-container flex flex-col md:flex-col">
3213    
3214      
3215        
3216        
3217        
3218        
3219          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3220            <a href="https://umusicstoresupport.zendesk.com/hc/en-us?store=pause_studio_uk">Help & Support</a>
3221          </li>
3222        
3223      
3224    
3225      
3226        
3227        
3228        
3229        
3230          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3231            <a href="/policies/terms-of-sale">Terms and Conditions of Sale</a>
3232          </li>
3233        
3234      
3235    
3236      
3237        
3238        
3239        
3240        
3241          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3242            <a href="/policies/terms-of-service">Terms of Use</a>
3243          </li>
3244        
3245      
3246    
3247      
3248        
3249        
3250        
3251        
3252          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3253            <a href="/policies/privacy-policy">Privacy Policy</a>
3254          </li>
3255        
3256      
3257    
3258      
3259        
3260        
3261        
3262        
3263          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3264            <a href="/policies/legal-notice">Do not sell my information</a>
3265          </li>
3266        
3267      
3268    
3269      
3270        
3271        
3272        
3273        
3274          <li class="text_navigation_sm c-text-content-base hover:c-text-secondary no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">
3275            <a href="#"
3276              
3277                onclick="event.preventDefault();transcend.showConsentManager({'viewState': 'CompleteOptions' });"
3278              
3279              
3280              data-linklist="transcend"
3281            >Cookie Choices</a>
3282          </li>
3283        
3284      
3285    
3286  </ul>
3287</nav>
3288
3289
3290    
3291  </div>
3292</div>
3293
3294
3295
3296
3297
3298<div  class="footer__griditem footer__griditem--4 footer__griditem--spacer md:col-span-1 md:row-span-1 py-none px-none">
3299  <div class="spacer-container hidden md:block"></div>
3300</div>
3301
3302
3303<div  class="footer__griditem footer__griditem--5 footer__griditem--developer md:col-span-2 md:row-span-1 py-none px-none">
3304  <div class="developer-container">
3305    <a class="back-to-top"href="#">Back to Top</a>
3306<style data-shopify>.back-to-top {
3307  text-align: right;
3308  display: block;
3309  font-family: 'MonotypeSabon';
3310  text-transform: uppercase;
3311  color: #999;
3312}
3313@media(max-width: 768px) {
3314.back-to-top  {
3315   text-align: center;
3316}
3317}
3318</style>
3319  </div>
3320</div>
3321
3322
3323  
3324  
3325
3326  <div class="support-messages-container col-span-full text_body_xs c-text-content-subtle">
3327    
3328  </div>
3329
3330</div>
3331
3332  
3333
3334
3335
3336</div>
3337
3338
3339</footer><section id="shopify-section-sections--27933005119715__developer_Dx7kNk" class="shopify-section shopify-section-group-footer-group developer">
3340  
3341  <div class="developer__wrapper section__wrapper scheme-scheme2 c-text- c-border- grid columns-1 rows-1 place-items-center relative z-0 overflow-hidden c-bg-background c-text-content-base">
3342  
3343  
3344  
3345  
3346  <div class="developer__spacing 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">
3347  
3348  <div class="developer__container section__container grid py-none px-none md:px-none gap-y-lg-md border-none c-border-gray-500 rounded-none shadow-none"><small>Copyright © 2026 Pause. All Rights Reserved.</small>
3349
3350</div></div>
3351
3352
3353
3354  </div></section>
3355<!-- END sections: footer-group -->
3355<script defer="defer" src="//pause.studio/cdn/shop/t/28/assets/utm-params.bundle.js?v=44857160626880170391791448685"></script>
3355
3356  
3356<script defer="defer" src="//pause.studio/cdn/shop/t/28/assets/section-render.bundle.js?v=59234136149232401061791448685"></script>
3356<script defer="defer" src="//pause.studio/cdn/shop/t/28/assets/product.bundle.js?v=107901915858672362531791448685"></script>
3356<script defer="defer" src="//pause.studio/cdn/shop/t/28/assets/cart-drawer.bundle.js?v=109291494627107234361791448685"></script>
3356<script async="async" src="//pause.studio/cdn/shop/t/28/assets/content-overlay.bundle.js?v=37908579092181384011791448685"></script>
3356<!-- BEGIN sections: background-group -->
3357
3358<!-- END sections: background-group -->
3358<script>
3359(function () {
3360  const linkSelector = '.pause__signedframes-image-link[data-product-id][href*="/products/"]';
3361  const cache = new Map();
3362
3363  function cleanNumber(value) {
3364    return String(value || "").replace(/\D/g, "");
3365  }
3366
3367  function getLinkData(link) {
3368    const url = new URL(link.getAttribute("href"), window.location.origin);
3369
3370    return {
3371      productId: cleanNumber(link.dataset.productId),
3372      variantId: cleanNumber(url.searchParams.get("variant")),
3373      frameNumber: cleanNumber(
3374        url.searchParams.get("frame") ||
3375        link.querySelector("[data-frame-number]")?.dataset.frameNumber ||
3376        link.getAttribute("title")
3377      )
3378    };
3379  }
3380
3381  function getFrameAvailability(productId, variantId, frameNumber) {
3382    const key = `${productId}:${variantId}:${frameNumber}`;
3383
3384    if (!cache.has(key)) {
3385      const query = `
3386        query getFrameAvailability {
3387          pauseFrame(
3388            productId: "${productId}",
3389            shopifyVariantId: "${variantId}",
3390            num: ${frameNumber}
3391          ) {
3392            available
3393            soldOut
3394          }
3395        }
3396      `;
3397
3398      cache.set(
3399        key,
3400        fetch("/a/app/graphql/query", {
3401          method: "POST",
3402          headers: {
3403            "Content-Type": "application/json"
3404          },
3405          body: JSON.stringify({ query: query })
3406        })
3407          .then(function (response) {
3408            return response.ok ? response.json() : null;
3409          })
3410          .then(function (json) {
3411            return json && json.data ? json.data.pauseFrame : null;
3412          })
3413          .catch(function () {
3414            return null;
3415          })
3416      );
3417    }
3418
3419    return cache.get(key);
3420  }
3421
3422  async function checkLink(link) {
3423    if (link.dataset.pauseFrameChecked === "true") return;
3424
3425    link.dataset.pauseFrameChecked = "true";
3426
3427    const data = getLinkData(link);
3428
3429    if (!data.productId || !data.variantId || !data.frameNumber) return;
3430
3431    const frame = await getFrameAvailability(
3432      data.productId,
3433      data.variantId,
3434      data.frameNumber
3435    );
3436
3437    if (!frame) return;
3438
3439    if (frame.soldOut === true) {
3440      link.dataset.pauseFrameStatus = "sold-out";
3441      link.classList.add("pause-frame--sold-out");
3442      return;
3443    }
3444
3445    if (frame.available === false) {
3446      link.dataset.pauseFrameStatus = "unavailable";
3447      link.classList.add("pause-frame--sold-out");
3448      return;
3449    }
3450
3451    link.dataset.pauseFrameStatus = "available";
3452  }
3453
3454  function scanFrames() {
3455    document.querySelectorAll(linkSelector).forEach(checkLink);
3456  }
3457
3458  if (document.readyState === "loading") {
3459    document.addEventListener("DOMContentLoaded", scanFrames);
3460  } else {
3461    scanFrames();
3462  }
3463
3464  new MutationObserver(scanFrames).observe(document.body, {
3465    childList: true,
3466    subtree: true
3467  });
3468})();
3469</script>
3469<style data-shopify>/* BVB launch media hero */
3470body.template__page--bvb-launch .shopify-section:has(.media-section__wrapper){margin-top:-5.9em;--bvb-hero-h:clamp(650px,140vw,860px)}
3471body.template__page--bvb-launch .shopify-section:has(.media-section__wrapper) .section__wrapper,body.template__page--bvb-launch .shopify-section:has(.media-section__wrapper) .media-section__wrapper{min-height:var(--bvb-hero-h);height:auto}
3472body.template__page--bvb-launch .shopify-section:has(.media-section__wrapper) .section__bg{min-height:var(--bvb-hero-h);height:100%}
3473body.template__page--bvb-launch .shopify-section:has(.media-section__wrapper) .section__bg img{object-position:center bottom}
3474body.template__page--bvb-launch .shopify-section:has(.media-section__wrapper) .media-section__wrapper{grid-template-rows:auto auto 1fr;align-items:start;justify-items:center;row-gap:0;padding:clamp(7rem,21vw,11rem) 1rem clamp(2.5rem,8vw,4.5rem)}
3475body.template__page--bvb-launch .media-item-image-overlay{max-width:min(78vw,980px);margin:0 auto;padding-top:0;top:auto}
3476body.template__page--bvb-launch .media-section__wrapper>.media-item-seo-text:nth-child(2){max-width:min(92vw,980px);margin-top:clamp(1.25rem,4vw,2.75rem)}
3477body.template__page--bvb-launch .media-section__wrapper>.media-item-seo-text:nth-child(2)>div{row-gap:clamp(.25rem,1.2vw,.75rem)}
3478body.template__page--bvb-launch .media-section__wrapper>.media-item-seo-text:nth-child(2) h2,body.template__page--bvb-launch .media-section__wrapper>.media-item-seo-text:nth-child(2) span,body.template__page--bvb-launch .media-section__wrapper>.media-item-seo-text:nth-child(2) p{line-height:1.15}
3479body.template__page--bvb-launch .media-section__wrapper>.media-item-seo-text:nth-child(3){align-self:end;max-width:min(92vw,980px);padding-bottom:clamp(-1.5rem,5vw,0rem)}
3480@media(min-width:768px){body.template__page--bvb-launch .shopify-section:has(.media-section__wrapper){margin-top:-4.9em;--bvb-hero-h:clamp(760px,82vw,1180px)}body.template__page--bvb-launch .shopify-section:has(.media-section__wrapper) .media-section__wrapper{padding:clamp(8.25rem,11.5vw,12rem) 2rem clamp(3rem,5vw,5rem)}body.template__page--bvb-launch .media-item-image-overlay{max-width:min(70vw,980px)}body.template__page--bvb-launch .media-section__wrapper>.media-item-seo-text:nth-child(2){margin-top:clamp(2rem,3.2vw,3.25rem)}}
3481
3482/* Tint Banners */
3483.tint-banner .banner-container {
3484  position: relative;
3485  overflow: hidden;
3486}
3487.tint-banner .banner-container::before {
3488  content: "";
3489  position: absolute;
3490  inset: 0;
3491  background-image: url("https://cdn.shopify.com/s/files/1/0721/0244/5283/files/tint_c942704d-2dd0-4498-965e-11b0430afee3.png?v=1782398364");
3492  background-position: center;
3493  background-size: 100% 100%;
3494  background-repeat: no-repeat;
3495  z-index: 1;
3496  mix-blend-mode: multiply;
3497}
3498.tint-banner1 .banner-container::before {
3499  background-image: url("https://cdn.shopify.com/s/files/1/0721/0244/5283/files/tint_c942704d-2dd0-4498-965e-11b0430afee3.png?v=1782398364");
3500}
3501.tint-banner2 .banner-container::before {
3502  background-image: url("https://cdn.shopify.com/s/files/1/0721/0244/5283/files/tint.png?v=1782398358");
3503}
3504.tint-banner .banner-container:hover::before {
3505  opacity: 0.6;
3506}
3507.tint-banner .hero-banner__content {
3508  width: 100% !important;
3509  max-width: none;
3510  left: 50% !important;
3511  top: 50% !important;
3512  transform: translate(-50%, -50%) !important;
3513  padding: 0 clamp(1rem, 5vw, 6rem);
3514}
3515.tint-banner .hero-banner__content > div {
3516  width: 100%;
3517  display: grid;
3518  grid-template-columns: minmax(0, 1fr) auto;
3519  align-items: center;
3520  column-gap: clamp(1rem, 4vw, 5rem);
3521  text-align: left;
3522}
3523.tint-banner .hero-banner__content h2 {
3524  display: flex;
3525  align-items: center;
3526  gap: clamp(0.75rem, 3vw, 3rem);
3527  margin: 0;
3528  line-height: 1;
3529  white-space: nowrap;
3530}
3531.tint-banner .hero-banner__content h2::before {
3532  content: "";
3533  display: block;
3534  width: clamp(2.25rem, 8vw, 5rem);
3535  aspect-ratio: 78 / 66;
3536  flex: 0 0 auto;
3537  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 78 66%27 fill=%27none%27%3E%3Cpath d=%27M1 33H75M42 1L76 33L42 65%27 
3537stroke=%27white%27 stroke-width=%273%27/%3E%3C/svg%3E");
3538  background-position: center;
3539  background-size: contain;
3540  background-repeat: no-repeat;
3541}
3542.tint-banner .hero-banner__content > div > div:last-child {
3543  justify-self: end;
3544  display: flex;
3545  justify-content: flex-end;
3546  align-items: center;
3547  margin-top: 0 !important;
3548}
3549.tint-banner .hero-banner__content a,
3550.tint-banner .hero-banner__content button {
3551  min-width: clamp(7rem, 28vw, 17rem);
3552  justify-content: center;
3553  white-space: nowrap;
3554}
3555.tint-banner .text_heading_xl {
3556  font-size: calc(var(--font_heading_xl_size_md) * 0.7);
3557}
3558body.template__page--bvb-launch .tint-banner1 .banner-container::before,
3559body.template__page--bvb-launch .tint-banner2 .banner-container::before {
3560  opacity: 0.3;
3561  transition: opacity 0.25s ease;
3562}
3563body.template__page--bvb-launch .tint-banner1 .banner-container:hover::before,
3564body.template__page--bvb-launch .tint-banner2 .banner-container:hover::before {
3565  opacity: 1;
3566}
3567
3568@media (min-width: 768px) {
3569  .tint-banner .hero-banner__content {
3570    padding: 0 clamp(4rem, 6vw, 6rem);
3571  }
3572  .tint-banner .hero-banner__content > div {
3573    column-gap: clamp(2rem, 5vw, 5rem);
3574  }
3575  .tint-banner .hero-banner__content h2 {
3576    gap: clamp(1.75rem, 3vw, 3rem);
3577  }
3578  .tint-banner .hero-banner__content h2::before {
3579    width: clamp(4rem, 5vw, 5rem);
3580  }
3581  .tint-banner .hero-banner__content a,
3582  .tint-banner .hero-banner__content button {
3583    min-width: clamp(11rem, 18vw, 17rem);
3584  }
3585  .tint-banner .text_heading_xl {
3586    font-size: calc(var(--font_heading_xl_size_md) * 1.2);
3587  }
3588}
3589
3590@media (max-width: 767px) {
3591  .tint-banner .btn {
3592    padding: 0.5rem;
3593  }
3594  .tint-banner .hero-banner__content h2::before {
3595    width: 22px;
3596    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 78 66%27 fill=%27none%27%3E%3Cpath d=%27M1 33H75M42 1L76 33L42 65%27 stroke=%27white%27 stroke-width=%275%27/%3E%3C/svg%3E");
3597  }
3598}
3599
3600/* Collector pagination dots */
3601body:is(
3602  [class*="template__page--bleeders-collect"],
3603  [class*="template__page--certainty-collect"]
3604) .media-section:has(.dots) .dot,
3605body:is(
3606  [class*="template__page--bleeders-collect"],
3607  [class*="template__page--certainty-collect"]
3608) .media-section:has(.dots) .dot.active {
3609  background: #fff !important;
3610}
3611
3612body:is(.template__page--bleeders-collectors-1,.template__page--bleeders-collection-1,.template__page--certainty-collectors-1,.template__page--certainty-collection-1) .media-section:has(.dots) .dot:nth-child(1),
3613body:is(.template__page--bleeders-collectors-2,.template__page--bleeders-collection-2,.template__page--certainty-collectors-2,.template__page--certainty-collection-2) .media-section:has(.dots) .dot:nth-child(2),
3614body:is(.template__page--bleeders-collectors-3,.template__page--bleeders-collection-3,.template__page--certainty-collectors-3,.template__page--certainty-collection-3) .media-section:has(.dots) .dot:nth-child(3),
3615body:is(.template__page--bleeders-collectors-4,.template__page--bleeders-collection-4,.template__page--certainty-collectors-4,.template__page--certainty-collection-4) .media-section:has(.dots) .dot:nth-child(4),
3616body:is(.template__page--bleeders-collectors-5,.template__page--bleeders-collection-5,.template__page--certainty-collectors-5,.template__page--certainty-collection-5) .media-section:has(.dots) .dot:nth-child(5) {
3617  background: #ff0000 !important;
3618}
3619
3620/* Bleeders heading with bars  */
3621.heading-with-bars .c-text-content-emphasis {
3622  position: relative;
3623  display: flex;
3624  gap: 1rem;
3625  align-items: center;
3626  width: 100%;
3627}
3628.heading-with-bars .flex {
3629  width: 100%;
3630  justify-content: center;
3631}
3632.heading-with-bars .c-text-content-emphasis::before{
3633  content: '';
3634  flex: 1;
3635  height: 1px;
3636  background-color: currentColor;
3637}
3638.heading-with-bars .c-text-content-emphasis::after{
3639  content: '';
3640  flex: 1;
3641  height: 1px;
3642  background-color: currentColor;
3643}
3644
3645/* Pause product accordion underline removal  */
3646.template__product--pause-product .product__info .accordion .underline {
3647  text-decoration-line: unset
3648}
3649
3650/* Pause product accordion underline removal  */
3651.template__product--pause-product-certainty .product__info .accordion .underline {
3652  text-decoration-line: unset
3653}
3654
3655/* Hide PDP thumbnails in Desktop */
3656@media screen and (min-width: 768px) {
3657  body.template__product--pause-product #product_media .swiper--thumbs {
3658    display: none !important;
3659  }
3660}
3661/* Hide PDP thumbnails in Desktop */
3662@media screen and (min-width: 768px) {
3663  body.template__product--pause-archives #product_media .swiper--thumbs {
3664    display: none !important;
3665  }
3666}
3667
3668/* Hide PDP thumbnails in Desktop */
3669@media screen and (min-width: 768px) {
3670  body.template__product--pause-product-certainty #product_media .swiper--thumbs {
3671    display: none !important;
3672  }
3673}
3674
3675/* Collector editions updates */
3676.collector-editors .text-banner__container > .flex {
3677  display: grid;
3678  grid-template-columns: 1fr auto;
3679  align-items: center;
3680  gap: 1rem;
3681  width: 100%;
3682}
3683.collector-editors .media-item-seo-text,
3684.collector-editors .media-item-buttons {
3685  margin: 0 !important;
3686  padding: 0 !important;
3687}
3688.collector-editors :is(h1, h2, h3) {
3689  display: flex;
3690  align-items: center;
3691  gap: clamp(0.75rem, 3vw, 3rem);
3692  margin: 0;
3693  white-space: nowrap;
3694}
3695.collector-editors :is(h1, h2, h3)::before {
3696  content: "";
3697  width: clamp(1.75rem, 5vw, 5rem);
3698  aspect-ratio: 78 / 66;
3699  flex: 0 0 auto;
3700  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 66' fill='none'%3E%3Cpath d='M1 33H75M42 1L76 33L42 65' stroke='white' stroke-width='3'/%3E%3C/svg%3E") center / contain no-repeat;
3701}
3702.collector-editors .media-item-buttons {
3703  justify-self: end;
3704}
3705.collector-editors .media-item-buttons a {
3706  min-width: clamp(8rem, 18vw, 22rem);
3707  justify-content: center;
3708  white-space: nowrap;
3709}
3710@media screen and (max-width: 767px) {
3711  .collector-editors .text-banner__container > .flex {
3712    grid-template-columns: minmax(0, 1fr) auto;
3713    align-items: center;
3714    gap: 0.5rem;
3715  }
3716  .collector-editors :is(h1, h2, h3) {
3717    display: flex;
3718    align-items: center;
3719    gap: 0.7rem;
3720    font-size: clamp(1.25rem, 6vw, 1.75rem) !important;
3721    line-height: 1;
3722    min-width: 0;
3723  }
3724  .collector-editors :is(h1, h2, h3)::before {
3725    width: 1.4rem;
3726    align-self: center;
3727    transform: translateY(0.02em);
3728  }
3729  .collector-editors .media-item-buttons a {
3730    min-width: auto;
3731    padding: 0.55rem 0.7rem;
3732    font-size: 0.7rem;
3733    line-height: 1;
3734  }
3735}
3736/* PDP padding changes */
3737.template__product product-form {
3738  margin: 0.25rem 0;
3739}
3740.template__product .accordion .accordion__header,
3741.template__product .accordion .accordion__content {
3742  padding: 0;
3743}
3744.template__product details.accordion {
3745  margin-top: 0.25rem !important;
3746}
3747
3748/* Collector previous / next states */
3749body:is(
3750  .template__page--certainty-collectors-1,
3751  .template__page--certainty-collectors-2,
3752  .template__page--certainty-collectors-3,
3753  .template__page--certainty-collectors-4,
3754  .template__page--certainty-collectors-5,
3755  .template__page--certainty-collection-1,
3756  .template__page--certainty-collection-2,
3757  .template__page--certainty-collection-3,
3758  .template__page--certainty-collection-4,
3759  .template__page--certainty-collection-5,
3760  .template__page--bleeders-collectors-1,
3761  .template__page--bleeders-collectors-2,
3762  .template__page--bleeders-collectors-3,
3763  .template__page--bleeders-collectors-4,
3764  .template__page--bleeders-collectors-5,
3765  .template__page--bleeders-collection-1,
3766  .template__page--bleeders-collection-2,
3767  .template__page--bleeders-collection-3,
3768  .template__page--bleeders-collection-4,
3769  .template__page--bleeders-collection-5
3770) .media-section :is(a, button)[aria-label*="previous" i],
3771body:is(
3772  .template__page--certainty-collectors-1,
3773  .template__page--certainty-collectors-2,
3774  .template__page--certainty-collectors-3,
3775  .template__page--certainty-collectors-4,
3776  .template__page--certainty-collectors-5,
3777  .template__page--certainty-collection-1,
3778  .template__page--certainty-collection-2,
3779  .template__page--certainty-collection-3,
3780  .template__page--certainty-collection-4,
3781  .template__page--certainty-collection-5,
3782  .template__page--bleeders-collectors-1,
3783  .template__page--bleeders-collectors-2,
3784  .template__page--bleeders-collectors-3,
3785  .template__page--bleeders-collectors-4,
3786  .template__page--bleeders-collectors-5,
3787  .template__page--bleeders-collection-1,
3788  .template__page--bleeders-collection-2,
3789  .template__page--bleeders-collection-3,
3790  .template__page--bleeders-collection-4,
3791  .template__page--bleeders-collection-5
3792) .media-section :is(a, button)[aria-label*="next" i] {
3793  opacity: 1 !important;
3794  filter: none !important;
3795  pointer-events: auto !important;
3796  cursor: pointer !important;
3797}
3798
3799body:is(
3800  .template__page--certainty-collectors-1,
3801  .template__page--certainty-collection-1,
3802  .template__page--bleeders-collectors-1,
3803  .template__page--bleeders-collection-1
3804) .media-section :is(a, button)[aria-label*="previous" i],
3805body:is(
3806  .template__page--certainty-collectors-5,
3807  .template__page--certainty-collection-5,
3808  .template__page--bleeders-collectors-5,
3809  .template__page--bleeders-collection-5
3810) .media-section :is(a, button)[aria-label*="next" i] {
3811  opacity: 0.35 !important;
3812  filter: grayscale(1) !important;
3813  pointer-events: none !important;
3814  cursor: default !important;
3815}
3816/* Pause video font changes */
3817.template__pause .pause-details__content .pause-details__profile .c-text-content-heading {
3818  font-size: 16px;
3819}</style>
3819<script></script>
3819
3820
3821<script defer="defer" id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=4ddd99f2-84bb-430e-88df-560a720be9f"></script>
3821
3822    
3823<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3823
3824</body>
3825</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.