{"title":"sandals-mayara","description":"\u003cstyle\u003e\n  @font-face {\n    src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n  }\n\n  @font-face {\n    src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n  }\n\n  @font-face {\n    font-weight: 300;\n    src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n  }\n\n  .Vivaia_Mayara img {\n    width: 100%;\n    display: block;\n  }\n\n  .Vivaia_Mayara .show_big {\n    display: block;\n  }\n\n  \/* 2 *\/\n  .Vivaia_Mayara .show_small {\n    display: none;\n  }\n\n  \/* 1 *\/\n  .Vivaia_Mayara img {\n    display: block;\n    width: 100%;\n  }\n\n\n\n  .Vivaia_Mayara .bgc-grey {\n    background-color: #f8f7f5;\n    margin-top: 4.167vw;\n  }\n\n  .Vivaia_Mayara .Vivaia_Manuella_top_banner {\n    width: 100%;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .Vivaia_Mayara .space-w {\n    margin: 0 auto;\n    width: 100%;\n    margin-top: 4.167vw;\n    margin-bottom: 4.167vw;\n  }\n\n  .Vivaia_Mayara .space-w-style {\n    margin: 0 auto;\n    width:95%;\n  }\n\n  .Vivaia_Mayara .space-w-p-t-b {\n    padding-top: 4.167vw;\n    padding-bottom: 4.167vw;\n  }\n\n  .Vivaia_Mayara .common-text-area {\n    margin-bottom: 1.667vw;\n  }\n\n  .Vivaia_Mayara .common-title {\n    font-size: 30px;\n    line-height: 40px;\n    color: #191817;\n    font-weight: 600;\n    text-align: center;\n  }\n\n  .Vivaia_Mayara .common-subhead {\n    color: #191817;\n    font-size: 16px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 24px;\n    margin-top: 0.417vw;\n  }\n\n  .Vivaia_Mayara .common-img {\n    width: 100%;\n  }\n\n  .Vivaia_Mayara .Vivaia_Manuella_banner_text {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  .Vivaia_Mayara .Vivaia_Manuella_banner_text .common-title {\n    position: absolute;\n    color: #ffffff;\n    bottom: 4.167vw;\n    right: 5.208vw;\n\n  }\n\n  @media screen and (min-width: 769px) and (max-width: 1439px) {\n\n    .Vivaia_Mayara .common-title {\n      font-size: 22.507px;\n      line-height: 29.995px;\n    }\n\n    .Vivaia_Mayara .common-subhead {\n      font-size: 12px;\n      font-weight: 300;\n      line-height: 18px;\n      margin-top: 6.005px;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .show_small {\n      display: block;\n    }\n\n    .show_big {\n      display: none;\n    }\n\n    .Vivaia_Mayara .Vivaia_Manuella_top_banner {\n      justify-content: center;\n      align-items: center;\n    }\n\n    .Vivaia_Mayara .show_big {\n      display: none;\n    }\n\n    .Vivaia_Mayara .show_small {\n      display: block;\n    }\n\n    .Vivaia_Mayara .space-w {\n      width: 89.333vw;\n      margin-top: 10.667vw;\n      margin-bottom: 10.667vw;\n    }\n\n    .Vivaia_Mayara .space-w-style {\n      width: 89.333vw;\n    }\n\n    .Vivaia_Mayara .space-w-p-t-b {\n      padding-top: 10.667vw;\n      padding-bottom: 10.667vw;\n      margin-top: 10.667vw;\n      margin-bottom: 10.667vw;\n    }\n\n    .Vivaia_Mayara .space-w-p-t-b .common-subhead {\n      font-size: 2.667vw;\n      font-weight: 500;\n      line-height: 3.125vw;\n      text-align: center;\n    }\n\n    .Vivaia_Mayara .common-text-area {\n      margin-bottom: 5.333vw;\n    }\n\n    .Vivaia_Mayara .common-title {\n      font-size: 5.333vw;\n      line-height: 7.467vw;\n      text-align: center;\n      font-weight: 600;\n    }\n\n    .Vivaia_Mayara .common-subhead {\n      font-size: 3.733vw;\n      line-height: 4.8vw;\n      margin-top: 1.0666vw;\n    }\n\n\n    .Vivaia_Mayara .Vivaia_Manuella_banner_text .common-title {\n      text-align: center;\n      width: 100%;\n      margin-bottom: 0;\n      color: #ffffff;\n      bottom: 5.333vw;\n      right: auto;\n    }\n  }\n\u003c\/style\u003e  \u003cdiv class=\"Vivaia_Mayara\"\u003e  \u003cdiv class=\"space-w\"\u003e\u003cvideo id=\"myVideo\" class=\"videos\" style=\"width: 100%; display: block;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e              \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20240424_6783\/video11.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e  \u003cdiv class=\"Vivaia_Manuella_top_banner space-w\"\u003e\u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/en.png?v=1715596456\" media=\"(max-width: 768px)\"\u003e  \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/en-pc.png?v=1715596461\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e  \u003cdiv class=\"space-w Vivaia_Manuella_banner_text\"\u003e\u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m_1860a7fe-e701-4160-b296-b699cd5dda32.png?v=1715597458\" media=\"(max-width: 768px)\"\u003e  \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc_0e53fa83-e42b-4270-91c6-216f6f00b0f1.png?v=1715597470\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e  \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e  \u003cdiv class=\"space-w-style\"\u003e  \u003cdiv class=\"common-text-area\"\u003e  \u003cdiv class=\"common-title\"\u003eAbout VIVAIA\u003c\/div\u003e  \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr class=\"show_big\"\u003eWhile pursuing sustainability, we promise to lightly color women's feet.\u003c\/div\u003e  \u003c\/div\u003e  \u003cpicture\u003e  \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png             \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n  setVideo()\n  function setVideo () {\n    document.querySelectorAll(\".Vivaia_Mayara #myVideo\").forEach((v) =\u003e {\n      v.setAttribute(\"playsinline\", true);\n\n      v.setAttribute(\"webkit-playsinline\", true);\n    });\n  }\n\n\n  window.onload = function () {\n    let lang = window.top.document.documentElement.lang\n    console.log(lang);\n    const top_banner_img = document.querySelector('.Vivaia_Manuella_top_banner picture')\n    switch (lang) {\n      case 'en':\n        top_banner_img.innerHTML = `\u003csource srcset=\"\n    https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240424_6782\/en.jpg\" media=\"(max-width: 768px)\"\u003e \n    \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240424_6782\/en-pc.jpg\" alt=\"VIVAIA\"\u003e`\n        break;\n      case 'de':\n        top_banner_img.innerHTML = `\u003csource srcset=\"\n        https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240424_6782\/de.jpg\" media=\"(max-width: 768px)\"\u003e \n    \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240424_6782\/de-pc.jpg\" alt=\"VIVAIA\"\u003e`\n        break;\n      case 'fr':\n        top_banner_img.innerHTML = `\u003csource srcset=\"\n        https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240424_6782\/fr.jpg\" media=\"(max-width: 768px)\"\u003e \n    \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240424_6782\/fr-pc.jpg\" alt=\"VIVAIA\"\u003e`\n        break;\n      default:\n        break;\n    }\n  }\n\n\u003c\/script\u003e  \u003cscript\u003e\n  try {\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach((entry) =\u003e {\n        const video = entry.target;\n        if (entry.isIntersecting) {\n          video.play();\n          console.log('play')\n\n        } else {\n          video.pause();\n          console.log('pause')\n\n        }\n      });\n    }, {\n      threshold: 0.3\n    });\n\n    const allVideos = document.querySelectorAll('.Vivaia_Mayara #myVideo');\n    allVideos?.forEach((el) =\u003e {\n      console.log(el)\n\n      el.muted = true;\n      const hasAutoplay = el.hasAttribute('autoplay');\n      \/\/ console.log(hasAutoplay)\n\n      if (hasAutoplay) {\n        observer.observe(el);\n      }\n    });\n  } catch (e) {\n    console.log('videoControl error', e)\n  }\n\u003c\/script\u003e  \u003cp\u003e  \u003c\/p\u003e","products":[],"url":"https:\/\/checkout.vivaia.jp\/en\/collections\/sandals-mayara.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}