{"product_id":"kyoto-sakura-virtual-challenge","title":"Kyoto Sakura Virtual Challenge","description":"\u003cstyle\u003e\n  .pacer_desc {\n    font-family: Helvetica Neue;\n  }\n\n  .pacer_desc .main_width {\n    margin: 0 auto;\n  }\n\n  .pacer_desc .content_font {\n    font-size: 16px;\n    color: #3a3a3a;\n  }\n\n  .pacer_desc .section_title {\n    text-align: center;\n    font-weight: bold;\n    font-size: 32px;\n  }\n\n  .pacer_desc .cp_list {\n    margin-top: 50px;\n    display: flex;\n    background: rgba(196, 196, 196, 0.1);\n    border-radius: 10px;\n    padding: 54px 122px;\n  }\n\n  .pacer_desc .cp_item {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .pacer_desc .cp_item+.cp_item {\n    margin-left: 20px;\n  }\n\n  .pacer_desc .cp_list .cp_img {\n    width: 100%;\n    max-width: 200px;\n    object-fit: contain;\n    border-radius: 1000px;\n  }\n\n  .pacer_desc .cp_list .cp_name {\n    margin-top: 30px;\n    font-weight: bold;\n    max-width: 220px;\n    word-break: break-word;\n  }\n\n  .pacer_desc .divider {\n    background: linear-gradient(90.03deg, #740d16 0.02%, #9f2732 99.98%);\n    text-align: center;\n    color: #fff;\n    margin-top: 60px;\n    padding: 10px 0;\n    font-size: 15px;\n    font-weight: 700;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    position: relative;\n  }\n\n  .pacer_desc .feature {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .pacer_desc .feature .content,\n  .pacer_desc .feature .feature_img {\n    width: 50%;\n  }\n\n  .pacer_desc .feature .content+.feature_img,\n  .pacer_desc .feature .feature_img+.content {\n    margin-left: 50px;\n  }\n\n  .pacer_desc .feature .content .title {\n    font-size: 32px;\n    font-weight: bold;\n  }\n\n  .pacer_desc .feature .content .content_value {\n    font-size: 16px;\n  }\n\n  .pacer_desc .medal .medal_desc,\n  .pacer_desc .tshirt .tshirt_desc,\n  .pacer_desc .checkpoint .cp_desc {\n    margin-top: 30px;\n  }\n\n  .pacer_desc .medal_images {\n    display: flex;\n    margin: 40px 20px 0;\n    justify-content: center;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    align-items: center;\n  }\n\n  .pacer_desc .medal_images .medal_img {\n    width: 30%;\n    margin-right: 10px;\n    vertical-align: middle;\n    cursor: pointer;\n  }\n\n  .pacer_desc .medal_images .medal_img.video_item {\n    cursor: initial;\n  }\n\n  .pacer_desc .medal_img:last-child {\n    margin-right: 0;\n  }\n\n  .pacer_desc .mobile_video {\n    display: none;\n    width: 100%;\n    \/* height: 300px; *\/\n    object-fit: cover;\n    margin-top: 20px;\n  }\n\n  .modal_image {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #000;\n    display: none;\n    z-index: 99;\n  }\n\n  .modal_image .close {\n    position: absolute;\n    top: 35px;\n    right: 70px;\n    font-size: 50px;\n    font-weight: bold;\n    color: #fff;\n    cursor: pointer;\n    transition: 0.3s;\n  }\n\n  .modal_image .close:hover {\n    color: #ddd;\n  }\n\n  .modal_image img {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n  }\n\n  @media screen and (max-width: 800px) {\n    .pacer_desc .medal {\n      width: 100%;\n    }\n\n    .pacer_desc .medal_images {\n      padding-left: 15px;\n      margin-top: 10px;\n      overflow-x: scroll;\n      justify-content: flex-start;\n      box-sizing: border-box;\n      scrollbar-width: none;\n      margin-left: -15px;\n      padding-right: 15px;\n\n      \/* no video *\/\n      flex-direction: column;\n      margin-left: 0;\n      margin-right: 0;\n      padding: 0;\n      width: 100%;\n    }\n\n    .pacer_desc .medal_images::-webkit-scrollbar {\n      display: none;\n    }\n\n    .pacer_desc .medal_images .medal_img {\n      width: 70vw;\n      min-width: auto;\n      height: auto;\n      align-self: flex-start;\n      margin-bottom: 10px;\n      margin-right: 0;\n\n      \/* no video *\/\n      width: 100%;\n    }\n\n    .pacer_desc .medal_images .medal_img.video_item {\n      display: none;\n    }\n\n    .pacer_desc .cp_list {\n      margin-top: 20px;\n      padding: 10px;\n    }\n\n    .modal_image .close {\n      position: absolute;\n      top: 20px;\n      right: 30px;\n      font-size: 40px;\n      font-weight: bold;\n      color: #fff;\n      cursor: pointer;\n      transition: 0.3s;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .pacer_desc .map_layer .challenge_info .challenge_name {\n      display: none;\n    }\n\n    .pacer_desc .map_layer .checkpoints_count {\n      color: rgb(191, 191, 191);\n    }\n\n    .pacer_desc .map iframe {\n      height: 400px !important;\n    }\n\n    .pacer_desc .mobile_video {\n      display: block;\n    }\n\n    .pacer_desc .medal {\n      width: 100%;\n    }\n\n    .pacer_desc .medal_images {\n      padding-left: 15px;\n      margin-top: 10px;\n      overflow-x: scroll;\n      justify-content: flex-start;\n      box-sizing: border-box;\n      scrollbar-width: none;\n      margin-left: -15px;\n      padding-right: 15px;\n\n      \/* no video *\/\n      flex-direction: column;\n      margin-left: 0;\n      margin-right: 0;\n      padding: 0;\n      width: 100%;\n    }\n\n    .pacer_desc .medal_images::-webkit-scrollbar {\n      display: none;\n    }\n\n    .pacer_desc .medal_images .medal_img {\n      width: 70vw;\n      min-width: auto;\n      height: auto;\n      align-self: flex-start;\n      margin-bottom: 10px;\n      margin-right: 0;\n\n      \/* no video *\/\n      width: 100%;\n    }\n\n    .pacer_desc .medal_images .medal_img.video_item {\n      display: none;\n    }\n\n    .pacer_desc .cp_list {\n      margin-top: 20px;\n      padding: 10px;\n    }\n\n    .pacer_desc .cp_list .cp_item .cp_img {\n      width: 100%;\n      height: auto;\n    }\n\n    .pacer_desc .cp_list .cp_name {\n      margin-top: 10px;\n      color: #8f8f8f;\n      font-weight: normal;\n      font-style: italic;\n    }\n\n    .pacer_desc .feature {\n      flex-direction: column-reverse;\n    }\n\n    .pacer_desc .feature+.feature {\n      margin-top: 30px;\n    }\n\n    .pacer_desc .feature.img_first {\n      flex-direction: column;\n    }\n\n    .pacer_desc .feature .feature_img,\n    .pacer_desc .feature .content {\n      width: 100%;\n    }\n\n    .pacer_desc .feature .content+.feature_img,\n    .pacer_desc .feature .feature_img+.content {\n      margin-left: 0;\n    }\n\n    .pacer_desc .feature .content {\n      margin-top: 20px;\n    }\n\n    .pacer_desc .feature .content .title {\n      text-align: center;\n      width: 80%;\n      margin: 0 auto;\n      font-size: 30px;\n      line-height: initial;\n    }\n\n    .pacer_desc .medal .medal_desc,\n    .pacer_desc .tshirt .tshirt_desc,\n    .pacer_desc .checkpoint .cp_desc {\n      margin-top: 18px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv style=\"margin: 0; padding: 0;\" class=\"pacer_desc\"\u003e\n  \u003cdiv class=\"info main_width\"\u003e\n    \u003c!-- to_check --\u003e\n    \u003cdiv class=\"info_item content_font\"\u003eKyoto in cherry blossom season is the kind of beauty that stops you mid-step — petals falling like pink snow over thousand-year-old temples. Cover 30 km (19 miles) in this virtual challenge and earn a collector's medal inspired by Japan's most poetic city. \u003c\/div\u003e\n    \u003cdiv style=\"margin-top: 20px;\" class=\"info_item content_font\"\u003e\n      \u003cb\u003eWhen and Where\u003c\/b\u003e - This is a virtual adventure challenge. Participate and complete at anytime, from anywhere\n      in the world.\n    \u003c\/div\u003e\n    \u003cdiv style=\"margin-top: 20px;\" class=\"info_item content_font\"\u003e\n      \u003cb\u003eHow\u003c\/b\u003e - Set your own timeframe and finish the required distance with walk, run, bike or any distance-based\n      activities of your choice.\n    \u003c\/div\u003e\n    \u003cdiv style=\"margin-top: 20px;\" class=\"info_item content_font\"\u003e\n      \u003cb\u003eRewards\u003c\/b\u003e - Receive a gorgeous finisher medal at your doorstep with worldwide shipping! You will also receive\n      an E-certificate via email, and unlock digital postcards in the app.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"divider\"\u003eGET INSPIRED, BE ACTIVE, AND EARN A MEDAL\u003c\/div\u003e\n  \u003cdiv style=\"margin-top: 40px;\" class=\"medal\"\u003e\n    \u003ch2 class=\"title main_width section_title\"\u003eStunning Kyoto Sakura Finisher Medal\u003c\/h2\u003e\n    \u003cdiv class=\"medal_desc main_width content_font\"\u003eEach medal is created with deliberate design and exquisite\n      craftsmanship, and comes in a cushioned showcase box. It's guaranteed not to be like any other medals that you've\n      earned before.\u003c\/div\u003e\n    \u003c!-- to_check --\u003e \u003cvideo poster=\"https:\/\/cdn.pacer.cc\/competition\/adventure_competition\/templates\/Kyoto_Sakura_Virtual_Challenge\/shopify\/poster.jpg\" src=\"https:\/\/cdn.pacer.cc\/competition\/adventure_competition\/templates\/Kyoto_Sakura_Virtual_Challenge\/shopify\/%E6%8D%95%E6%A2%A6%E7%BD%91%20%E6%89%8B%E6%8B%8D.mp4\" class=\"mobile_video\" muted=\"\" loop=\"loop\" autoplay=\"autoplay\" playsinline=\"\" controls=\"controls\" crossorigin=\"anonymous\"\u003e\u003c\/video\u003e\n    \u003cdiv class=\"medal_images\"\u003e\n      \u003c!-- to_check --\u003e \u003cvideo poster=\"https:\/\/cdn.pacer.cc\/competition\/adventure_competition\/templates\/Kyoto_Sakura_Virtual_Challenge\/shopify\/poster.jpg\" src=\"https:\/\/cdn.pacer.cc\/competition\/adventure_competition\/templates\/Kyoto_Sakura_Virtual_Challenge\/shopify\/%E6%8D%95%E6%A2%A6%E7%BD%91%20%E6%89%8B%E6%8B%8D.mp4\" class=\"medal_img video_item\" controls=\"controls\" muted=\"\" loop=\"loop\" autoplay=\"autoplay\" crossorigin=\"anonymous\"\u003e\u003c\/video\u003e \u003c!-- to_check --\u003e\n      \u003cimg class=\"medal_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/competition\/adventure_competition\/templates\/Kyoto_Sakura_Virtual_Challenge\/shopify\/Shopify%20detail%201.jpg\"\u003e\n      \u003c!-- to_check --\u003e \u003cimg class=\"medal_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/competition\/adventure_competition\/templates\/Kyoto_Sakura_Virtual_Challenge\/shopify\/Shopify%20detail%201-1.jpg\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv style=\"margin-top: 40px;\" class=\"checkpoint main_width\"\u003e\n    \u003ch2 class=\"title section_title\"\u003eKyoto Sakura Virtual Adventure Checkpoints\u003c\/h2\u003e\n    \u003cdiv class=\"cp_desc content_font\"\u003eUnlock new locations along the map as you progress through your challenge. Each\n      new location is a chance to immerse yourself in the virtual experience and learn about local landmarks, history\n      and culture.\u003c\/div\u003e\n    \u003cdiv class=\"cp_list\"\u003e\n      \u003cdiv class=\"cp_item\"\u003e\n        \u003c!-- to_check --\u003e \u003cimg class=\"cp_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/competition\/adventure_competition\/templates\/Kyoto_Sakura_Virtual_Challenge\/shopify\/registration_checkpoint_1.png\"\u003e\n        \u003cdiv style=\"text-align: center; font-size: 13px;\" class=\"cp_name\"\u003eKyoto Botanical Gardens\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp_item\"\u003e\n        \u003c!-- to_check --\u003e \u003cimg class=\"cp_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/competition\/adventure_competition\/templates\/Kyoto_Sakura_Virtual_Challenge\/shopify\/registration_checkpoint_2.png\"\u003e\n        \u003cdiv style=\"text-align: center; font-size: 13px;\" class=\"cp_name\"\u003eKiyomizu-dera\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cp_item\"\u003e\n        \u003c!-- to_check --\u003e \u003cimg class=\"cp_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/competition\/adventure_competition\/templates\/Kyoto_Sakura_Virtual_Challenge\/shopify\/registration_checkpoint_3.png\"\u003e\n        \u003cdiv style=\"text-align: center; font-size: 13px;\" class=\"cp_name\"\u003eDaigo-ji\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"map\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .pacer_desc .map {\n    margin-top: 30px;\n    position: relative;\n  }\n\n  .pacer_desc .map iframe {\n    height: 600px;\n  }\n\n  .pacer_desc .map_layer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    background-color: #414141;\n    height: 68px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: #fff;\n    padding: 0 24px;\n    font-family: 'Helvetica Neue';\n    font-style: normal;\n    font-size: 17px;\n    line-height: 21px;\n  }\n\n  .pacer_desc .map_action_disabled {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: transparent;\n  }\n\n  .pacer_desc .challenge_info {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .pacer_desc iframe {\n    border-width: 0;\n  }\n\u003c\/style\u003e\n\u003cdiv style=\"margin: 0; padding: 0;\" class=\"pacer_desc\"\u003e\n  \u003cdiv class=\"map\"\u003e\n    \u003c!-- to_check --\u003e\n    \u003cdiv class=\"map_layer\"\u003e\n      \u003cdiv class=\"challenge_info\"\u003e\n        \u003cdiv class=\"challenge_name\"\u003eKyoto Sakura Virtual Challenge\u003c\/div\u003e\n        30 km \/ 19 mi\n      \u003c\/div\u003e\n      \u003cdiv class=\"checkpoints_count\"\u003e8 Checkpoints\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"map_action_disabled\"\u003e\u003cbr\u003e\u003c\/div\u003e\n    \u003ciframe width=\"100%\" src=\"https:\/\/www.google.com\/maps\/d\/u\/0\/embed?mid=1GMrgpTsG3YzisPeTwLqwqG9KXLAqrT8\u0026amp;ehbc=2E312F\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"divider\"\u003eFUN VIRTUAL EXPERIENCE\u003c\/div\u003e\n  \u003cdiv style=\"margin-top: 40px;\" class=\"features main_width\"\u003e\n    \u003cdiv class=\"feature img_first\"\u003e\n      \u003cimg class=\"feature_img\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/feature_1.5.png?v=1659083416\"\u003e \u003c!-- to_check --\u003e\n      \u003cdiv class=\"content\"\u003e\n        \u003ch2 class=\"title\"\u003e8 Digital Kyoto Sakura Postcards\u003c\/h2\u003e\n        \u003cdiv style=\"margin-top: 10px;\" class=\"content_value content_font\"\u003eUnlock vintage postcards when you reach\n          certain checkpoints. Each postcard contains interesting information about the location.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature\"\u003e\n      \u003cdiv class=\"content\"\u003e\n        \u003ch2 class=\"title\"\u003eImmersive Kyoto Sakura Virtual Experience\u003c\/h2\u003e\n        \u003cdiv style=\"margin-top: 10px;\" class=\"content_value content_font\"\u003eHigh-resolution maps, 360° panoramic views,\n          photos and fun facts. Immerse yourself in the journey and learn fun facts about local landmarks, history and\n          culture.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"feature_img\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/Feature_1_d4ed3849-6e0f-43ac-b828-e6f53202acad.jpg?v=1688983915\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature img_first\"\u003e\n      \u003cimg class=\"feature_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/shopify\/products\/rome\/feature_2.jpg\"\u003e\n      \u003cdiv class=\"content\"\u003e\n        \u003ch2 class=\"title\"\u003eWorks With What You Have\u003c\/h2\u003e\n        \u003cdiv style=\"margin-top: 10px;\" class=\"content_value content_font\"\u003eConnect Pacer app with your favorite\n          wearables\/apps and easily sync over your workout. Not a fan of fancy stuff? Your phone works just fine too!\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature\"\u003e\n      \u003cdiv class=\"content\"\u003e\n        \u003ch2 class=\"title\"\u003eGlobal Challenge Leaderboards\u003c\/h2\u003e\n        \u003cdiv style=\"margin-top: 10px;\" class=\"content_value content_font\"\u003eYou don’t have to be alone during the journey!\n          See and compare your performance with other participants with global and friends leaderboards.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"feature_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/shopify\/products\/rome\/feature_3.jpg\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature img_first\"\u003e\n      \u003cimg class=\"feature_img\" alt=\"\" src=\"https:\/\/cdn.pacer.cc\/shopify\/products\/rome\/feature_4.jpg\"\u003e\n      \u003cdiv class=\"content\"\u003e\n        \u003ch2 class=\"title\"\u003eDigital Kyoto Sakura Badges and Perks\u003c\/h2\u003e\n        \u003cdiv style=\"margin-top: 10px;\" class=\"content_value content_font\"\u003eUpon completion of each challenge, the\n          participant will unlock a unique badge as well as an E-certificate to print or brag about!\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"modal_image\"\u003e\n    \u003cspan class=\"close\"\u003e×\u003c\/span\u003e \u003cimg\u003e\n  \u003c\/div\u003e\n  \u003cscript\u003e\n    const modalImageContainerClassName = 'modal_image'\n\n    const medalImages = document.querySelectorAll('.medal_img')\n    const modalImage = document.querySelector('.modal_image')\n    const modalImageImg = document.querySelector('.modal_image img')\n    const modalImageClose = document.querySelector('.modal_image .close')\n\n    const modalImageUtils = (function () {\n      const showModalImage = (src) =\u003e {\n        if (!src) return\n        modalImageImg.src = src\n        modalImage.style.display = 'flex'\n        udpateModalImageWidth()\n      }\n\n      const udpateModalImageWidth = () =\u003e {\n        const windowWidth = window.innerWidth\n        const windowHeight = window.innerHeight\n        if (windowWidth \u003c windowHeight) {\n          modalImageImg.style.width = windowWidth + 'px'\n          modalImageImg.style.height = 'auto'\n        } else {\n          modalImageImg.style.width = 'auto'\n          modalImageImg.style.height = windowHeight + 'px'\n        }\n      }\n      const hideModalImage = () =\u003e {\n        modalImage.style.display = 'none'\n      }\n      return {\n        showModalImage,\n        udpateModalImageWidth,\n        hideModalImage,\n      }\n    })()\n\n    const modalImageListner = (function () {\n      const listenWindowResize = () =\u003e {\n        window.addEventListener('resize', () =\u003e {\n          modalImageUtils.udpateModalImageWidth()\n        })\n      }\n      const listenMedalImageClick = () =\u003e {\n        medalImages.forEach((img) =\u003e {\n          if (img.classList.contains('video_item')) return\n\n          img.addEventListener('click', () =\u003e {\n            const imgSrc = img.src || ''\n            modalImageUtils.showModalImage(imgSrc)\n          })\n        })\n      }\n      const listenModalImageCloseClick = () =\u003e {\n        modalImageClose.addEventListener('click', () =\u003e {\n          modalImageUtils.hideModalImage()\n        })\n        modalImage.addEventListener('click', (e) =\u003e {\n          if (e.target.classList.contains(modalImageContainerClassName)) {\n            modalImageUtils.hideModalImage()\n          }\n        })\n      }\n      const init = () =\u003e {\n        listenWindowResize()\n        listenMedalImageClick()\n        listenModalImageCloseClick()\n      }\n\n      return {\n        init,\n      }\n    })()\n\n    const modalImageMain = () =\u003e {\n      modalImageListner.init()\n    }\n    modalImageMain()\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Pacer Challenges","offers":[{"title":"Registration + Medal","offer_id":63328191807857,"sku":"PC2026-SAKURA","price":26.04,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/banner_266b328e-55d2-4365-a00c-e323f6968eeb.jpg?v=1774516940","url":"https:\/\/adventure.mypacer.com\/en-de\/products\/kyoto-sakura-virtual-challenge","provider":"Pacer Virtual Challenges","version":"1.0","type":"link"}