Account - Wired Magazine Shop

<!doctype html> <html class="flex flex-col min-h-full" lang="en"> <head> <script> vice= { config: { viceAccountId: 'umusic', viceSiteId: 'wiredmagazine', viceSectionId: '' } } </script> <script src='//vice-prod.sdiapi.com/vice_loader/umusic/wiredmagazine'></script> <meta charset="utf-8"> <meta name="robots" content="noai, noimageai"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <style data-shopify> /* TYPOGRAPHY */:root { --typeface_primary: 'lab-grotesque', 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: 'wired-mono', 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: 'wired-mono', 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); --font_display_md_weight: 400; --font_display_md_letter: -0.0125rem; --font_display_md_line: 1.2; --font_display_md_text_transform: uppercase; --font_display_md_size: 1.0rem; --font_display_md_size_md: 1.3125rem; --font_heading_2xl: var(--typeface_primary); --font_heading_2xl_weight: 700; --font_heading_2xl_letter: 0.0rem; --font_heading_2xl_line: 1.2; --font_heading_2xl_text_transform: none; --font_heading_2xl_size: 1.75rem; --font_heading_2xl_size_md: 2.0rem; --font_heading_xl: var(--typeface_primary); --font_heading_xl_weight: 700; --font_heading_xl_letter: 0.0rem; --font_heading_xl_line: 1.2; --font_heading_xl_text_transform: none; --font_heading_xl_size: 1.5625rem; --font_heading_xl_size_md: 1.5625rem; --font_heading_lg: var(--typeface_secondary); --font_heading_lg_weight: 700; --font_heading_lg_letter: 0.0rem; --font_heading_lg_line: 1.2; --font_heading_lg_text_transform: none; --font_heading_lg_size: 1.3125rem; --font_heading_lg_size_md: 1.5625rem; --font_heading_md: var(--typeface_primary); --font_heading_md_weight: 700; --font_heading_md_letter: 0.0rem; --font_heading_md_line: 1.2; --font_heading_md_text_transform: none; --font_heading_md_size: 1.25rem; --font_heading_md_size_md: 1.25rem; --font_body_lg: var(--typeface_primary); --font_body_lg_weight: 400; --font_body_lg_letter: 0.0rem; --font_body_lg_line: 1.5; --font_body_lg_text_transform: none; --font_body_lg_size: 1.125rem; --font_body_lg_size_md: 1.125rem; --font_body_md: var(--typeface_primary); --font_body_md_weight: 400; --font_body_md_letter: 0.0rem; --font_body_md_line: 1.5; --font_body_md_text_transform: none; --font_body_md_size: 0.875rem; --font_body_md_size_md: 1.0rem; --font_body_sm: var(--typeface_primary); --font_body_sm_weight: 400; --font_body_sm_letter: 0.0rem; --font_body_sm_line: 1.5; --font_body_sm_text_transform: none; --font_body_sm_size: 0.875rem; --font_body_sm_size_md: 0.875rem; --font_body_xs: var(--typeface_primary); --font_body_xs_weight: 400; --font_body_xs_letter: 0.0rem; --font_body_xs_line: 1.5; --font_body_xs_text_transform: none; --font_body_xs_size: 0.75rem; --font_body_xs_size_md: 0.75rem; --font_button: var(--typeface_secondary); --font_button_weight: 500; --font_button_letter: 0.0rem; --font_button_line: 1; --font_button_text_transform: uppercase; --font_button_size: 0.875rem; --font_button_size_md: 0.875rem; --font_navigation_lg: var(--typeface_secondary); --font_navigation_lg_weight: 300; --font_navigation_lg_letter: 0.0rem; --font_navigation_lg_line: 1.5; --font_navigation_lg_text_transform: none; --font_navigation_lg_size: 1.125rem; --font_navigation_lg_size_md: 1.125rem; --font_navigation_md: var(--typeface_primary); --font_navigation_md_weight: 700; --font_navigation_md_letter: 0.0rem; --font_navigation_md_line: 1.5; --font_navigation_md_text_transform: none; --font_navigation_md_size: 1.0rem; --font_navigation_md_size_md: 1.3125rem; --font_navigation_sm: var(--typeface_tertiary); --font_navigation_sm_weight: 400; --font_navigation_sm_letter: 0.0rem; --font_navigation_sm_line: 1; --font_navigation_sm_text_transform: uppercase; --font_navigation_sm_size: 0.75rem; --font_navigation_sm_size_md: 0.75rem; } /* TYPOGRAPHY */ </style> <style data-shopify> /** Set Color Variable from shopify */ :root { --color-black: hsl(0 0% 5%); --color-white: hsl(0 0% 95%); --color-transparent: rgba(0,0,0,0); --color-gray-50: hsl(210 20% 98%); --color-gray-100: hsl(220 14% 96%); --color-gray-200: hsl(220 13% 91%); --color-gray-300: hsl(216 12% 84%); --color-gray-400: hsl(218 11% 65%); --color-gray-500: hsl(220 9% 46%); --color-gray-600: hsl(215 14% 34%); --color-gray-700: hsl(217 19% 27%); --color-gray-800: hsl(215 28% 17%); --color-gray-900: hsl(221 39% 11%); --color-gray-100-on: hsl(221 39% 11%); --color-gray-900-on: hsl(220 14% 96%); --scheme1-content-base:0 0% 0%; --scheme1-content-subtle:0 0% 46%; --scheme1-content-emphasis:0 0% 0%; --scheme1-content-heading:0 0% 0%; --scheme1-surface:0 0% 100%; --scheme1-surface-gradient: ; --scheme1-background:0 0% 100%; --scheme1-background-gradient: ; --scheme1-primary:0 0% 0%; --scheme1-primary-light:0 0% 20%; --scheme1-primary-dark:0 0% 0%; --scheme1-primary-on:0 0% 100%; --scheme1-primary-gradient: ; --scheme1-secondary:310 100% 67%; --scheme1-secondary-light:310 100% 87%; --scheme1-secondary-dark:310 100% 47%; --scheme1-secondary-on:0 0% 0%; --scheme1-secondary-gradient: ; --scheme1-tertiary:0 0% 46%; --scheme1-tertiary-light:0 0% 66%; --scheme1-tertiary-dark:0 0% 26%; --scheme1-tertiary-on:0 0% 77%; --scheme1-tertiary-gradient: ; --scheme1-notification-on:0 0% 0%; --scheme1-notification:0 0% 100%; --scheme1-notification-mix: hsl(0, 10%, 40%); --scheme1-success-on:0 0% 0%; --scheme1-success:141 79% 85%; --scheme1-success-mix: hsl(141, 24%, 33%); --scheme1-error-on:0 0% 0%; --scheme1-error:0 100% 87%; --scheme1-error-mix: hsl(0, 25%, 34%); --scheme2-content-base:0 0% 0%; --scheme2-content-subtle:0 0% 46%; --scheme2-content-emphasis:0 0% 0%; --scheme2-content-heading:0 0% 0%; --scheme2-surface:0 0% 100%; --scheme2-surface-gradient: ; --scheme2-background:0 0% 100%; --scheme2-background-gradient: ; --scheme2-primary:0 0% 0%; --scheme2-primary-light:0 0% 20%; --scheme2-primary-dark:0 0% 0%; --scheme2-primary-on:0 0% 100%; --scheme2-primary-gradient: ; --scheme2-secondary:310 100% 67%; --scheme2-secondary-light:310 100% 87%; --scheme2-secondary-dark:310 100% 47%; --scheme2-secondary-on:0 0% 0%; --scheme2-secondary-gradient: ; --scheme2-tertiary:0 0% 46%; --scheme2-tertiary-light:0 0% 66%; --scheme2-tertiary-dark:0 0% 26%; --scheme2-tertiary-on:0 0% 77%; --scheme2-tertiary-gradient: ; --scheme2-notification-on:0 0% 0%; --scheme2-notification:0 0% 100%; --scheme2-notification-mix: hsl(0, 10%, 40%); --scheme2-success-on:150 3% 13%; --scheme2-success:141 79% 85%; --scheme2-success-mix: hsl(141, 22%, 39%); --scheme2-error-on:0 0% 0%; --scheme2-error:0 100% 87%; --scheme2-error-mix: hsl(0, 25%, 34%); --scheme3-content-base:220 13% 91%; --scheme3-content-subtle:216 12% 84%; --scheme3-content-emphasis:210 20% 98%; --scheme3-content-heading:210 20% 98%; --scheme3-surface:221 39% 11%; --scheme3-surface-gradient: ; --scheme3-background:224 71% 4%; --scheme3-background-gradient: ; --scheme3-primary:224 71% 4%; --scheme3-primary-light:224 71% 24%; --scheme3-primary-dark:0 0% 0%; --scheme3-primary-on:210 20% 98%; --scheme3-primary-gradient: ; --scheme3-secondary:221 39% 11%; --scheme3-secondary-light:221 39% 31%; --scheme3-secondary-dark:0 0% 0%; --scheme3-secondary-on:220 13% 91%; --scheme3-secondary-gradient: ; --scheme3-tertiary:217 19% 27%; --scheme3-tertiary-light:217 19% 47%; --scheme3-tertiary-dark:220 18% 7%; --scheme3-tertiary-on:210 20% 98%; --scheme3-tertiary-gradient: ; --scheme3-notification-on:200 4% 13%; --scheme3-notification:220 6% 90%; --scheme3-notification-mix: hsl(211, 11%, 42%); --scheme3-success-on:150 3% 13%; --scheme3-success:141 79% 85%; --scheme3-success-mix: hsl(141, 22%, 39%); --scheme3-error-on:0 74% 42%; --scheme3-error:0 100% 97%; --scheme3-error-mix: hsl(0, 66%, 60%); --scheme4-content-base:226 100% 94%; --scheme4-content-subtle:228 96% 89%; --scheme4-content-emphasis:0 0% 100%; --scheme4-content-heading:0 0% 100%; --scheme4-surface:244 47% 20%; --scheme4-surface-gradient: ; --scheme4-background:242 47% 34%; --scheme4-background-gradient: ; --scheme4-primary:0 0% 100%; --scheme4-primary-light:0 0% 100%; --scheme4-primary-dark:0 0% 80%; --scheme4-primary-on:230 94% 82%; --scheme4-primary-gradient: ; --scheme4-secondary:226 100% 94%; --scheme4-secondary-light:0 0% 100%; --scheme4-secondary-dark:226 100% 74%; --scheme4-secondary-on:0 0% 98%; --scheme4-secondary-gradient: ; --scheme4-tertiary:230 94% 82%; --scheme4-tertiary-light:0 0% 100%; --scheme4-tertiary-dark:230 94% 62%; --scheme4-tertiary-on:0 0% 98%; --scheme4-tertiary-gradient: ; --scheme4-notification-on:200 4% 13%; --scheme4-notification:220 6% 90%; --scheme4-notification-mix: hsl(211, 11%, 42%); --scheme4-success-on:150 3% 13%; --scheme4-success:141 79% 85%; --scheme4-success-mix: hsl(141, 22%, 39%); --scheme4-error-on:0 74% 42%; --scheme4-error:0 100% 97%; --scheme4-error-mix: hsl(0, 66%, 60%); } .scheme-scheme1 { /* Content */ --color-content-base: hsl(var(--scheme1-content-base)); --color-content-subtle: hsl(var(--scheme1-content-subtle)); --color-content-emphasis: hsl(var(--scheme1-content-emphasis)); --color-content-heading: hsl(var(--scheme1-content-heading)); /* Surface */ --color-surface: hsl(var(--scheme1-surface, var(--scheme1-background))); --color-surface-gradient: hsl(var(--scheme1-surface)); /* Background */ --color-background: hsl(var(--scheme1-background)); --color-background-gradient: hsl(var(--scheme1-background)); /* Primary Color */ --color-primary-on: hsl(var(--scheme1-primary-on)); --color-primary: hsl(var(--scheme1-primary)); --color-primary-20: hsl(var(--scheme1-primary) / .2); --color-primary-30: hsl(var(--scheme1-primary) / .3); --color-primary-40: hsl(var(--scheme1-primary) / .4); --color-primary-60: hsl(var(--scheme1-primary) / .6); --color-primary-dark: hsl(var(--scheme1-primary-dark)); --color-primary-dark-20: hsl(var(--scheme1-primary-dark) / .2); --color-primary-dark-30: hsl(var(--scheme1-primary-dark) / .3); --color-primary-dark-40: hsl(var(--scheme1-primary-dark) / .4); --color-primary-dark-60: hsl(var(--scheme1-primary-dark) / .6); --color-primary-light: hsl(var(--scheme1-primary-light)); --color-primary-light-20: hsl(var(--scheme1-primary-light) / .2); --color-primary-light-30: hsl(var(--scheme1-primary-light) / .3); --color-primary-light-40: hsl(var(--scheme1-primary-light) / .4); --color-primary-light-60: hsl(var(--scheme1-primary-light) / .6); --color-primary-gradient: hsl(var(--scheme1-primary)); /* Secondary Color */ --color-secondary-on: hsl(var(--scheme1-secondary-on)); --color-secondary: hsl(var(--scheme1-secondary)); --color-secondary-20: hsl(var(--scheme1-secondary) / .2); --color-secondary-30: hsl(var(--scheme1-secondary) / .3); --color-secondary-40: hsl(var(--scheme1-secondary) / .4); --color-secondary-60: hsl(var(--scheme1-secondary) / .6); --color-secondary-dark: hsl(var(--scheme1-secondary-dark)); --color-secondary-dark-20: hsl(var(--scheme1-secondary-dark) / .2); --color-secondary-dark-30: hsl(var(--scheme1-secondary-dark) / .3); --color-secondary-dark-40: hsl(var(--scheme1-secondary-dark) / .4); --color-secondary-dark-60: hsl(var(--scheme1-secondary-dark) / .6); --color-secondary-light: hsl(var(--scheme1-secondary-light)); --color-secondary-light-20: hsl(var(--scheme1-secondary-light) / .2); --color-secondary-light-30: hsl(var(--scheme1-secondary-light) / .3); --color-secondary-light-40: hsl(var(--scheme1-secondary-light) / .4); --color-secondary-light-60: hsl(var(--scheme1-secondary-light) / .6); --color-secondary-gradient: hsl(var(--scheme1-secondary)); /* Tertiary Color */ --color-tertiary-on: hsl(var(--scheme1-tertiary-on)); --color-tertiary: hsl(var(--scheme1-tertiary)); --color-tertiary-20: hsl(var(--scheme1-tertiary) / .2); --color-tertiary-30: hsl(var(--scheme1-tertiary) / .3); --color-tertiary-40: hsl(var(--scheme1-tertiary) / .4); --color-tertiary-60: hsl(var(--scheme1-tertiary) / .6); --color-tertiary-dark: hsl(var(--scheme1-tertiary-dark)); --color-tertiary-dark-20: hsl(var(--scheme1-tertiary-dark) / .2); --color-tertiary-dark-30: hsl(var(--scheme1-tertiary-dark) / .3); --color-tertiary-dark-40: hsl(var(--scheme1-tertiary-dark) / .4); --color-tertiary-dark-60: hsl(var(--scheme1-tertiary-dark) / .6); --color-tertiary-light: hsl(var(--scheme1-tertiary-light)); --color-tertiary-light-20: hsl(var(--scheme1-tertiary-light) / .2); --color-tertiary-light-30: hsl(var(--scheme1-tertiary-light) / .3); --color-tertiary-light-40: hsl(var(--scheme1-tertiary-light) / .4); --color-tertiary-light-60: hsl(var(--scheme1-tertiary-light) / .6); --color-tertiary-gradient: hsl(var(--scheme1-tertiary)); /* Accent Colors */ /* Notification */ --color-on-notification: hsl(var(--scheme1-notification-on)); --color-notification: hsl(var(--scheme1-notification)); --color-notification-mix: var(--scheme1-notification-mix); /* Success */ --color-on-success: hsl(var(--scheme1-success-on)); --color-success: hsl(var(--scheme1-success)); --color-success-mix: var(--scheme1-success-mix); /* Error */ --color-on-error: hsl(var(--scheme1-error-on)); --color-error-on: var(--color-on-error); --color-error: hsl(var(--scheme1-error)); --color-error-mix: var(--scheme1-error-mix); --color-error-mix-on: var(--color-white); /* Section */ --color-bg: var(--color-transparent, var(--color-background)); --color-text: var(--color-content-base, var(--color-content-base)); --color-border: var(--color-gray-100, var(--border-default-color)); /* Section */ /* Tables BG Color */ --color-table-bg: var(--color-default, var(--color-background)); /* Input Color */ --color-input-text: hsl(var(--scheme1-content-base)); } .scheme-scheme2 { /* Content */ --color-content-base: hsl(var(--scheme2-content-base)); --color-content-subtle: hsl(var(--scheme2-content-subtle)); --color-content-emphasis: hsl(var(--scheme2-content-emphasis)); --color-content-heading: hsl(var(--scheme2-content-heading)); /* Surface */ --color-surface: hsl(var(--scheme2-surface, var(--scheme2-background))); --color-surface-gradient: hsl(var(--scheme2-surface)); /* Background */ --color-background: hsl(var(--scheme2-background)); --color-background-gradient: hsl(var(--scheme2-background)); /* Primary Color */ --color-primary-on: hsl(var(--scheme2-primary-on)); --color-primary: hsl(var(--scheme2-primary)); --color-primary-20: hsl(var(--scheme2-primary) / .2); --color-primary-30: hsl(var(--scheme2-primary) / .3); --color-primary-40: hsl(var(--scheme2-primary) / .4); --color-primary-60: hsl(var(--scheme2-primary) / .6); --color-primary-dark: hsl(var(--scheme2-primary-dark)); --color-primary-dark-20: hsl(var(--scheme2-primary-dark) / .2); --color-primary-dark-30: hsl(var(--scheme2-primary-dark) / .3); --color-primary-dark-40: hsl(var(--scheme2-primary-dark) / .4); --color-primary-dark-60: hsl(var(--scheme2-primary-dark) / .6); --color-primary-light: hsl(var(--scheme2-primary-light)); --color-primary-light-20: hsl(var(--scheme2-primary-light) / .2); --color-primary-light-30: hsl(var(--scheme2-primary-light) / .3); --color-primary-light-40: hsl(var(--scheme2-primary-light) / .4); --color-primary-light-60: hsl(var(--scheme2-primary-light) / .6); --color-primary-gradient: hsl(var(--scheme2-primary)); /* Secondary Color */ --color-secondary-on: hsl(var(--scheme2-secondary-on)); --color-secondary: hsl(var(--scheme2-secondary)); --color-secondary-20: hsl(var(--scheme2-secondary) / .2); --color-secondary-30: hsl(var(--scheme2-secondary) / .3); --color-secondary-40: hsl(var(--scheme2-secondary) / .4); --color-secondary-60: hsl(var(--scheme2-secondary) / .6); --color-secondary-dark: hsl(var(--scheme2-secondary-dark)); --color-secondary-dark-20: hsl(var(--scheme2-secondary-dark) / .2); --color-secondary-dark-30: hsl(var(--scheme2-secondary-dark) / .3); --color-secondary-dark-40: hsl(var(--scheme2-secondary-dark) / .4); --color-secondary-dark-60: hsl(var(--scheme2-secondary-dark) / .6); --color-secondary-light: hsl(var(--scheme2-secondary-light)); --color-secondary-light-20: hsl(var(--scheme2-secondary-light) / .2); --color-secondary-light-30: hsl(var(--scheme2-secondary-light) / .3); --color-secondary-light-40: hsl(var(--scheme2-secondary-light) / .4); --color-secondary-light-60: hsl(var(--scheme2-secondary-light) / .6); --color-secondary-gradient: hsl(var(--scheme2-secondary)); /* Tertiary Color */ --color-tertiary-on: hsl(var(--scheme2-tertiary-on)); --color-tertiary: hsl(var(--scheme2-tertiary)); --color-tertiary-20: hsl(var(--scheme2-tertiary) / .2); --color-tertiary-30: hsl(var(--scheme2-tertiary) / .3); --color-tertiary-40: hsl(var(--scheme2-tertiary) / .4); --color-tertiary-60: hsl(var(--scheme2-tertiary) / .6); --color-tertiary-dark: hsl(var(--scheme2-tertiary-dark)); --color-tertiary-dark-20: hsl(var(--scheme2-tertiary-dark) / .2); --color-tertiary-dark-30: hsl(var(--scheme2-tertiary-dark) / .3); --color-tertiary-dark-40: hsl(var(--scheme2-tertiary-dark) / .4); --color-tertiary-dark-60: hsl(var(--scheme2-tertiary-dark) / .6); --color-tertiary-light: hsl(var(--scheme2-tertiary-light)); --color-tertiary-light-20: hsl(var(--scheme2-tertiary-light) / .2); --color-tertiary-light-30: hsl(var(--scheme2-tertiary-light) / .3); --color-tertiary-light-40: hsl(var(--scheme2-tertiary-light) / .4); --color-tertiary-light-60: hsl(var(--scheme2-tertiary-light) / .6); --color-tertiary-gradient: hsl(var(--scheme2-tertiary)); /* Accent Colors */ /* Notification */ --color-on-notification: hsl(var(--scheme2-notification-on)); --color-notification: hsl(var(--scheme2-notification)); --color-notification-mix: var(--scheme2-notification-mix); /* Success */ --color-on-success: hsl(var(--scheme2-success-on)); --color-success: hsl(var(--scheme2-success)); --color-success-mix: var(--scheme2-success-mix); /* Error */ --color-on-error: hsl(var(--scheme2-error-on)); --color-error-on: var(--color-on-error); --color-error: hsl(var(--scheme2-error)); --color-error-mix: var(--scheme2-error-mix); --color-error-mix-on: var(--color-white); /* Section */ --color-text: var(--color-content-base, var(--color-content-base)); --color-border: var(--color-gray-100, var(--border-default-color)); /* Section */ /* Tables BG Color */ --color-table-bg: var(--color-default, var(--color-background)); /* Input Color */ --color-input-text: hsl(var(--scheme2-content-base)); } .scheme-scheme3 { /* Content */ --color-content-base: hsl(var(--scheme3-content-base)); --color-content-subtle: hsl(var(--scheme3-content-subtle)); --color-content-emphasis: hsl(var(--scheme3-content-emphasis)); --color-content-heading: hsl(var(--scheme3-content-heading)); /* Surface */ --color-surface: hsl(var(--scheme3-surface, var(--scheme3-background))); --color-surface-gradient: hsl(var(--scheme3-surface)); /* Background */ --color-background: hsl(var(--scheme3-background)); --color-background-gradient: hsl(var(--scheme3-background)); /* Primary Color */ --color-primary-on: hsl(var(--scheme3-primary-on)); --color-primary: hsl(var(--scheme3-primary)); --color-primary-20: hsl(var(--scheme3-primary) / .2); --color-primary-30: hsl(var(--scheme3-primary) / .3); --color-primary-40: hsl(var(--scheme3-primary) / .4); --color-primary-60: hsl(var(--scheme3-primary) / .6); --color-primary-dark: hsl(var(--scheme3-primary-dark)); --color-primary-dark-20: hsl(var(--scheme3-primary-dark) / .2); --color-primary-dark-30: hsl(var(--scheme3-primary-dark) / .3); --color-primary-dark-40: hsl(var(--scheme3-primary-dark) / .4); --color-primary-dark-60: hsl(var(--scheme3-primary-dark) / .6); --color-primary-light: hsl(var(--scheme3-primary-light)); --color-primary-light-20: hsl(var(--scheme3-primary-light) / .2); --color-primary-light-30: hsl(var(--scheme3-primary-light) / .3); --color-primary-light-40: hsl(var(--scheme3-primary-light) / .4); --color-primary-light-60: hsl(var(--scheme3-primary-light) / .6); --color-primary-gradient: hsl(var(--scheme3-primary)); /* Secondary Color */ --color-secondary-on: hsl(var(--scheme3-secondary-on)); --color-secondary: hsl(var(--scheme3-secondary)); --color-secondary-20: hsl(var(--scheme3-secondary) / .2); --color-secondary-30: hsl(var(--scheme3-secondary) / .3); --color-secondary-40: hsl(var(--scheme3-secondary) / .4); --color-secondary-60: hsl(var(--scheme3-secondary) / .6); --color-secondary-dark: hsl(var(--scheme3-secondary-dark)); --color-secondary-dark-20: hsl(var(--scheme3-secondary-dark) / .2); --color-secondary-dark-30: hsl(var(--scheme3-secondary-dark) / .3); --color-secondary-dark-40: hsl(var(--scheme3-secondary-dark) / .4); --color-secondary-dark-60: hsl(var(--scheme3-secondary-dark) / .6); --color-secondary-light: hsl(var(--scheme3-secondary-light)); --color-secondary-light-20: hsl(var(--scheme3-secondary-light) / .2); --color-secondary-light-30: hsl(var(--scheme3-secondary-light) / .3); --color-secondary-light-40: hsl(var(--scheme3-secondary-light) / .4); --color-secondary-light-60: hsl(var(--scheme3-secondary-light) / .6); --color-secondary-gradient: hsl(var(--scheme3-secondary)); /* Tertiary Color */ --color-tertiary-on: hsl(var(--scheme3-tertiary-on)); --color-tertiary: hsl(var(--scheme3-tertiary)); --color-tertiary-20: hsl(var(--scheme3-tertiary) / .2); --color-tertiary-30: hsl(var(--scheme3-tertiary) / .3); --color-tertiary-40: hsl(var(--scheme3-tertiary) / .4); --color-tertiary-60: hsl(var(--scheme3-tertiary) / .6); --color-tertiary-dark: hsl(var(--scheme3-tertiary-dark)); --color-tertiary-dark-20: hsl(var(--scheme3-tertiary-dark) / .2); --color-tertiary-dark-30: hsl(var(--scheme3-tertiary-dark) / .3); --color-tertiary-dark-40: hsl(var(--scheme3-tertiary-dark) / .4); --color-tertiary-dark-60: hsl(var(--scheme3-tertiary-dark) / .6); --color-tertiary-light: hsl(var(--scheme3-tertiary-light)); --color-tertiary-light-20: hsl(var(--scheme3-tertiary-light) / .2); --color-tertiary-light-30: hsl(var(--scheme3-tertiary-light) / .3); --color-tertiary-light-40: hsl(var(--scheme3-tertiary-light) / .4); --color-tertiary-light-60: hsl(var(--scheme3-tertiary-light) / .6); --color-tertiary-gradient: hsl(var(--scheme3-tertiary)); /* Accent Colors */ /* Notification */ --color-on-notification: hsl(var(--scheme3-notification-on)); --color-notification: hsl(var(--scheme3-notification)); --color-notification-mix: var(--scheme3-notification-mix); /* Success */ --color-on-success: hsl(var(--scheme3-success-on)); --color-success: hsl(var(--scheme3-success)); --color-success-mix: var(--scheme3-success-mix); /* Error */ --color-on-error: hsl(var(--scheme3-error-on)); --color-error-on: var(--color-on-error); --color-error: hsl(var(--scheme3-error)); --color-error-mix: var(--scheme3-error-mix); --color-error-mix-on: var(--color-white); /* Section */ --color-bg: var(--color-transparent, var(--color-background)); --color-text: var(--color-content-base, var(--color-content-base)); --color-border: var(--color-gray-100, var(--border-default-color)); /* Section */ /* Tables BG Color */ --color-table-bg: var(--color-default, var(--color-background)); /* Input Color */ --color-input-text: hsl(var(--scheme3-content-base)); } .scheme-scheme4 { /* Content */ --color-content-base: hsl(var(--scheme4-content-base)); --color-content-subtle: hsl(var(--scheme4-content-subtle)); --color-content-emphasis: hsl(var(--scheme4-content-emphasis)); --color-content-heading: hsl(var(--scheme4-content-heading)); /* Surface */ --color-surface: hsl(var(--scheme4-surface, var(--scheme4-background))); --color-surface-gradient: hsl(var(--scheme4-surface)); /* Background */ --color-background: hsl(var(--scheme4-background)); --color-background-gradient: hsl(var(--scheme4-background)); /* Primary Color */ --color-primary-on: hsl(var(--scheme4-primary-on)); --color-primary: hsl(var(--scheme4-primary)); --color-primary-20: hsl(var(--scheme4-primary) / .2); --color-primary-30: hsl(var(--scheme4-primary) / .3); --color-primary-40: hsl(var(--scheme4-primary) / .4); --color-primary-60: hsl(var(--scheme4-primary) / .6); --color-primary-dark: hsl(var(--scheme4-primary-dark)); --color-primary-dark-20: hsl(var(--scheme4-primary-dark) / .2); --color-primary-dark-30: hsl(var(--scheme4-primary-dark) / .3); --color-primary-dark-40: hsl(var(--scheme4-primary-dark) / .4); --color-primary-dark-60: hsl(var(--scheme4-primary-dark) / .6); --color-primary-light: hsl(var(--scheme4-primary-light)); --color-primary-light-20: hsl(var(--scheme4-primary-light) / .2); --color-primary-light-30: hsl(var(--scheme4-primary-light) / .3); --color-primary-light-40: hsl(var(--scheme4-primary-light) / .4); --color-primary-light-60: hsl(var(--scheme4-primary-light) / .6); --color-primary-gradient: hsl(var(--scheme4-primary)); /* Secondary Color */ --color-secondary-on: hsl(var(--scheme4-secondary-on)); --color-secondary: hsl(var(--scheme4-secondary)); --color-secondary-20: hsl(var(--scheme4-secondary) / .2); --color-secondary-30: hsl(var(--scheme4-secondary) / .3); --color-secondary-40: hsl(var(--scheme4-secondary) / .4); --color-secondary-60: hsl(var(--scheme4-secondary) / .6); --color-secondary-dark: hsl(var(--scheme4-secondary-dark)); --color-secondary-dark-20: hsl(var(--scheme4-secondary-dark) / .2); --color-secondary-dark-30: hsl(var(--scheme4-secondary-dark) / .3); --color-secondary-dark-40: hsl(var(--scheme4-secondary-dark) / .4); --color-secondary-dark-60: hsl(var(--scheme4-secondary-dark) / .6); --color-secondary-light: hsl(var(--scheme4-secondary-light)); --color-secondary-light-20: hsl(var(--scheme4-secondary-light) / .2); --color-secondary-light-30: hsl(var(--scheme4-secondary-light) / .3); --color-secondary-light-40: hsl(var(--scheme4-secondary-light) / .4); --color-secondary-light-60: hsl(var(--scheme4-secondary-light) / .6); --color-secondary-gradient: hsl(var(--scheme4-secondary)); /* Tertiary Color */ --color-tertiary-on: hsl(var(--scheme4-tertiary-on)); --color-tertiary: hsl(var(--scheme4-tertiary)); --color-tertiary-20: hsl(var(--scheme4-tertiary) / .2); --color-tertiary-30: hsl(var(--scheme4-tertiary) / .3); --color-tertiary-40: hsl(var(--scheme4-tertiary) / .4); --color-tertiary-60: hsl(var(--scheme4-tertiary) / .6); --color-tertiary-dark: hsl(var(--scheme4-tertiary-dark)); --color-tertiary-dark-20: hsl(var(--scheme4-tertiary-dark) / .2); --color-tertiary-dark-30: hsl(var(--scheme4-tertiary-dark) / .3); --color-tertiary-dark-40: hsl(var(--scheme4-tertiary-dark) / .4); --color-tertiary-dark-60: hsl(var(--scheme4-tertiary-dark) / .6); --color-tertiary-light: hsl(var(--scheme4-tertiary-light)); --color-tertiary-light-20: hsl(var(--scheme4-tertiary-light) / .2); --color-tertiary-light-30: hsl(var(--scheme4-tertiary-light) / .3); --color-tertiary-light-40: hsl(var(--scheme4-tertiary-light) / .4); --color-tertiary-light-60: hsl(var(--scheme4-tertiary-light) / .6); --color-tertiary-gradient: hsl(var(--scheme4-tertiary)); /* Accent Colors */ /* Notification */ --color-on-notification: hsl(var(--scheme4-notification-on)); --color-notification: hsl(var(--scheme4-notification)); --color-notification-mix: var(--scheme4-notification-mix); /* Success */ --color-on-success: hsl(var(--scheme4-success-on)); --color-success: hsl(var(--scheme4-success)); --color-success-mix: var(--scheme4-success-mix); /* Error */ --color-on-error: hsl(var(--scheme4-error-on)); --color-error-on: var(--color-on-error); --color-error: hsl(var(--scheme4-error)); --color-error-mix: var(--scheme4-error-mix); --color-error-mix-on: var(--color-white); /* Section */ --color-bg: var(--color-transparent, var(--color-background)); --color-text: var(--color-content-base, var(--color-content-base)); --color-border: var(--color-gray-100, var(--border-default-color)); /* Section */ /* Tables BG Color */ --color-table-bg: var(--color-default, var(--color-background)); /* Input Color */ --color-input-text: hsl(var(--scheme4-content-base)); } </style> <style data-shopify>:root { --border-default-width: 1px; --border-default-width-narrow: 1px; --border-default-width-wide: 2px; --border-default-radius: 0; --border-default-color: var(--color-content-subtle); }</style> <style data-shopify>: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);} .btn {--tw-shadow: 0 0px 0px 0 var(--button-shadow-color); --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);} .btn:before, .btn:after { content: ''; background: transparent; inset: 0; position: absolute; display: block; z-index: -1; transition: .2s ease-out; transform: translate3d(0,0,0); } .btn:before { background: var(--button-fill-hover); opacity: 0; } .btn:hover::before { opacity: var(--button-bg-opacity, 1); } .btn:after { background: var(--button-fill); opacity: var(--button-bg-opacity, 1); } .btn:hover::after { opacity: 0; } input.btn { background: var(--button-fill); } input.btn:before { display: none; } input.btn:after { display: none; } input.btn:hover { background: var(--button-fill-hover); } .btn--sm { --button-py-default: var(--button-py-sm); --button-px-default: var(--button-px-sm); font-size: max(calc(var(--button-font-size) * .618em ), 14px) } .btn--md { --button-py-default: var(--button-py-md); --button-px-default: var(--button-px-md); } .btn--lg { --button-py-default: var(--button-py-lg); --button-px-default: var(--button-px-lg); } .btn:hover, .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;} .btn--secondary {--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-secondary);} .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;} .btn--tertiary {--border-color: var(--default,var(--color-tertiary)); --button-color: var(--color-tertiary-on); --button-shadow-color: var(--color-tertiary-20); text-decoration-color: transparent; --button-fill: var(--color-tertiary); --button-fill-hover: var(--color-transparent);} .btn--tertiary:hover {--button-color: var(--color-primary); --border-color: var(--default,var(--color-primary)); --button-shadow-color: var(--color-primary-20); text-decoration-color: transparent;} .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);} .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;} .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);} .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;} .btn--error {--border-color: var(--color-error,var(--color-error)); --button-color: var(--color-error-on); --button-shadow-color: var(--color-error-20); text-decoration-color: transparent; --button-fill: var(--color-error); --button-fill-hover: var(--color-error);} .btn--error:hover {--border-color: var(--color-error,var(--color-error)); --button-color: var(--color-error-on); --button-shadow-color: var(--color-error-20); text-decoration-color: transparent;} .btn--error-on {--border-color: var(--color-error-on,var(--color-error-on)); --button-color: var(--color-error-on-on); --button-shadow-color: var(--color-error-on-20); text-decoration-color: transparent; --button-fill: var(--color-on-error); --button-color: var(--color-error); --button-fill-hover: var(--color-on-error);} .btn--error-on:hover {--border-color: var(--color-error-on,var(--color-error-on)); --button-color: var(--color-error-on-on); --button-shadow-color: var(--color-error-on-20); text-decoration-color: transparent; --button-color: var(--color-error);} .btn--error-mix {--border-color: var(--color-error-mix,var(--color-error-mix)); --button-color: var(--color-error-mix-on); --button-shadow-color: var(--color-error-mix-20); text-decoration-color: transparent; --button-fill: var(--color-error-mix); --button-fill-hover: var(--color-error-mix);} .btn--error-mix:hover {--border-color: var(--color-error-mix,var(--color-error-mix)); --button-color: var(--color-error-mix-on); --button-shadow-color: var(--color-error-mix-20); text-decoration-color: transparent;} @media screen and (min-width: 48em) { .btn { --button-font-size: var(--font_button_size_md); } } </style> <style data-shopify> :root { --gap-sm-2xs: 0.25rem; --gap-sm-xs: 0.5rem; --gap-sm-sm: 0.75rem; --gap-sm-md: 1.0rem; --gap-sm-lg: 1.25rem; --gap-sm-xl: 1.5rem; --gap-sm-2xl: 2.0rem; --gap-lg-2xs: 0.5rem; --gap-lg-xs: 1.0rem; --gap-lg-sm: 1.5rem; --gap-lg-md: 2.0rem; --gap-lg-lg: 2.5rem; --gap-lg-xl: 3.0rem; --gap-lg-2xl: 3.5rem; --gap-container-2xs: 0.5rem; --gap-container-xs: 1.0rem; --gap-container-sm: 2.0rem; --gap-container-md: 3.0rem; --gap-container-lg: 4.0rem; --gap-container-xl: 5.0rem; --gap-container-2xl: 6.0rem; --padding-xs-2xs: 0.125rem; --padding-xs-xs: 0.25rem; --padding-xs-sm: 0.375rem; --padding-xs-md: 0.5rem; --padding-xs-lg: 0.625rem; --padding-xs-xl: 0.75rem; --padding-xs-2xl: 1.0rem; --padding-sm-2xs: 0.25rem; --padding-sm-xs: 0.5rem; --padding-sm-sm: 0.75rem; --padding-sm-md: 1.0rem; --padding-sm-lg: 1.25rem; --padding-sm-xl: 1.5rem; --padding-sm-2xl: 2.0rem; --padding-lg-2xs: 0.5rem; --padding-lg-xs: 1.0rem; --padding-lg-sm: 1.5rem; --padding-lg-md: 2.0rem; --padding-lg-lg: 2.5rem; --padding-lg-xl: 3.0rem; --padding-lg-2xl: 3.5rem; --padding-container-2xs: 0.5rem; --padding-container-xs: 1.0rem; --padding-container-sm: 2.0rem; --padding-container-md: 3.0rem; --padding-container-lg: 4.0rem; --padding-container-xl: 5.0rem; --padding-container-2xl: 6.0rem; --padding-section-desktop-2xs: .5rem; --padding-section-desktop-xs: 1rem; --padding-section-desktop-sm: 2rem; --padding-section-desktop-md: 3rem; --padding-section-desktop-lg: 4rem; --padding-section-desktop-xl: 5rem; --padding-section-desktop-2xl: 6rem; --padding-section-mobile-2xs: .25rem; --padding-section-mobile-xs: .5rem; --padding-section-mobile-sm: 1.5rem; --padding-section-mobile-md: 2rem; --padding-section-mobile-lg: 2.5rem; --padding-section-mobile-xl: 3rem; --padding-section-mobile-2xl: 4rem; --margin-sm-2xs: 0.25rem; --margin-sm-xs: 0.5rem; --margin-sm-sm: 0.75rem; --margin-sm-md: 1.0rem; --margin-sm-lg: 1.25rem; --margin-sm-xl: 1.5rem; --margin-sm-2xl: 2.0rem; --margin-lg-2xs: 0.5rem; --margin-lg-xs: 1.0rem; --margin-lg-sm: 1.5rem; --margin-lg-md: 2.0rem; --margin-lg-lg: 2.5rem; --margin-lg-xl: 3.0rem; --margin-lg-2xl: 3.5rem; --margin-container-2xs: 0.5rem; --margin-container-xs: 1.0rem; --margin-container-sm: 2.0rem; --margin-container-md: 3.0rem; --margin-container-lg: 4.0rem; --margin-container-xl: 5.0rem; --margin-container-2xl: 6.0rem; --w-tooltip-sm: 180px; --w-tooltip-md: 210px; --w-tooltip-lg: 240px; --w-tooltip-xl: 270px; --container-max-w-sm: 100rem; --container-max-w-lg: 200rem; --select-pad-r: calc(var(--border-default-width) + 1rem + (2 * var(--padding-sm-xs))); } </style> <link href="//shop.wired.com/cdn/shop/t/30/assets/styles-critical.bundle.css?v=120870896162292369161726696439" rel="stylesheet" type="text/css" media="all" /> <title> Account - Wired Magazine Shop </title> <script> window.theme_version = '2.19.0'; </script> <script src="//shop.wired.com/cdn/shop/t/30/assets/runtime.bundle.js?v=15618235630933924601726696441"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/geolocation.bundle.js?v=95223894005838223881726696438"></script> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event:'page_data_loaded', user: { logged_in: 'false' }, pageType: 'customers/login', platform: 'shopify', shopify_consent: 'true', platform_theme: 'global', platform_version: window.theme_version }); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5HBJC2K');</script>  <link rel="canonical" href="https://shop.wired.com/account/login"> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="dthhh5ge7ap40jkxx6b4o7gixoh6lg"> <meta name="google-site-verification" content="tV0Capdo3kvIjGvvELvFwWQdFumnDmLWdnoUcPcIoZc"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/76163186983/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="bd4f54d0cf0e366533f260ca917efb36"> <meta id="in-context-paypal-metadata" data-shop-id="76163186983" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=76163186983" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":76163186983,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/76163186983","merchantName":"Wired Magazine Shop","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Wired Magazine Shop","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"bd4f54d0cf0e366533f260ca917efb36","betas":["rich-media-storefront-analytics"],"domain":"shop.wired.com","predictiveSearch":true,"shopId":76163186983,"smart_payment_buttons_url":"https:\/\/shop.wired.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/shop.wired.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "wired-magazine.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"UMG2-2.19.0-Sep18","id":171045945639,"schema_name":"Rhythm","schema_version":"2.19.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "shop.wired.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <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> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_Yysxer_R.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_DIxp3qNE.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_56IaDrTz.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js","modules/v2/chunk.modal_ICkqtU0A.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_Cq9ZhvW_.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_Zo29_EsX.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js","modules/v2/chunk.modal_ICkqtU0A.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_BcyGm6mk.en.esm.js","modules/v2/client.shop-login-button_B58P61oW.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js","modules/v2/chunk.modal_ICkqtU0A.esm.js"],"pay-button":["modules/v2/client.pay-button_Cerxj5vB.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_DOWYivyJ.en.esm.js","modules/v2/client.shop-login-button_B58P61oW.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js","modules/v2/chunk.modal_ICkqtU0A.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_B2YLeRcF.en.esm.js","modules/v2/client.shop-login-button_B58P61oW.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js","modules/v2/chunk.modal_ICkqtU0A.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_AnKdkbzv.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js","modules/v2/chunk.modal_ICkqtU0A.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_B58P61oW.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js","modules/v2/chunk.modal_ICkqtU0A.esm.js"],"lead-capture":["modules/v2/client.lead-capture_BnriRGi4.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js","modules/v2/chunk.modal_ICkqtU0A.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DNOhJsdD.en.esm.js","modules/v2/chunk.common_B190t8Ap.esm.js","modules/v2/chunk.modal_ICkqtU0A.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["\/\/shopify.privy.com\/widget.js?shop=wired-magazine.myshopify.com","https:\/\/shopify-widget.route.com\/shopify.widget.js?shop=wired-magazine.myshopify.com","https:\/\/r2-t.trackedlink.net\/_dmspt.js?shop=wired-magazine.myshopify.com","https:\/\/r2-t.trackedlink.net\/shopify\/ddgtag.js?shop=wired-magazine.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":76163186983,"offset":-18000,"reqid":"d3073bb0-8cad-44f9-9e22-5007731d462d-1740152978","pageurl":"shop.wired.com\/account\/login?return_url=%2Faccount%3Fview%3Dorders","u":"f1b16b89249b"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <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.2.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> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//shop.wired.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//shop.wired.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//shop.wired.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://shop.wired.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 240px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <link rel="stylesheet" href="https://fonts.umgapps.com/wired/stylesheet.css"> <style> ::backdrop { --theme-color: ; background: hsl(0 0% 0% / 0.4); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } </style> <link href="//shop.wired.com/cdn/shop/t/30/assets/styles.bundle.css?v=19987794466391898221726696439" rel="stylesheet" type="text/css" media="print" onload="this.media=`all`;this.removeAttribute(`onload`)" /> <noscript><link href="//shop.wired.com/cdn/shop/t/30/assets/styles.bundle.css?v=19987794466391898221726696439" rel="stylesheet" type="text/css" media="all" /></noscript> <script src="//shop.wired.com/cdn/shop/t/30/assets/alpine.bundle.js?v=12302431829341535371726696438" defer></script><style data-shopify>body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .card__wrapper { border-bottom: 1px solid black; } .card__wrapper:hover .card__title { text-decoration: underline; } /*********************************** SEO BANNER DESCRIPTION ***********************************/ .template-collection-banner [class*="text_body"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /*********************************** END SEO BANNER DESCRIPTION ***********************************/ </style> <link rel="apple-touch-icon" sizes="180x180" href="//shop.wired.com/cdn/shop/files/ICON---favi.png?crop=center&height=180&v=1689096244&width=180"> <link rel="icon" href="//shop.wired.com/cdn/shop/files/ICON---favi.png?crop=center&height=32&v=1689096244&width=32"> <meta name="description" content="Shop the Official WIRED Magazine Online store for exclusive WIRED products including shirts, hoodies, accessories, & more."> <meta property="og:site_name" content="Wired Magazine Shop"> <meta property="og:url" content="https://shop.wired.com/account/login"> <meta property="og:title" content="Account - Wired Magazine Shop"> <meta property="og:type" content="website"> <meta property="og:description" content="Shop the Official WIRED Magazine Online store for exclusive WIRED products including shirts, hoodies, accessories, & more."> <meta property="og:image" content="http://shop.wired.com/cdn/shop/files/WIREDsocial_ba3f002a-a4cb-4505-8733-dd266e95928a.png?v=1694091775"> <meta property="og:image:secure_url" content="https://shop.wired.com/cdn/shop/files/WIREDsocial_ba3f002a-a4cb-4505-8733-dd266e95928a.png?v=1694091775"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Account - Wired Magazine Shop"> <meta name="twitter:description" content="Shop the Official WIRED Magazine Online store for exclusive WIRED products including shirts, hoodies, accessories, & more."> <script> function loadYoutubeIframeAPI() { if(!document.getElementById('youtube_iframe_api')) { const tag = document.createElement('script') tag.id = 'youtube_iframe_api' tag.src = 'https://www.youtube.com/iframe_api' const firstScriptTag = document.getElementsByTagName('script')[0] firstScriptTag.parentNode.insertBefore(tag, firstScriptTag) } } function onYouTubeIframeAPIReady () { const youtubePlayers = document.querySelectorAll('[data-autoplay="true"][data-youtube-id]') if (youtubePlayers) { youtubePlayers.forEach(function (player) { new YT.Player(player, { events: { onReady: function (e) { e.target.playVideo() } } }) }) } } </script> <script> window.dotDigital = { shopDomain: 'shop.wired.com', insightId: 'DM-4963310419-02' } </script> <script src="//shop.wired.com/cdn/shop/t/30/assets/dot-digital.bundle.js?v=64551170413436301651726696439" defer></script> <script type="text/javascript"> window.addEventListener("load", (event) => { // Parses and returns any cookie function getCookie(name) { let re = new RegExp(name + "=([^;]+)"); let value = re.exec(document.cookie); return (value != null) ? unescape(value[1]) : null; } // Gets Snowplow session cookie details function getSnowplowDuid(cookieName) { var cookieName = cookieName || '_sp_'; var matcher = new RegExp(cookieName + 'id\\.[a-f0-9]+=([^;]+);?'); var match = document.cookie.match(matcher); if (match && match[1]) { var split = match[1].split('.'); return { 'domain_userid': split[0], 'domain_sessionidx': split[2], 'domain_sessionid': split[5] } } else { return false; } } // Initializes Snowplow (once per page load) async function initSnowplow() { // Loading tracker with the Snowplow tag (function (p, l, o, w, i, n, g) { if (!p[i]) { p.GlobalSnowplowNamespace = p.GlobalSnowplowNamespace || []; p.GlobalSnowplowNamespace.push(i); p[i] = function () { (p[i].q = p[i].q || []).push(arguments); }; p[i].q = p[i].q || []; n = l.createElement(o); g = l.getElementsByTagName(o)[0]; n.async = 1; n.src = w; g.parentNode.insertBefore(n, g); } })( window, document, "script", "//cdn.jsdelivr.net/npm/@snowplow/javascript-tracker@3.17.0/dist/sp.js", "snowplow" ); // Tracker Initialization window.snowplow("newTracker", "sp", "c.wired.com", { appId: "wired-shop", discoverRootDomain: true, cookieSameSite: "Lax", respectDoNotTrack: true, contexts: { webPage: true, performanceTiming: true } }); window.snowplow('setOptOutCookie', 'notrack'); // If ?userId query url param exist set it as Snowplow user id. // Do not use emails or PII. Hash before sending in the url. window.snowplow('setUserIdFromLocation', 'userId'); // TODO } // Update/create a cart with note attributes // for each of our SnowcatCloud cookie identifiers. async function setAttributeAndTrackPageView() { // Snowplow callback, waiting to get the cookie window.snowplow(async function () { let sp = this.sp; let domainUserId = sp.getDomainUserId(); // https://shopify.dev/docs/api/ajax/reference/cart#get-locale-cart-js const result = await fetch('/cart/update.js', { method: "POST", headers: { "Content-Type": "application/json", "Accept": "application/json" }, body: JSON.stringify({ "attributes": { "domain_userid": domainUserId, "network_userid": getCookie('sp') || null, "domain_sessionid": getSnowplowDuid()["domain_sessionid"] || null } }) }); let options = {} // Wait and set the cartId to the result const response = await result.json(); let cartId = response?.token; // Some Shopify Instances don't return the token on cart/update.json, // Let's try to get it through cart.js if (!cartId) { // If the token is still empty, fetch the cart to get the token const cartResult = await fetch('/cart.js'); const cart = await cartResult.json(); cartId = cart.token; } let context = [ { schema: "iglu:com.shopify/cart/jsonschema/1-0-0", data: { id: cartId, token: cartId, }, }, ]; options = { context } window.snowplow("trackPageView", options); }) } let spt_started = false; function start(retryCount = 0, maxRetries = 60) { if (spt_started) { return; } // Check if analytics processing is allowed before initializing Snowplow if (window.Shopify.customerPrivacy?.analyticsProcessingAllowed()) { spt_started = true; initSnowplow() .then(function () { setAttributeAndTrackPageView() console.log('Snowplow event tracker initialized!'); }) .catch(error => console.error('Error initializing Snowplow:', error)); } else if (retryCount < maxRetries) { setTimeout(() => start(retryCount + 1, maxRetries), 1000); } } document.addEventListener("visitorConsentCollected", (event) => { start(); }); // Load Shopify Customer Privacy API try { window.Shopify.loadFeatures([ { name: 'consent-tracking-api', version: '0.1', }, ], function (error) { if (error) { console.error('Error loading Customer Privacy API:', error); } }); start(); } catch (error) { console.error('Error loading Customer Privacy API:', error); } }); </script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 76163186983,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "customers/login"};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> <script id="web-pixels-manager-setup">(function d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 76163186983,storefrontBaseUrl: "https://shop.wired.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"868385063","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"GT-NBBT4W95\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-07X5PV1EVP\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-07X5PV1EVP\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-07X5PV1EVP\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"642ed32d7fafb3e0986c8ba3bf3908a1","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"477233447","configuration":"{\"gtm_id\":\"GTM-5HBJC2K\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"299424acee8b7621ead09d2fba9a011f","type":"APP","apiClientId":37773246465,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Wired Magazine Shop","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"wired-magazine.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/shop.wired.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://shop.wired.com/cdn","fe48b2eff8c03b9466f52868a6ab17e9de3061ea","9aa78ea6wf5b2552ap0c2ff5dfm4f1688b2",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 76163186983, theme_id: 171045945639, app_name: "storefront", context_url: window.location.href, source_url: "//shop.wired.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//shop.wired.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//shop.wired.com/cdn/s/trekkie.storefront.68728afc2577e1593a48001edcb560128ef43fd2.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":76163186983,"isMerchantRequest":null,"themeId":171045945639,"themeCityHash":"10389932838102475453","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//shop.wired.com/cdn/shopifycloud/shopify/assets/shop_events_listener-af52bb5773aaa9f7f1f7f1f7e3a010a904a5c7213a959b83580d22bc7920a2e4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://shop.wired.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.4.0.min.js" data-application="storefront-renderer" data-shop-id="76163186983" data-render-region="gcp-us-central1" data-page-type="customers/login" data-theme-instance-id="171045945639" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="template__login flex flex-col grow min-h-full relative md:relative scheme-scheme2 c-bg-background c-text-content-base" data-theme="rhythm" data-themev="2.19.0">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5HBJC2K" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <a class="skip-to-content-link button sr-only focus:not-sr-only" href="#MainContent"> Skip to content </a><content-overlay> <div class="overlay hidden fixed top-0 left-0 w-full h-full z-[1000001] c-bg-gray-900 opacity-50"></div> </content-overlay> <header id="shopify-section-sections--23241934176551__header" class="shopify-section shopify-section-group-header-group site-header"><style> #shopify-section-sections--23241934176551__header { position: sticky;top: 0;z-index: 999997; width: 100%; } </style> <script>document.getElementById('shopify-section-sections--23241934176551__header').classList.add('umg-sticky', 'transition-[transform]')</script> <div id="header__wrapper" class="header__wrapper scheme-scheme2 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme2 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-surface c-text-on-surface mb-none" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false }" data-position="static_sticky_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; "> <div id="header__container" class="header__container grid gap-y-sm-sm gap-x-none grid-cols-7 section-spacing mx-auto w-full relative z-10 py-container-xs md:py-container-xs px-none max-w-xl md:px-none md:max-w-xl c-border-default-color border-none border-x-0 border-t-0 mx-auto text-center" > <div class="navigation-wrapper header__column flex header-md__column--0 col-span-2 justify-start items-center" > <button class="hamburger-btn-wrapper flex flex-row gap-sm-2xs items-center text_navigation_md no-underline" x-on:click="hamburgerMenuOpen = true" type="button" aria-label="Open navigation menu"> <div class="header__hamburgermenu--icon h-min-click-space min-w-min-click-space flex justify-center items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor"> <path d="M0 88C0 83.58 3.582 80 8 80H440C444.4 80 448 83.58 448 88C448 92.42 444.4 96 440 96H8C3.582 96 0 92.42 0 88zM0 248C0 243.6 3.582 240 8 240H440C444.4 240 448 243.6 448 248C448 252.4 444.4 256 440 256H8C3.582 256 0 252.4 0 248zM440 416H8C3.582 416 0 412.4 0 408C0 403.6 3.582 400 8 400H440C444.4 400 448 403.6 448 408C448 412.4 444.4 416 440 416z"/> </svg> </div> </button> <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> <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-sm" 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"> <div class="hamburger-header-wrapper flex justify-between items-center py-sm-sm text_navigation_md"> <span class="hamburger-header-wrapper flex px-lg-md"> </span> <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"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </button> </div> <nav class="nav-wrapper" > <ul class="navigation-container flex flex-col text-left gap-x-none gap-y-sm-lg" > <li class="" > <a href="/collections/new-in" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline" > New </a> </li> <li class="" > <a href="/collections/apparel" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline" > Apparel </a> </li> <li class="" > <a href="/collections/accessories" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline" > Accessories </a> </li> <li class="" > <a href="/collections/all" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline" > All </a> </li> <li class="" > <a href="/collections/gifts-under-50" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline" > Gifts Under $50 </a> </li> </ul> </nav> </div> <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"> <span class="sr-only"> Close navigation menu </span> </button> </div> </div> <div class="header__column header__column--1 header__column--logo flex col-span-3 justify-center items-center" > <div class="logo-container" > <a href="/" class="logo-cntr block" style="--logo-width: 9.375rem;" title="Wired Magazine Shop"> <picture class="image__adaptive "> <source data-src="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=4574" alt="WIRED-SHOP-logo" srcset="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=800 800w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=1200 1200w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=1600 1600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=2000 2000w" width="4574" height="860" loading="eager" sizes="(min-width: 768px) 150px, 150px"media="(min-width: 760px)"> <img src="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=900" alt="WIRED-SHOP-logo" srcset="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=800 800w" width="900" height="169" loading="eager" sizes="(min-width: 768px) 150px, 150px" class="w-full object-cover image__responsive"> </picture> </a> </div> </div> <div class="header__column header__column--2 header__column--actions flex col-span-2 justify-end items-center" > <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs"> <button class="header__action header__action--account-link text_navigation_md no-underline"> <a href="/account?view=orders" class="flex h-full fill-current items-center justify-center h-min-click-space w-min-click-space"> <div class="icon-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor"> <path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336h101.3C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480z"/> </svg> <span class="sr-only">Account</span> </div> </a> </button> <cart-drawer-toggle-button class="header__action header__action--cart-trigger cart-toggle cursor-pointer text-center relative text_navigation_md no-underline" tabindex="-1"> <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center h-min-click-space w-min-click-space"> <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> <img src="//shop.wired.com/cdn/shop/files/cart-bag.svg?v=1710958190" alt="Cart Icon: Shopping Bag" srcset="//shop.wired.com/cdn/shop/files/cart-bag.svg?v=1710958190&width=18 18w" width="18" height="23" loading="eager" class=" icon icon--cart umg-icon image__responsive image__responsive--svg"> </div> <span class="sr-only">Cart</span> <div id="header-cart-count" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-secondary c-text-secondary-on empty:hidden"></div> </a> </cart-drawer-toggle-button> </div> </div> </div> <div class="header__search-wrapper section__wrapper w-full hidden border-x-0 border-t-0 z-10 border-none c-border-default-color c-bg-surface c-text-on-surface" x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }" > <div class="header__search-container flex md:max-w-[70ch] lg:max-w-[90ch] mx-auto justify-center section-spacing mx-auto w-full relative z-10 py-container-sm md:py-container-sm px-lg-sm max-w-xl md:max-w-xl"> <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide"> <div class="predictive-search__input-wrapper relative w-full"> <input class="predictive-search__input appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" id="search" type="search" value="" name="q" placeholder="Search"role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" aria-label="search.label" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput"> <button class="predictive-search__input-icon box-content border-default-size flex absolute z-10 top-1/2 right-0 items-center justify-center transform -translate-y-1/2 border-r-default-width border-transparent c-text-content-base w-4 px-sm-xs h-full" type="submit" aria-label="Search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> <path d="M504.1 471l-134-134C399.1 301.5 415.1 256.8 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160s-71.78 160-160 160S48 296.2 48 208z"/> </svg> </button> </div> </form> </div> </div> </div> <style> #shopify-section-sections--23241934176551__header .cart-count {min-height: 18px; min-width: 18px; top: -0.5rem; right: 0.25rem;} #shopify-section-sections--23241934176551__header .header__action--account-link {position: relative; top: -2px;} </style></header><header id="shopify-section-sections--23241934176551__header-md" class="shopify-section shopify-section-group-header-group site-header site-header--md"><style> #shopify-section-sections--23241934176551__header-md { position: sticky;top: 0;z-index: 999997; width: 100%; } </style> <script>document.getElementById('shopify-section-sections--23241934176551__header-md').classList.add('umg-sticky', 'transition-[transform]')</script> <div id="header__wrapper--md" class="header__wrapper header__wrapper--md scheme-scheme2 z-[10] mx-auto h-auto w-full section__wrapper scheme-scheme2 grid columns-1 rows-1 place-items-center relative z-0 overflow-visible c-bg-background c-text-content-base mb-none border-none c-border-default-color border-x-0 border-t-0" x-data="{ hamburgerMenuOpen: false, searchBarOpen: false }" data-position="static_sticky_header" style=" --icon-width: 1.75rem; --icon-height: 1.75rem; "> <div id="header__container--md" class="header__container header__container--md grid gap-y-none gap-x-sm-xl grid-cols-12 section-spacing mx-auto w-full relative z-10 py-container-sm md:py-container-sm px-lg-sm max-w-full md:max-w-full mx-auto text-center" > <div class="navigation-wrapper header__column flex header-md__column--0 col-span-2 justify-start items-center" > <button class="hamburger-btn-wrapper flex flex-row gap-sm-2xs items-center text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" x-on:click="hamburgerMenuOpen = true" type="button" aria-label="Open navigation menu"> <div class="header__hamburgermenu--icon h-min-click-space min-w-min-click-space flex justify-center items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--menu umg-icon" fill="currentColor"> <path d="M0 88C0 83.58 3.582 80 8 80H440C444.4 80 448 83.58 448 88C448 92.42 444.4 96 440 96H8C3.582 96 0 92.42 0 88zM0 248C0 243.6 3.582 240 8 240H440C444.4 240 448 243.6 448 248C448 252.4 444.4 256 440 256H8C3.582 256 0 252.4 0 248zM440 416H8C3.582 416 0 412.4 0 408C0 403.6 3.582 400 8 400H440C444.4 400 448 403.6 448 408C448 412.4 444.4 416 440 416z"/> </svg> </div> </button> <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> <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-sm" 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"> <div class="hamburger-header-wrapper flex justify-between items-center py-sm-sm text_navigation_sm"> <span class="hamburger-header-wrapper flex px-lg-md"> </span> <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"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </button> </div> <nav class="nav-wrapper" > <ul class="navigation-container flex flex-col text-left gap-x-sm-lg gap-y-sm-xl" > <li class="" > <a href="/collections/new-in" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > New </a> </li> <li class="" > <a href="/collections/apparel" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Apparel </a> </li> <li class="" > <a href="/collections/accessories" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Accessories </a> </li> <li class="" > <a href="/collections/all" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > All </a> </li> <li class="" > <a href="/collections/gifts-under-50" class="header__navigation-link flex relative w-full text_navigation_md px-lg-md no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Gifts Under $50 </a> </li> </ul> </nav> </div> <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"> <span class="sr-only"> Close navigation menu </span> </button> </div> </div> <div class="header__column header__column--1 header__column--logo flex col-span-2 justify-start items-center" > <div class="logo-container" > <a href="/" class="logo-cntr block" style="--logo-width: 9.375rem;" title="Wired Magazine Shop"> <picture class="image__adaptive "> <source data-src="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=4574" alt="WIRED-SHOP-logo" srcset="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=800 800w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=1200 1200w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=1600 1600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=2000 2000w" width="4574" height="860" loading="eager" sizes="(min-width: 768px) 150px, 150px"media="(min-width: 760px)"> <img src="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=900" alt="WIRED-SHOP-logo" srcset="//shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=100 100w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=300 300w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=600 600w, //shop.wired.com/cdn/shop/files/WIRED-SHOP-logo.png?v=1694019918&width=800 800w" width="900" height="169" loading="eager" sizes="(min-width: 768px) 150px, 150px" class="w-full object-cover image__responsive"> </picture> </a> </div> </div> <div class="navigation-wrapper header__column flex header-md__column--2 col-span-6 justify-start items-center" > <nav class="nav-wrapper" > <ul class="navigation-container flex flex-row flex-wrap justify-center items-center text-left gap-x-sm-lg gap-y-sm-xl" > <li class="" > <a href="/collections/new-in" class="header__navigation-link flex relative w-full text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > New </a> </li> <li class="" > <a href="/collections/apparel" class="header__navigation-link flex relative w-full text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Apparel </a> </li> <li class="" > <a href="/collections/accessories" class="header__navigation-link flex relative w-full text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Accessories </a> </li> <li class="" > <a href="/collections/all" class="header__navigation-link flex relative w-full text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > All </a> </li> <li class="" > <a href="/collections/gifts-under-50" class="header__navigation-link flex relative w-full text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]" > Gifts Under $50 </a> </li> </ul> </nav> </div> <div class="header__column header__column--3 header__column--actions flex col-span-4 justify-end items-center" > <div class="actions-container flex flex-row flex-wrap gap-y-sm-sm gap-sm-xxs"> <button class="header__action header__action--account-link text_navigation_sm no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px] hover:c-text-secondary"> <a href="/account?view=orders" class="flex h-full fill-current items-center justify-center h-min-click-space w-min-click-space"> <div class="icon-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--user umg-icon" fill="currentColor"> <path d="M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336h101.3C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480z"/> </svg> <span class="sr-only">Account</span> </div> </a> </button> <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] hover:c-text-secondary" tabindex="-1"> <a href="/cart" class="flex items-center flex h-full fill-current items-center justify-center h-min-click-space w-min-click-space"> <div class="cart-toggle__innerwrapper cart-toggle__innerwrapper--icon items-center"> <img src="//shop.wired.com/cdn/shop/files/cart-bag.svg?v=1710958190" alt="Cart Icon: Shopping Bag" srcset="//shop.wired.com/cdn/shop/files/cart-bag.svg?v=1710958190&width=18 18w" width="18" height="23" loading="eager" class=" icon icon--cart umg-icon image__responsive image__responsive--svg"> </div> <span class="sr-only">Cart</span> <div id="header-cart-count_md" class="cart-count grid place-items-center min-w-[22px] text_body_xs min-h-[22px] absolute place-content-center rounded-full -top-[0.3rem] -right-1 c-bg-secondary c-text-secondary-on empty:hidden"></div> </a> </cart-drawer-toggle-button> </div> </div> </div> <div class="header__search-wrapper section__wrapper w-full hidden border-x-0 border-t-0 z-10 border-none c-border-default-color c-bg-surface c-text-on-surface" x-show="searchBarOpen" @click.away="searchBarOpen = false; $nextTick(() => { $store.headerGroupManager.updateMeasurements() })" :class="{ '' : searchBarOpen , 'hidden' : !searchBarOpen }" > <div class="header__search-container flex md:max-w-[70ch] lg:max-w-[90ch] mx-auto justify-center section-spacing mx-auto w-full relative z-10 py-container-sm md:py-container-sm px-lg-sm max-w-xl md:max-w-xl"> <form class="predictive-search__form flex-col items-center w-full" action="/search" method="get" role="search" aria-label="Sitewide"> <div class="predictive-search__input-wrapper relative w-full"> <input class="predictive-search__input appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" id="search__md" type="search" value="" name="q" placeholder="Search"role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" aria-label="search.label" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="searchInput"> <button class="predictive-search__input-icon box-content border-default-size flex absolute z-10 top-1/2 right-0 items-center justify-center transform -translate-y-1/2 border-r-default-width border-transparent c-text-content-base w-4 px-sm-xs h-full" type="submit" aria-label="Search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 576 512" class="icon icon--search umg-icon" fill="currentColor"> <path d="M504.1 471l-134-134C399.1 301.5 415.1 256.8 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c48.79 0 93.55-16.91 129-45.04l134 134C475.7 509.7 481.9 512 488 512s12.28-2.344 16.97-7.031C514.3 495.6 514.3 480.4 504.1 471zM48 208c0-88.22 71.78-160 160-160s160 71.78 160 160s-71.78 160-160 160S48 296.2 48 208z"/> </svg> </button> </div> </form> </div> </div> </div> <style> #shopify-section-sections--23241934176551__header-md .header__container--md {grid-template-columns: auto auto 1fr auto;} #shopify-section-sections--23241934176551__header-md .header__container--md .header__column {grid-column: initial;} #shopify-section-sections--23241934176551__header-md .navigation-wrapper > .nav-wrapper .header__navigation-link:hover {text-decoration: underline; text-underline-offset: 1px; text-decoration-thickness: 1px !important;} #shopify-section-sections--23241934176551__header-md .actions-container {gap: 0.75rem;} #shopify-section-sections--23241934176551__header-md .header__action--account-link {position: relative; top: 3px;} #shopify-section-sections--23241934176551__header-md .header__action--account-link > a > div {width: 100%;} </style></header><aside id="shopify-section-sections--23241934176551__soft-redirect" class="shopify-section shopify-section-group-header-group section-soft-redirects"> </aside><section id="shopify-section-sections--23241934176551__developer_XHP4Nj" class="shopify-section shopify-section-group-header-group developer"><style data-shopify>.hamburger-container .nav-wrapper { .header__navigation-link:hover, .header__navigation--account-link:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 2px !important; } } .header__hamburgermenu--icon { position: relative; top: 3px; } .hamburger-header-wrapper { justify-content: flex-start; } .nav-wrapper .navigation-container > li:first-child a { background-color: #ff58e4; padding: 0.5em; line-height: 1; } .hamburger-container .navigation-container > li:first-child a{ display: inline; position: relative; padding: var(--padding-xs-sm) var(--padding-xs-md); margin-left: var(--margin-lg-sm); } .hamburger-container { max-width: 300px; .nav-wrapper { margin-top: 100px; } } .hamburger-container .hamburger-header-wrapper { padding-left: 0px; } .hamburger-close-btn-wrapper { position: relative; left: -1rem; .icon--close { height: 30px; } } .cart-count { min-height: 18px; min-width: 18px; top: -0.5rem; } .cart-drawer { max-width: 30rem; } .cart-drawer__close .icon--close { height: 30px; } </style> </section> <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"> <style> .cart-drawer.active { transform: translateX(0); } </style> <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-default-width c-border-background rounded-none shadow-none rounded-tr-none rounded-br-none border-r-0"> <div class="cart-drawer__header flex justify-between items-start px-sm-md pt-sm-sm"> <button class="cart-drawer__close ml-auto appearance-none h-[3rem] w-[3rem] p-sm-xs"> <span class="sr-only">Close cart</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </button> </div> <div class="cart-drawer__main grow flex flex-col items-stretch px-sm-md" id="cart-drawer-main"> <div class="cart__empty grow flex flex-col justify-center items-center gap-sm-lg"> <h4 class="cart__empty-title text_heading_lg">Your cart is empty</h4> <p class="cart__empty-message text_body">Time to fill up the cart</p> <cart-drawer-toggle-button class="cart__empty-action" tabindex="0"> <button class="btn btn--primary block z-10 relative">Continue shopping</button> </cart-drawer-toggle-button> </div> </div> </div> </cart-drawer><main id="MainContent" role="main" class="z-10 grow flex flex-col min-h-full"><div id="shopify-section-template-customer-login" class="shopify-section template-customer-login flex flex-col items-center justify-center min-h-full grow"> <script src="//shop.wired.com/cdn/shop/t/30/assets/account-register.bundle.js?v=179408181091164308931726696438" defer="defer"></script> <account-forms class="account-section__wrapper flex flex-col items-center justify-center min-h-full grow w-full my-container-sm px-sm-md lg:px-container-md" x-data="{ tabViewing: 'login', resettingPasswordForm: window.location.href.includes('reset'), resettingPassword: window.location.href.includes('#recover'), setTabViewing (newTab) { this.tabViewing = newTab; }, setResettingPassword (isResetting) { this.resettingPassword = isResetting } }" > <div class="grid grid-cols-2 w-full lg:hidden" :class="resettingPassword === true ? 'opacity-0' : ''" x-cloak="resettingPassword"> <button class="px-sm-xs py-sm-lg text-center" :class="tabViewing !== 'login' ? 'c-text-gray-600 c-bg-gray-200' : ''" @click="setTabViewing('login')" data-tab="login" >Sign in</button> <button class="px-sm-xs py-sm-lg text-center" :class="tabViewing !== 'register' ? 'c-text-gray-600 c-bg-gray-200' : ''" @click="setTabViewing('register')" data-tab="register" >Create account</button> </div> <div class="account-section__spacing mx-auto w-full col-start-1 row-start-1 col-span-1 row-span-1 relative z-10 max-w-lg border-none shadow-none c-border-default overflow-hidden rounded-none grid lg:grid-cols-2" x-show="!resettingPassword && !resettingPasswordForm" > <div class="lg:block py-container-sm px-sm-md lg:px-container-md c-border-gray-100 lg:border-r border-solid c-border-default border-solid lg:block" :class="tabViewing !== 'login' ? 'hidden' : ''" > <div class="w-full"><h2 class=" text-left text_heading_lg "> Sign in to your existing account </h2> <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&view=orders" /> <input type="hidden" name="checkout_url" value="/account/login?login_web=true&view=orders" aria-hidden="true"> <required-input class="my-sm-xs flex flex-col"> <label for="CustomerEmail" class="sr-only text_body_md c-text-content-base py-sm-xs px-none">Email</label> <input type="email" name="customer[email]" id="CustomerEmail" autocomplete="email" class="appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" required placeholder="Email" > <p class="!hidden flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs" data-validation-message data-validation-valueMissing="Email is a required field." data-validation-typeMismatch="Please enter a valid email address." > <span class="max-h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor"> <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z"/> </svg> </span> </p> </required-input> <required-input class="my-sm-xs flex flex-col"> <label for="CustomerPassword" class="sr-only text_body_md c-text-content-base py-sm-xs px-none">Password</label> <password-toggle class="w-full relative"> <input type="password" name="customer[password]" id="CustomerPassword" autocomplete="current-password" class="appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" required placeholder="Password" ><button data-toggle-password="false" aria-label="Show password" type="button" class="absolute right-2 top-1/2 transform -translate-y-1/2 inline-block w-4 h-4 c-bg-background" > <span class="hidden" data-icon-displayed> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon--eye w-full h-full icon" fill="currentColor"> <path d="M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.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 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z"/> </svg> </span> <span data-icon-hidden> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon--eye-slash w-full h-full icon" fill="currentColor"> <path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.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-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-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 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z"/> </svg> </span> </button></password-toggle> <p class="flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs !hidden" data-validation-message data-validation-valueMissing="Password is a required field" > <span class="max-h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor"> <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z"/> </svg> </span></p> </required-input> <div class=" my-sm-sm text-left"> <a href="#recover" class="underline text_body_sm" @click="setResettingPassword(true)" > Forgot your password? </a> </div><div class=" my-sm-sm "> <input type="submit" class=" mx-auto block btn btn--primary" value=" Sign in" /> </div> <div class=" py-sm-sm flex items-center justify-between flex-wrap gap-sm-sm text_body_sm"> <a href="/" class="flex items-center gap-sm-xs underline"> <span class="inline-block transform rotate-90 w-4 h-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> </svg> </span>Return to Store</a> <div class="md:hidden"> Don’t have an account? <a class="underline" href="/account/register" @click.prevent="setTabViewing('register')">Create account</a> </div> </div> <input type="hidden" name="return_url" value="/account?view=orders" /></form></div> </div> </div> <div class="lg:block py-container-sm px-sm-md lg:px-container-md c-border-gray-100 lg:block" :class="tabViewing !== 'register' ? 'hidden' : ''" > <div class="w-full"><h2 class=" text-left text_heading_lg "> Create account </h2> <div class="mt-lg-sm"> <div class="my-sm-xs"> <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"> <div class="notification__icon notification__icon--notification w-1em h-1em mt-[.2em] shrink-0"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--statusnotification" fill="currentColor"> <path d="M256 32V49.88C328.5 61.39 384 124.2 384 200V233.4C384 278.8 399.5 322.9 427.8 358.4L442.7 377C448.5 384.2 449.6 394.1 445.6 402.4C441.6 410.7 433.2 416 424 416H24C14.77 416 6.365 410.7 2.369 402.4C-1.628 394.1-.504 384.2 5.26 377L20.17 358.4C48.54 322.9 64 278.8 64 233.4V200C64 124.2 119.5 61.39 192 49.88V32C192 14.33 206.3 0 224 0C241.7 0 256 14.33 256 32V32zM216 96C158.6 96 112 142.6 112 200V233.4C112 281.3 98.12 328 72.31 368H375.7C349.9 328 336 281.3 336 233.4V200C336 142.6 289.4 96 232 96H216zM288 448C288 464.1 281.3 481.3 269.3 493.3C257.3 505.3 240.1 512 224 512C207 512 190.7 505.3 178.7 493.3C166.7 481.3 160 464.1 160 448H288z"/> </svg> </div> <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> </div> </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&view=orders" /> <input type="hidden" name="checkout_url" value="/account/register?register_web=true&view=orders" aria-hidden="true"> <required-input class="my-sm-xs flex flex-col"> <label for="RegisterForm-FirstName" class="sr-only text_body_md c-text-content-base py-sm-xs px-none"> First name </label> <input type="text" name="customer[first_name]" id="RegisterForm-FirstName" autocomplete="given-name" class="appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" aria-required="true" required placeholder="First name" > <p class="!hidden flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs" data-validation-message data-validation-valueMissing="First Name is a required field." > <span class="inline-block max-h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor"> <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z"/> </svg> </span> </p> </required-input> <required-input class="my-sm-xs flex flex-col"> <label for="RegisterForm-LastName" class="sr-only text_body_md c-text-content-base py-sm-xs px-none"> Last name </label> <input type="text" name="customer[last_name]" id="RegisterForm-LastName" autocomplete="family-name" class="appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" required placeholder="Last name" > <p class="!hidden flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs" data-validation-message data-validation-valueMissing="Last Name is a required field." > <span class="inline-block max-h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor"> <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z"/> </svg> </span> </p> </required-input> <required-input class="my-sm-xs flex flex-col"> <label for="RegisterForm-email" class="sr-only text_body_md c-text-content-base py-sm-xs px-none"> Email </label> <input type="email" name="customer[email]" id="RegisterForm-email" spellcheck="false" autocapitalize="off" autocomplete="email" aria-required="true" required class="appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" placeholder="Email" ><p class="!hidden flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs" data-validation-message data-validation-valueMissing="Email is a required field." data-validation-typeMismatch="Please enter a valid email address." > <span class="inline-block max-h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor"> <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z"/> </svg> </span> </p> </required-input> <required-input class="my-sm-xs flex flex-col" enforce-password-strength="true" data-general-error="Password does not meet requirements" data-invalid-color="c-text-content-base" data-valid-color="c-text-success-mix" > <label for="RegisterForm-password" class="sr-only text_body_md c-text-content-base py-sm-xs px-none"> Password </label> <password-toggle class="relative"> <input type="password" name="customer[password]" id="RegisterForm-password" autocomplete="new-password" aria-required="true" required class="appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" placeholder="Password" ><button data-toggle-password="false" aria-label="Show password" type="button" class="absolute right-2 top-1/2 transform -translate-y-1/2 inline-block w-4 h-4 c-bg-background" > <span class="hidden" data-icon-displayed> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon--eye w-full h-full icon" fill="currentColor"> <path d="M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.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 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z"/> </svg> </span> <span data-icon-hidden> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon--eye-slash w-full h-full icon" fill="currentColor"> <path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.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-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-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 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z"/> </svg> </span> </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> <span class="hidden shrink-0" data-message-valid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor"> <path d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/> </svg> </span> </span> <span class="shrink-0" data-message-invalid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </span> </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-numerals> <span class="hidden shrink-0" data-message-valid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor"> <path d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/> </svg> </span> </span> <span class="shrink-0" data-message-invalid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </span> </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> <span class="hidden shrink-0" data-message-valid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor"> <path d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/> </svg> </span> </span> <span class="shrink-0" data-message-invalid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </span> </span>Password must contain both upper & lowercase characters</p></required-input><div class="my-sm-md flex flex-col gap-sm-xs"> <button type="submit" class=" mx-auto block btn btn--primary"> Create </button> </div></form></div> </div> </div> </div> <div id="reset" x-show="resettingPassword" x-cloak class="mx-auto w-full max-w-xs border-none shadow-none c-border-default overflow-hidden rounded-none"> <div class="lg:block py-container-sm px-sm-md lg:px-container-md c-border-gray-100"><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" x-init="if () { setResettingPassword(true) }" > <h2 class=" text-left text_heading_lg">Reset your password</h2><required-input class="my-sm-xs flex flex-col"> <label for="CustomerEmail" class="sr-only text_body_md c-text-content-base py-sm-xs px-none">Email</label> <input type="email" name="email" id="CustomerEmail" autocomplete="email" class="appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" required placeholder="Email" > <p class="!hidden flex items-center gap-x-sm-xs my-sm-xs c-text-error-on text_body_xs" data-validation-message data-validation-valueMissing="Email is a required field." > <span class="max-h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-full h-full icon icon--error" fill="currentColor"> <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 304c13.25 0 24-10.75 24-24v-128C280 138.8 269.3 128 256 128S232 138.8 232 152v128C232 293.3 242.8 304 256 304zM256 337.1c-17.36 0-31.44 14.08-31.44 31.44C224.6 385.9 238.6 400 256 400s31.44-14.08 31.44-31.44C287.4 351.2 273.4 337.1 256 337.1z"/> </svg> </span> </p> </required-input> <div class=" my-sm-sm "> <button type="submit" class=" mx-auto block btn btn--primary"> Reset password </button> </div> <button class="flex items-center gap-x-sm-2xs text_body_sm underline" @click="setResettingPassword(false)" > <span class="inline-block w-4 h-4 transform rotate-90"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon icon--arrow w-full h-full icon--arrow--chevron" fill="currentColor"> <path d="M432.6 209.3l-191.1 183.1C235.1 397.8 229.1 400 224 400s-11.97-2.219-16.59-6.688L15.41 209.3C5.814 200.2 5.502 184.1 14.69 175.4c9.125-9.625 24.38-9.938 33.91-.7187L224 342.8l175.4-168c9.5-9.219 24.78-8.906 33.91 .7187C442.5 184.1 442.2 200.2 432.6 209.3z"/> </svg> </span>Cancel</button> </div></form></div> </div> <div id="resetForm" x-show="resettingPasswordForm" x-cloak class="mx-auto w-full max-w-xs border-none shadow-none c-border-default overflow-hidden rounded-none"> <div class="lg:block py-container-sm px-sm-md lg:px-container-md c-border-gray-100"> <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?view=orders" /><div class="w-full"> <h2 class="text-left text_heading_lg"> Reset your password</h2><required-input class="my-sm-xs flex flex-col" enforce-password-strength="true" data-password-confirmed-id="password_confirmation" data-general-error="Password does not meet requirements" data-invalid-color="c-text-content-base" data-valid-color="c-text-success-mix" > <label class="sr-only text_body_md c-text-content-base py-sm-xs px-none" for="ResetPasswordForm-password"> Password </label> <password-toggle class="relative"> <input type="password" name="customer[password]" id="ResetPasswordForm-password" autocomplete="new-password" required aria-required="true" class="appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" placeholder="Password" ><button data-toggle-password="false" aria-label="Show password" type="button" class="absolute right-2 top-1/2 transform -translate-y-1/2 inline-block w-4 h-4 c-bg-background" > <span class="hidden" data-icon-displayed> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon--eye w-full h-full icon" fill="currentColor"> <path d="M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.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 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z"/> </svg> </span> <span data-icon-hidden> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon--eye-slash w-full h-full icon" fill="currentColor"> <path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.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-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-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 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z"/> </svg> </span> </button></password-toggle> <label class="sr-only text_body_md c-text-content-base py-sm-xs px-none" for="password_confirmation"> Confirm password </label> <password-toggle class="relative"> <input type="password" name="customer[password_confirmation]" id="password_confirmation" autocomplete="new-password" aria-required="true" required class="appearance-none w-full text_body_md c-text-content-base c-bg-transparent shadow-sm rounded-none border-default-width c-border-content-base py-sm-xs px-sm-xs" placeholder="Confirm password" ><button data-toggle-password="false" aria-label="Show password" type="button" class="absolute right-2 top-1/2 transform -translate-y-1/2 inline-block w-4 h-4 c-bg-background" > <span class="hidden" data-icon-displayed> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon--eye w-full h-full icon" fill="currentColor"> <path d="M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.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 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z"/> </svg> </span> <span data-icon-hidden> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon--eye-slash w-full h-full icon" fill="currentColor"> <path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.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-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-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 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z"/> </svg> </span> </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> <span class="hidden shrink-0" data-message-valid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor"> <path d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/> </svg> </span> </span> <span class="shrink-0" data-message-invalid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </span> </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-numerals> <span class="hidden shrink-0" data-message-valid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor"> <path d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/> </svg> </span> </span> <span class="shrink-0" data-message-invalid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </span> </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> <span class="hidden shrink-0" data-message-valid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor"> <path d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/> </svg> </span> </span> <span class="shrink-0" data-message-invalid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </span> </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> <span class="hidden shrink-0" data-message-valid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full icon icon--success" fill="currentColor"> <path d="M440.1 103C450.3 112.4 450.3 127.6 440.1 136.1L176.1 400.1C167.6 410.3 152.4 410.3 143 400.1L7.029 264.1C-2.343 255.6-2.343 240.4 7.029 231C16.4 221.7 31.6 221.7 40.97 231L160 350.1L407 103C416.4 93.66 431.6 93.66 440.1 103V103z"/> </svg> </span> </span> <span class="shrink-0" data-message-invalid> <span class="block h-4 w-4"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="icon icon--close umg-icon" fill="currentColor"> <path d="M317.7 402.3c3.125 3.125 3.125 8.188 0 11.31c-3.127 3.127-8.186 3.127-11.31 0L160 267.3l-146.3 146.3c-3.127 3.127-8.186 3.127-11.31 0c-3.125-3.125-3.125-8.188 0-11.31L148.7 256L2.344 109.7c-3.125-3.125-3.125-8.188 0-11.31s8.188-3.125 11.31 0L160 244.7l146.3-146.3c3.125-3.125 8.188-3.125 11.31 0s3.125 8.188 0 11.31L171.3 256L317.7 402.3z"/> </svg> </span> </span>Password must match in both fields</p></required-input> <button type="submit" class=" mx-auto block btn btn--primary"> Reset password </button> </div></form></div> </div> </account-forms> </div></main> <script src="//shop.wired.com/cdn/shop/t/30/assets/theme.bundle.js?v=135726024536324371921726696439" defer></script> <script> window.shop_iso_code = "US"; window.shopUrl = 'https://shop.wired.com'; window.currentCurrency = 'USD'; window.routes = { cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', predictive_search_url: '/search/suggest', privacy_policy_url: '/policies/privacy-policy', legal_notice_url: '/policies/legal-notice', terms_of_sale_url: '/policies/terms-of-sale' }; window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.` }; window.variantStrings = { addToCart: `Add to cart`, soldOut: `Sorry Sold out`, unavailable: `Unavailable`, }; window.accessibilityStrings = { imageAvailable: `Image [index] is now available in gallery view`, shareSuccess: `Link copied to clipboard`, pauseSlideshow: `Pause slideshow`, playSlideshow: `Play slideshow`, }; window.shareStrings = { copyToClipboard: "Copy link", successMessage: "Link copied to clipboard", copyToClipboardError: "Error copying to clipboard", shareUrlError: "Error opening sharer" }; window.quickShopStrings = { productError: "Product details not available.", }; window.shipDateLabel = 'Ships on: {{ date }}'; window.shipDateLabelTitled = '<b>{{ title }}:</b> Ships on {{ date }}'; </script>  <footer id="shopify-section-sections--23241934045479__footer" class="shopify-section shopify-section-group-footer-group site-footer"> <div class="section__wrapper scheme-scheme3 c-text- c-border- 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"> <div class="section-spacing mx-auto w-full relative z-10 py-container-sm md:py-container-sm px-lg-sm max-w-xl md:max-w-xl grid gap-y-sm-2xl gap-x-sm-xl md:grid-cols-6 mx-auto text-center"> <div class="footer__griditem footer__griditem--0 footer__griditem--text md:col-span-3 md:row-span-1 py-none px-none text_body_xs c-text-content-subtle"> <div class="text-container w-full h-full flex flex-col text-left md:text-left md:justify-start"> <p><img src="https://cdn.shopify.com/s/files/1/0761/6318/6983/files/WIRED-SHOP-logo-invert.png?v=1694020499&width=300" style="border: solid 0px white; width: 170px;" alt="shop.wired logo"></p> <p><div class="blurb"></p> <br/> <p>WIRED is where tomorrow is realized. It is the essential source of information and ideas that make sense of a world in constant transformation. The WIRED conversation illuminates how technology is changing every aspect of our lives—from culture to business, science to design. The breakthroughs and innovations that we uncover lead to new ways of thinking, new connections, and new industries.</p> <p><div></div></p> <p></div></p> </div> </div> <div class="footer__griditem footer__griditem--1 footer__griditem--navigation md:col-span-1 md:row-span-1 py-none px-none"> <div class="navigation-container w-full h-full flex flex-col items-center gap-y-sm-xs text-center md:text-center md:justify-start"> <nav class="w-full md:flex md:items-start nav-wrapper"> <ul class="menu-nav text-center md:text-center md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-md gap-y-sm-2xs nav-container flex flex-col md:flex-col"> </ul> </nav> </div> </div> <div class="footer__griditem footer__griditem--2 footer__griditem--navigation md:col-span-1 md:row-span-1 py-none px-none"> <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"> <nav class="w-full md:flex md:items-start nav-wrapper"> <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-md gap-y-sm-2xs nav-container flex flex-col md:flex-col"> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="#">More From Wired</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/">Back To Main Site</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://www.wired.com/newsletter?sourceCode=HeaderAndFooter">Newsletters</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://www.wired.com/subscribe/">Subscribe</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://www.facebook.com/wired?mibextid=LQQJ4d">Facebook</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://x.com/wired?s=11&t=nOBgwcAFigbeHlA7PAtTZg">X (formerly Twitter)</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://www.instagram.com/wired/?igshid=MzRlODBiNWFlZA%3D%3D">Instagram</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="https://www.youtube.com/@WIRED">Youtube</a> </li> </ul> </nav> </div> </div> <div class="footer__griditem footer__griditem--3 footer__griditem--navigation md:col-span-1 md:row-span-1 py-none px-none"> <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"> <nav class="w-full md:flex md:items-start nav-wrapper"> <ul class="menu-nav text-center md:text-left md:flex justify-start md:flex-col md:justify-center md:grow gap-x-sm-md gap-y-sm-2xs nav-container flex flex-col md:flex-col"> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="#" onclick="event.preventDefault()" class="ot-sdk-show-settings">Cookie Settings</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/pages/contact-us">Contact Us</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/pages/faq">FAQs</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/policies/terms-of-sale">Terms</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/policies/privacy-policy">Privacy</a> </li> <li class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]"> <a href="/policies/legal-notice">Do not sell my personal information</a> </li> </ul> </nav> </div> </div> <div class="footer__griditem footer__griditem--4 footer__griditem--text md:col-span-3 md:row-span-1 py-none px-none text_body_xs c-text-content-subtle"> <div class="text-container w-full h-full flex flex-col text-center md:text-left md:justify-start gap-y-none"> <span> <p> If you are using a screen reader and are having problems using this website, please call 866-682-4413 for assistance. </p> </span> <a href="https://shop.wired.com" class="text_navigation_md c-text-content-subtle hover:c-text-content-subtle cursor-pointer no-underline hover:underline hover:decoration-2 hover:underline-offset-[4px]">© 2025 Wired Magazine Shop </a> </div> </div> <div class="footer__griditem footer__griditem--5 footer__griditem--developer md:col-span-1 md:row-span-1 py-none px-none"> <div class="developer-container"> <style data-shopify>.section-spacing > div:nth-child(4):before { content: "Contact Us"; display: block; font-family: "wired-mono"; color: #fff; text-transform: uppercase; font-weight: 500; cursor: default; font-size: 12px; text-align: left; line-height: 8.4px; margin-bottom: 14px; } footer { .blurb { max-width: 375px } .section-spacing div:nth-child(2) a { display: none; } .section-spacing div:nth-child(5) .text-container a { margin-bottom: 5px; } .section-spacing div:nth-child(5) .text-container { display: flex; flex-direction: column-reverse; font-size: 7px; text-transform: uppercase; } } .ot-sdk-show-settings::before { display: inline-block; position: relative; content: ""; width: 30px; height: 11px; margin-right: 3px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 14' style='enable-background:new 0 0 30 14;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%230066FF;%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%230066FF;%7D%0A%3C/style%3E%3Cg%3E%3Cg id='final---dec.11-2020_1_'%3E%3Cg id='_x30_208-our-toggle_2_' transform='translate(-1275.000000, -200.000000)'%3E%3Cg id='Final-Copy-2_2_' transform='translate(1275.000000, 200.000000)'%3E%3Cpath class='st0' d='M7.4,12.8h6.8l3.1-11.6H7.4C4.2,1.2,1.6,3.8,1.6,7S4.2,12.8,7.4,12.8z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='final---dec.11-2020'%3E%3Cg id='_x30_208-our-toggle' transform='translate(-1275.000000, -200.000000)'%3E%3Cg id='Final-Copy-2' transform='translate(1275.000000, 200.000000)'%3E%3Cpath class='st1' d='M22.6,0H7.4c-3.9,0-7,3.1-7,7s3.1,7,7,7h15.2c3.9,0,7-3.1,7-7S26.4,0,22.6,0z M1.6,7c0-3.2,2.6-5.8,5.8-5.8 h9.9l-3.1,11.6H7.4C4.2,12.8,1.6,10.2,1.6,7z'/%3E%3Cpath id='x' class='st2' d='M24.6,4c0.2,0.2,0.2,0.6,0,0.8l0,0L22.5,7l2.2,2.2c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.6,0.2-0.8,0 l0,0l-2.2-2.2L19.5,10c-0.2,0.2-0.6,0.2-0.8,0c-0.2-0.2-0.2-0.6,0-0.8l0,0L20.8,7l-2.2-2.2c-0.2-0.2-0.2-0.6,0-0.8 c0.2-0.2,0.6-0.2,0.8,0l0,0l2.2,2.2L23.8,4C24,3.8,24.4,3.8,24.6,4z'/%3E%3Cpath id='y' class='st3' d='M12.7,4.1c0.2,0.2,0.3,0.6,0.1,0.8l0,0L8.6,9.8C8.5,9.9,8.4,10,8.3,10c-0.2,0.1-0.5,0.1-0.7-0.1l0,0 L5.4,7.7c-0.2-0.2-0.2-0.6,0-0.8c0.2-0.2,0.6-0.2,0.8,0l0,0L8,8.6l3.8-4.5C12,3.9,12.4,3.9,12.7,4.1z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; top: 2px; } .section-spacing > div:not(:nth-child(4)) .menu-nav li:first-child { pointer-events: none; } /************** Media Queries **************/ @media screen and (max-width: 768px) { .section-spacing > div:nth-child(4):before { text-align: center; } .footer__column .blurb { display: none; } footer .section-spacing div:nth-child(1) p { display: flex; justify-content: center; } footer .section-spacing div:nth-child(2) { display: none; } } @media screen and (max-width: 1100px) and (min-width: 768px) { footer .section-spacing div:nth-child(2) { grid-column: auto; } } </style> </div> </div></div> </div> <style> #_evh-button { display: none !important; } </style> <style> #shopify-section-sections--23241934045479__footer .menu-nav li {line-height: 0.4em; margin-bottom: 12px;} #shopify-section-sections--23241934045479__footer .menu-nav li:hover {text-decoration: underline; text-underline-offset: 1px; text-decoration-thickness: 1px !important;} #shopify-section-sections--23241934045479__footer .menu-nav li a, #shopify-section-sections--23241934045479__footer .text-container a {font-size: 12px; font-weight: 300; color: #c4c4c4;} #shopify-section-sections--23241934045479__footer p {color: #c4c4c4;} #shopify-section-sections--23241934045479__footer .section-spacing > div:not(:nth-child(4)) .menu-nav li:first-child a {font-family: "wired-mono"; color: #fff; text-transform: uppercase; font-weight: 500; cursor: default;} </style></footer>  <script src="//shop.wired.com/cdn/shop/t/30/assets/utm-params.bundle.js?v=129387334403833026351726696440" defer="defer"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/section-render.bundle.js?v=105941117765222681451726696439" defer="defer"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/product.bundle.js?v=104210518906356412751726696438" defer="defer"></script><script src="//shop.wired.com/cdn/shop/t/30/assets/cart-drawer.bundle.js?v=65608655622883277451726696438" defer="defer"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/content-overlay.bundle.js?v=96700117266663136221726696439" defer="defer"></script> <script src="//shop.wired.com/cdn/shop/t/30/assets/share.bundle.js?v=136949247711278960181726696439" defer="defer"></script> <script> </script> <script src="//shop.wired.com/cdn/shop/t/30/assets/dotdigital-site-tracking.bundle.js?v=120953295902247773051726696440" defer></script> <script> window.customerEmail = '' window.customerAcceptsMarketing = '' window.dotDigitalCartInsights = { programId: '54041', currency: 'USD', subtotal: '0.00', discountAmount: '0.00', grandTotal: '0.00', cartUrl: 'https://shop.wired.com', lineItems: '[]' } </script> <script src="//shop.wired.com/cdn/shop/t/30/assets/dotdigital-cart-insight.bundle.js?v=124463571393677138781726696440" defer></script> <style> @media screen and (max-width: 480px) {.card__details--wrapper .card__title p {font-size: 14px; } .card__details--wrapper .card__price p {font-size: 13px; }} .card__container {grid-template-rows: auto 1fr;} #cart-total-price {font-family: "lab-grotesque";} .cart-drawer__innerwrapper {border-left: 1px solid var(--color-primary);} .cart-drawer__header {margin-bottom: 25px;} </style> </body> </html>

CINXE.COM

Account - Wired Magazine Shop