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'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'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'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&width=1000" alt="Pause Studio UK" srcset="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=100 100w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=300 300w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=400 400w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=500 500w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=600 600w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&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&width=900" alt="Pause Studio UK" srcset="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=100 100w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=300 300w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=400 400w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=500 500w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=600 600w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&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"> (</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&width=1000" alt="Pause Studio UK" srcset="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=100 100w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=300 300w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=400 400w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=500 500w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=600 600w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&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&width=900" alt="Pause Studio UK" srcset="//pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=100 100w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=300 300w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=400 400w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=500 500w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&width=600 600w, //pause.studio/cdn/shop/files/73c52b0e32e33017b169189e56baf50528323380.png?v=1785230861&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"> (</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 & 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 & 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.