{"product_id":"12pcs-matte-lip-liner-with-sharpener-set-waterproof-smudgeproof-precise-contour-lipstick-pens-🖌️","title":"12Pcs Matte Lip Liner With Sharpener Set Waterproof Smudgeproof Precise Contour Lipstick Pens 🖌️","description":"\u003cstyle\u003e\n\/* =========================================================\n   12 SHADE MATTE LIP LINER LANDING PAGE\n   MANUAL PLAY VIDEO VERSION\n\n   DESKTOP:\n   - 3 videos horizontally\n   - click to play\n   - only one video plays at a time\n\n   MOBILE:\n   - swipe horizontally\n   - manual play\n\n   MEDIA:\n   - no crop\n   - no stretching\n   - original ratios\n========================================================= *\/\n\n.lip-lp,\n.lip-lp *{\n  box-sizing:border-box !important;\n  writing-mode:horizontal-tb !important;\n  text-orientation:mixed !important;\n  word-break:normal !important;\n  overflow-wrap:break-word !important;\n}\n\n.lip-lp{\n  --wine:#851d39;\n  --wine-dark:#551024;\n  --wine-deep:#46101f;\n  --rose:#b85b70;\n  --rose-soft:#f9e9ec;\n  --blush:#fff5f6;\n  --cream:#fffaf8;\n  --ink:#302426;\n  --text:#6e5d61;\n  --line:#ecdadd;\n  --gold:#d5ad73;\n\n  width:100% !important;\n  max-width:1000px !important;\n  margin:0 auto !important;\n  padding:0 !important;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n\n  color:var(--ink) !important;\n  line-height:1.62 !important;\n\n  overflow:hidden !important;\n\n  container-type:inline-size;\n}\n\n\n\/* =========================================================\n   GLOBAL MEDIA\n========================================================= *\/\n\n.lip-lp img{\n  display:block !important;\n  float:none !important;\n\n  width:100% !important;\n  max-width:100% !important;\n  height:auto !important;\n\n  margin:0 !important;\n  padding:0 !important;\n\n  border:0 !important;\n\n  aspect-ratio:auto !important;\n  object-fit:initial !important;\n}\n\n.lip-lp video{\n  display:block !important;\n\n  width:100% !important;\n  max-width:100% !important;\n  height:auto !important;\n\n  margin:0 !important;\n  padding:0 !important;\n\n  border:0 !important;\n\n  object-fit:contain !important;\n\n  background:#181214 !important;\n}\n\n\n\/* =========================================================\n   TEXT\n========================================================= *\/\n\n.lip-lp h1,\n.lip-lp h2,\n.lip-lp h3{\n  margin:0 !important;\n  padding:0 !important;\n\n  width:auto !important;\n\n  color:var(--ink) !important;\n\n  line-height:1.17 !important;\n  font-weight:800 !important;\n}\n\n.lip-lp p{\n  margin:0 !important;\n  padding:0 !important;\n\n  color:var(--text) !important;\n\n  font-size:16px !important;\n  line-height:1.65 !important;\n}\n\n\n\/* =========================================================\n   COMMON\n========================================================= *\/\n\n.ll-section{\n  width:100% !important;\n\n  margin:18px 0 !important;\n  padding:38px 20px !important;\n\n  border-radius:24px !important;\n\n  overflow:hidden !important;\n}\n\n.ll-white{\n  background:#fff !important;\n}\n\n.ll-soft{\n  background:\n    linear-gradient(\n      145deg,\n      #fff9f9,\n      #f9edef\n    ) !important;\n}\n\n.ll-dark{\n  background:\n    radial-gradient(\n      circle at 90% 0%,\n      rgba(255,255,255,.08),\n      transparent 35%\n    ),\n    linear-gradient(\n      145deg,\n      var(--wine),\n      var(--wine-dark)\n    ) !important;\n}\n\n.ll-dark h2,\n.ll-dark h3,\n.ll-dark p{\n  color:#fff !important;\n}\n\n\n\/* =========================================================\n   TAG\n========================================================= *\/\n\n.ll-tag{\n  display:inline-block !important;\n\n  width:auto !important;\n\n  margin-bottom:12px !important;\n  padding:7px 14px !important;\n\n  border-radius:999px !important;\n\n  background:#f2dfe4 !important;\n  color:#8a3049 !important;\n\n  font-size:12px !important;\n  line-height:1.2 !important;\n  font-weight:800 !important;\n\n  letter-spacing:.7px !important;\n  text-transform:uppercase !important;\n}\n\n.ll-dark .ll-tag{\n  color:#f6dce3 !important;\n\n  background:rgba(255,255,255,.10) !important;\n\n  border:\n    1px solid rgba(255,255,255,.13) !important;\n}\n\n\n\/* =========================================================\n   CENTER\n========================================================= *\/\n\n.ll-center{\n  text-align:center !important;\n}\n\n.ll-title{\n  max-width:760px !important;\n\n  margin:0 auto 10px !important;\n\n  text-align:center !important;\n\n  font-size:30px !important;\n}\n\n.ll-sub{\n  max-width:730px !important;\n\n  margin:0 auto !important;\n\n  text-align:center !important;\n}\n\n\n\/* =========================================================\n   MODULE 1\n   MANUAL PLAY VIDEO GALLERY\n========================================================= *\/\n\n.ll-video-section{\n  margin-top:0 !important;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      #fff0f3,\n      transparent 46%\n    ),\n    #fff !important;\n}\n\n.ll-video-head{\n  max-width:820px !important;\n\n  margin:0 auto 25px !important;\n\n  text-align:center !important;\n}\n\n.ll-video-head h1{\n  margin-bottom:12px !important;\n\n  font-size:37px !important;\n}\n\n.ll-video-head p{\n  max-width:710px !important;\n\n  margin:0 auto !important;\n}\n\n\n\/* =========================================================\n   VIDEO TRACK\n   MOBILE DEFAULT = SWIPE\n========================================================= *\/\n\n.ll-video-wrap{\n  position:relative !important;\n\n  width:100% !important;\n}\n\n.ll-video-track{\n  display:flex !important;\n\n  width:100% !important;\n\n  gap:14px !important;\n\n  margin:0 !important;\n  padding:3px 2px 12px !important;\n\n  overflow-x:auto !important;\n  overflow-y:hidden !important;\n\n  scroll-snap-type:x mandatory !important;\n  scroll-behavior:smooth !important;\n\n  -webkit-overflow-scrolling:touch !important;\n\n  scrollbar-width:none !important;\n}\n\n.ll-video-track::-webkit-scrollbar{\n  display:none !important;\n}\n\n\n\/* =========================================================\n   VIDEO CARD\n========================================================= *\/\n\n.ll-video-card{\n  flex:0 0 82% !important;\n\n  min-width:0 !important;\n\n  scroll-snap-align:center !important;\n\n  overflow:hidden !important;\n\n  border-radius:18px !important;\n\n  background:#1d1517 !important;\n\n  border:\n    1px solid rgba(117,49,66,.10) !important;\n\n  box-shadow:\n    0 10px 28px rgba(75,34,44,.13) !important;\n}\n\n\n\/* =========================================================\n   VIDEO FRAME\n========================================================= *\/\n\n.ll-video-frame{\n  position:relative !important;\n\n  width:100% !important;\n\n  overflow:hidden !important;\n\n  background:#171113 !important;\n\n  cursor:pointer !important;\n}\n\n.ll-video-frame video{\n  width:100% !important;\n  height:auto !important;\n\n  background:#171113 !important;\n}\n\n\n\/* =========================================================\n   DARK OVERLAY\n========================================================= *\/\n\n.ll-video-overlay{\n  position:absolute !important;\n\n  inset:0 !important;\n\n  z-index:2 !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n  justify-content:center !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(20,10,14,.05),\n      rgba(20,10,14,.18)\n    ) !important;\n\n  transition:\n    opacity .22s ease !important;\n\n  pointer-events:none !important;\n}\n\n.ll-video-frame.is-playing\n.ll-video-overlay{\n  opacity:0 !important;\n}\n\n\n\/* =========================================================\n   PLAY BUTTON\n========================================================= *\/\n\n.ll-play-btn{\n  position:absolute !important;\n\n  top:50% !important;\n  left:50% !important;\n\n  transform:\n    translate(-50%,-50%) !important;\n\n  z-index:5 !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n  justify-content:center !important;\n\n  width:68px !important;\n  height:68px !important;\n\n  padding:0 !important;\n\n  border:\n    2px solid rgba(255,255,255,.85) !important;\n\n  border-radius:999px !important;\n\n  background:\n    rgba(255,255,255,.94) !important;\n\n  color:#861f3d !important;\n\n  cursor:pointer !important;\n\n  box-shadow:\n    0 7px 25px rgba(0,0,0,.24) !important;\n\n  transition:\n    transform .18s ease,\n    opacity .18s ease,\n    background .18s ease !important;\n}\n\n.ll-play-btn:hover{\n  transform:\n    translate(-50%,-50%)\n    scale(1.07) !important;\n\n  background:#fff !important;\n}\n\n.ll-play-icon{\n  display:block !important;\n\n  margin-left:4px !important;\n\n  font-size:28px !important;\n  line-height:1 !important;\n}\n\n\n\/* playing = hide button *\/\n\n.ll-video-frame.is-playing\n.ll-play-btn{\n  opacity:0 !important;\n  pointer-events:none !important;\n}\n\n\n\/* =========================================================\n   SMALL PLAY LABEL\n========================================================= *\/\n\n.ll-play-label{\n  position:absolute !important;\n\n  left:50% !important;\n  top:calc(50% + 47px) !important;\n\n  transform:\n    translateX(-50%) !important;\n\n  z-index:4 !important;\n\n  color:#fff !important;\n\n  font-size:12px !important;\n  font-weight:800 !important;\n\n  text-shadow:\n    0 2px 6px rgba(0,0,0,.45) !important;\n\n  pointer-events:none !important;\n}\n\n.ll-video-frame.is-playing\n.ll-play-label{\n  display:none !important;\n}\n\n\n\/* =========================================================\n   PAUSE INDICATOR\n========================================================= *\/\n\n.ll-pause-tip{\n  position:absolute !important;\n\n  left:50% !important;\n  bottom:14px !important;\n\n  transform:\n    translateX(-50%) !important;\n\n  z-index:4 !important;\n\n  display:none !important;\n\n  padding:\n    6px 10px !important;\n\n  border-radius:999px !important;\n\n  background:\n    rgba(0,0,0,.48) !important;\n\n  color:#fff !important;\n\n  font-size:11px !important;\n  font-weight:700 !important;\n\n  pointer-events:none !important;\n}\n\n.ll-video-frame.is-playing:hover\n.ll-pause-tip{\n  display:block !important;\n}\n\n\n\/* =========================================================\n   CAPTION\n========================================================= *\/\n\n.ll-video-caption{\n  min-height:48px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n  justify-content:center !important;\n\n  padding:12px 10px !important;\n\n  background:#fff !important;\n\n  color:#55464a !important;\n\n  text-align:center !important;\n\n  font-size:13px !important;\n  line-height:1.4 !important;\n\n  font-weight:750 !important;\n}\n\n\n\/* =========================================================\n   SWIPE\n========================================================= *\/\n\n.ll-swipe{\n  margin-top:8px !important;\n\n  text-align:center !important;\n\n  color:#8b777d !important;\n\n  font-size:12px !important;\n  font-weight:700 !important;\n}\n\n\n\/* =========================================================\n   VIDEO HOOK\n========================================================= *\/\n\n.ll-video-hook{\n  max-width:760px !important;\n\n  margin:17px auto 0 !important;\n  padding:16px 18px !important;\n\n  border-radius:15px !important;\n\n  background:#fff5f6 !important;\n\n  border:\n    1px solid #ecd7dc !important;\n\n  color:#5d4149 !important;\n\n  text-align:center !important;\n\n  font-size:15px !important;\n  line-height:1.55 !important;\n\n  font-weight:700 !important;\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.ll-benefits{\n  display:grid !important;\n\n  grid-template-columns:1fr !important;\n\n  gap:10px !important;\n\n  margin-top:23px !important;\n}\n\n.ll-benefit{\n  padding:17px 14px !important;\n\n  border-radius:16px !important;\n\n  border:\n    1px solid var(--line) !important;\n\n  background:#fff !important;\n\n  text-align:center !important;\n}\n\n.ll-benefit-icon{\n  margin-bottom:5px !important;\n\n  font-size:24px !important;\n}\n\n.ll-benefit strong{\n  display:block !important;\n\n  margin-bottom:4px !important;\n\n  color:#493136 !important;\n\n  font-size:15px !important;\n}\n\n.ll-benefit span{\n  display:block !important;\n\n  color:#76666a !important;\n\n  font-size:13px !important;\n  line-height:1.45 !important;\n}\n\n\n\/* =========================================================\n   FEATURE ROW\n========================================================= *\/\n\n.ll-row{\n  display:grid !important;\n\n  grid-template-columns:1fr !important;\n\n  gap:23px !important;\n\n  width:100% !important;\n\n  align-items:center !important;\n}\n\n.ll-media{\n  width:100% !important;\n\n  min-width:0 !important;\n\n  overflow:hidden !important;\n\n  border-radius:20px !important;\n\n  background:transparent !important;\n\n  box-shadow:\n    0 10px 28px rgba(70,37,44,.08) !important;\n}\n\n.ll-media img{\n  width:100% !important;\n  height:auto !important;\n}\n\n.ll-copy{\n  width:100% !important;\n\n  min-width:0 !important;\n}\n\n.ll-copy h2{\n  margin-bottom:11px !important;\n\n  font-size:27px !important;\n}\n\n.ll-copy p + p{\n  margin-top:11px !important;\n}\n\n\n\/* =========================================================\n   LIST\n========================================================= *\/\n\n.ll-list{\n  display:grid !important;\n\n  grid-template-columns:1fr !important;\n\n  gap:9px !important;\n\n  margin-top:18px !important;\n}\n\n.ll-item{\n  width:100% !important;\n\n  padding:12px 14px !important;\n\n  border-radius:13px !important;\n\n  border:\n    1px solid var(--line) !important;\n\n  background:#fff !important;\n\n  color:#66555a !important;\n\n  font-size:14px !important;\n  line-height:1.5 !important;\n}\n\n.ll-dark .ll-item{\n  color:#fff !important;\n\n  border-color:\n    rgba(255,255,255,.13) !important;\n\n  background:\n    rgba(255,255,255,.08) !important;\n}\n\n\n\/* =========================================================\n   FULL IMAGE\n========================================================= *\/\n\n.ll-full{\n  width:100% !important;\n\n  margin-top:22px !important;\n\n  overflow:hidden !important;\n\n  border-radius:20px !important;\n\n  box-shadow:\n    0 10px 28px rgba(69,38,45,.08) !important;\n}\n\n.ll-full img{\n  width:100% !important;\n  height:auto !important;\n}\n\n\n\/* =========================================================\n   VALUE\n========================================================= *\/\n\n.ll-value{\n  display:grid !important;\n\n  grid-template-columns:1fr !important;\n\n  gap:10px !important;\n\n  margin-top:22px !important;\n}\n\n.ll-value-box{\n  padding:14px !important;\n\n  border-radius:14px !important;\n\n  background:#fff !important;\n\n  border:\n    1px solid var(--line) !important;\n\n  text-align:center !important;\n}\n\n.ll-value-box b{\n  display:block !important;\n\n  margin-bottom:3px !important;\n\n  color:#5c2436 !important;\n\n  font-size:17px !important;\n}\n\n.ll-value-box span{\n  display:block !important;\n\n  color:#76676b !important;\n\n  font-size:13px !important;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n.ll-faq{\n  max-width:800px !important;\n\n  margin:23px auto 0 !important;\n}\n\n.ll-faq details{\n  width:100% !important;\n\n  margin-bottom:9px !important;\n\n  overflow:hidden !important;\n\n  border-radius:14px !important;\n\n  border:\n    1px solid var(--line) !important;\n\n  background:#fff !important;\n}\n\n.ll-faq summary{\n  position:relative !important;\n\n  display:block !important;\n\n  width:100% !important;\n\n  padding:\n    16px 43px 16px 16px !important;\n\n  list-style:none !important;\n\n  cursor:pointer !important;\n\n  color:#49373b !important;\n\n  font-size:15px !important;\n  line-height:1.45 !important;\n\n  font-weight:800 !important;\n}\n\n.ll-faq summary::-webkit-details-marker{\n  display:none !important;\n}\n\n.ll-faq summary:after{\n  content:\"+\" !important;\n\n  position:absolute !important;\n\n  right:16px !important;\n  top:10px !important;\n\n  color:#8b2947 !important;\n\n  font-size:25px !important;\n}\n\n.ll-faq details[open] summary:after{\n  content:\"–\" !important;\n}\n\n.ll-answer{\n  padding:\n    0 16px 17px !important;\n\n  color:#74656a !important;\n\n  font-size:14px !important;\n  line-height:1.55 !important;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@container (min-width:600px){\n\n  .ll-benefits{\n    grid-template-columns:\n      repeat(2,1fr) !important;\n  }\n\n  .ll-value{\n    grid-template-columns:\n      repeat(3,1fr) !important;\n  }\n\n}\n\n\n\/* =========================================================\n   DESKTOP\n   3 VIDEOS EXACTLY\n========================================================= *\/\n\n@container (min-width:780px){\n\n  .ll-section{\n    padding:\n      43px 28px !important;\n  }\n\n\n  .ll-video-track{\n    display:grid !important;\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr)) !important;\n\n    gap:16px !important;\n\n    width:100% !important;\n\n    overflow:visible !important;\n\n    padding:\n      3px 0 8px !important;\n  }\n\n\n  .ll-video-card{\n    flex:none !important;\n\n    width:100% !important;\n\n    min-width:0 !important;\n  }\n\n\n  .ll-swipe{\n    display:none !important;\n  }\n\n\n  .ll-row{\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(0,1fr) !important;\n\n    gap:34px !important;\n  }\n\n\n  .ll-row.ll-reverse .ll-media{\n    order:2 !important;\n  }\n\n\n  .ll-row.ll-reverse .ll-copy{\n    order:1 !important;\n  }\n\n\n  .ll-copy h2{\n    font-size:31px !important;\n  }\n\n\n  .ll-benefits{\n    grid-template-columns:\n      repeat(4,1fr) !important;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@container (max-width:779px){\n\n  .ll-row.ll-reverse .ll-media,\n  .ll-row.ll-reverse .ll-copy{\n    order:initial !important;\n  }\n\n}\n\n\n@container (max-width:430px){\n\n  .ll-section{\n    padding:\n      30px 14px !important;\n\n    border-radius:\n      19px !important;\n  }\n\n\n  .ll-video-head h1{\n    font-size:\n      29px !important;\n  }\n\n\n  .ll-title{\n    font-size:\n      24px !important;\n  }\n\n\n  .ll-copy h2{\n    font-size:\n      24px !important;\n  }\n\n\n  .ll-benefits{\n    grid-template-columns:\n      1fr !important;\n  }\n\n\n  .ll-play-btn{\n    width:\n      60px !important;\n\n    height:\n      60px !important;\n  }\n\n\n  .ll-play-icon{\n    font-size:\n      25px !important;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"lip-lp\"\u003e\n\n\n\u003c!-- ======================================================\n     MODULE 1\n     MANUAL PLAY VIDEO SHOWCASE\n====================================================== --\u003e\n\n\u003csection class=\"ll-section ll-video-section\"\u003e\n\n\n  \u003cdiv class=\"ll-video-head\"\u003e\n\n\n    \u003cdiv class=\"ll-tag\"\u003e\n      💋 SEE THE SHADES IN ACTION\n    \u003c\/div\u003e\n\n\n    \u003ch1\u003e\n      12 Shades. Endless Lip Combos.\n    \u003c\/h1\u003e\n\n\n    \u003cp\u003e\n      Watch the pigment, precision and matte payoff in action.\n      Tap any video to see how the pencils line, shade and fill.\n    \u003c\/p\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n  \u003cdiv class=\"ll-video-wrap\"\u003e\n\n\n    \u003cdiv class=\"ll-video-track\"\u003e\n\n\n      \u003c!-- =================================================\n           VIDEO 1\n      ================================================= --\u003e\n\n      \u003cdiv class=\"ll-video-card\"\u003e\n\n\n        \u003cdiv class=\"ll-video-frame\"\u003e\n\n\n          \u003cvideo class=\"ll-manual-video\" muted loop playsinline preload=\"metadata\" disablepictureinpicture poster=\"https:\/\/thegiftnorth.com\/cdn\/shop\/files\/preview_images\/ac0a6af818dc48cf880f3e9026355a35.thumbnail.0000000000.jpg?v=1786430753\"\u003e\n\n\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/ac0a6af818dc48cf880f3e9026355a35\/ac0a6af818dc48cf880f3e9026355a35.HD-1080p-4.8Mbps-91288491.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n\n          \u003cdiv class=\"ll-video-overlay\"\u003e\u003c\/div\u003e\n\n\n          \u003cbutton type=\"button\" class=\"ll-play-btn\" aria-label=\"Play video\"\u003e\n\n            \u003cspan class=\"ll-play-icon\"\u003e\n              ▶\n            \u003c\/span\u003e\n\n          \u003c\/button\u003e\n\n\n          \u003cdiv class=\"ll-play-label\"\u003e\n            TAP TO PLAY\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"ll-pause-tip\"\u003e\n            Tap video to pause\n          \u003c\/div\u003e\n\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-video-caption\"\u003e\n          💄 Smooth, Precise Color Payoff\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- =================================================\n           VIDEO 2\n      ================================================= --\u003e\n\n      \u003cdiv class=\"ll-video-card\"\u003e\n\n\n        \u003cdiv class=\"ll-video-frame\"\u003e\n\n\n          \u003cvideo class=\"ll-manual-video\" muted loop playsinline preload=\"metadata\" disablepictureinpicture poster=\"https:\/\/thegiftnorth.com\/cdn\/shop\/files\/preview_images\/68f5e5fc02f24bdb83f1bbee1972eee7.thumbnail.0000000000.jpg?v=1786430771\"\u003e\n\n\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/68f5e5fc02f24bdb83f1bbee1972eee7\/68f5e5fc02f24bdb83f1bbee1972eee7.HD-1080p-4.8Mbps-91288496.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n\n          \u003cdiv class=\"ll-video-overlay\"\u003e\u003c\/div\u003e\n\n\n          \u003cbutton type=\"button\" class=\"ll-play-btn\" aria-label=\"Play video\"\u003e\n\n            \u003cspan class=\"ll-play-icon\"\u003e\n              ▶\n            \u003c\/span\u003e\n\n          \u003c\/button\u003e\n\n\n          \u003cdiv class=\"ll-play-label\"\u003e\n            TAP TO PLAY\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"ll-pause-tip\"\u003e\n            Tap video to pause\n          \u003c\/div\u003e\n\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-video-caption\"\u003e\n          💦 See the Pigment Through a Wear Test\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- =================================================\n           VIDEO 3\n      ================================================= --\u003e\n\n      \u003cdiv class=\"ll-video-card\"\u003e\n\n\n        \u003cdiv class=\"ll-video-frame\"\u003e\n\n\n          \u003cvideo class=\"ll-manual-video\" muted loop playsinline preload=\"metadata\" disablepictureinpicture poster=\"https:\/\/thegiftnorth.com\/cdn\/shop\/files\/preview_images\/c7c2cd3d50e24f75a07addb61a6bac7d.thumbnail.0000000000.jpg?v=1786430780\"\u003e\n\n\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/c7c2cd3d50e24f75a07addb61a6bac7d\/c7c2cd3d50e24f75a07addb61a6bac7d.HD-1080p-4.8Mbps-91288500.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n\n          \u003cdiv class=\"ll-video-overlay\"\u003e\u003c\/div\u003e\n\n\n          \u003cbutton type=\"button\" class=\"ll-play-btn\" aria-label=\"Play video\"\u003e\n\n            \u003cspan class=\"ll-play-icon\"\u003e\n              ▶\n            \u003c\/span\u003e\n\n          \u003c\/button\u003e\n\n\n          \u003cdiv class=\"ll-play-label\"\u003e\n            TAP TO PLAY\n          \u003c\/div\u003e\n\n\n          \u003cdiv class=\"ll-pause-tip\"\u003e\n            Tap video to pause\n          \u003c\/div\u003e\n\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-video-caption\"\u003e\n          ✨ Fine Lines, Bold Fill \u0026amp; Everything Between\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n  \u003cdiv class=\"ll-swipe\"\u003e\n    ← Swipe to watch more →\n  \u003c\/div\u003e\n\n\n\n  \u003cdiv class=\"ll-video-hook\"\u003e\n\n    Watch the shades before you wear them.\n    From thin contour lines to rich matte fill,\n    each pencil gives you more ways to create your lip look.\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     MODULE 2\n     12 SHADE VALUE\n====================================================== --\u003e\n\n\u003csection class=\"ll-section ll-soft\"\u003e\n\n\n  \u003cdiv class=\"ll-center\"\u003e\n\n\n    \u003cdiv class=\"ll-tag\"\u003e\n      YOUR WHOLE LIP WARDROBE IN ONE SET\n    \u003c\/div\u003e\n\n\n    \u003ch2 class=\"ll-title\"\u003e\n      💋 Stop Buying a New Lip Liner for Every Lipstick\n    \u003c\/h2\u003e\n\n\n    \u003cp class=\"ll-sub\"\u003e\n\n      From everyday nude and soft rose\n      to deeper brown, berry and wine shades,\n      this 12-shade collection gives you more freedom\n      to change your lip look whenever you want.\n\n    \u003c\/p\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n  \u003cdiv class=\"ll-full\"\u003e\n\n\n    \u003cimg src=\"https:\/\/getvyxor.com\/cdn\/shop\/files\/89e1c8056ba24993b4fb466095088ade_tplv-fhlh96nyum-resize-webp_800_800.webp\" alt=\"12 shade matte lip liner collection\" loading=\"lazy\" onerror=\"\n        this.closest('.ll-full').style.display='none';\n      \"\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n  \u003cdiv class=\"ll-benefits\"\u003e\n\n\n    \u003cdiv class=\"ll-benefit\"\u003e\n\n\n      \u003cdiv class=\"ll-benefit-icon\"\u003e\n        🎨\n      \u003c\/div\u003e\n\n\n      \u003cstrong\u003e\n        12 Versatile Shades\n      \u003c\/strong\u003e\n\n\n      \u003cspan\u003e\n        Nude, rose, berry, wine and brown tones\n        for different lip moods.\n      \u003c\/span\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"ll-benefit\"\u003e\n\n\n      \u003cdiv class=\"ll-benefit-icon\"\u003e\n        💋\n      \u003c\/div\u003e\n\n\n      \u003cstrong\u003e\n        Line or Fill\n      \u003c\/strong\u003e\n\n\n      \u003cspan\u003e\n        Define your lip edge or fill\n        the entire lip with matte color.\n      \u003c\/span\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"ll-benefit\"\u003e\n\n\n      \u003cdiv class=\"ll-benefit-icon\"\u003e\n        ✨\n      \u003c\/div\u003e\n\n\n      \u003cstrong\u003e\n        Rich Matte Color\n      \u003c\/strong\u003e\n\n\n      \u003cspan\u003e\n        Pigmented shades help create a more\n        polished, defined lip look.\n      \u003c\/span\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"ll-benefit\"\u003e\n\n\n      \u003cdiv class=\"ll-benefit-icon\"\u003e\n        ✏️\n      \u003c\/div\u003e\n\n\n      \u003cstrong\u003e\n        Precise Pencil Tip\n      \u003c\/strong\u003e\n\n\n      \u003cspan\u003e\n        Better control around the Cupid's bow\n        and lip corners.\n      \u003c\/span\u003e\n\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     MODULE 3\n====================================================== --\u003e\n\n\u003csection class=\"ll-section ll-white\"\u003e\n\n\n  \u003cdiv class=\"ll-row\"\u003e\n\n\n    \u003cdiv class=\"ll-media\"\u003e\n\n\n      \u003cimg src=\"https:\/\/getvyxor.com\/cdn\/shop\/files\/9eba6f178cd34bef904382da55de15c7_tplv-fhlh96nyum-resize-webp_800_800.webp\" alt=\"Lip liner defining lip shape\" loading=\"lazy\" onerror=\"\n          this.closest('.ll-media').style.display='none';\n        \"\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"ll-copy\"\u003e\n\n\n      \u003cdiv class=\"ll-tag\"\u003e\n        SHAPE • DEFINE • ENHANCE\n      \u003c\/div\u003e\n\n\n      \u003ch2\u003e\n        💄 Give Your Lips a Cleaner, More Defined Shape\n      \u003c\/h2\u003e\n\n\n      \u003cp\u003e\n\n        A polished lip look starts before lipstick.\n        Trace the natural edge of your lips\n        to define the Cupid's bow,\n        corners and overall shape.\n\n      \u003c\/p\u003e\n\n\n      \u003cp\u003e\n\n        Want a fuller-looking effect?\n        Use a slightly deeper shade around\n        the outer edge, then blend inward\n        before adding lipstick or gloss.\n\n      \u003c\/p\u003e\n\n\n\n      \u003cdiv class=\"ll-list\"\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          💋 Define the Cupid's bow\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          ✨ Create cleaner-looking lip edges\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          🎨 Pair deeper liner with lighter lip colors\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     MODULE 4\n====================================================== --\u003e\n\n\u003csection class=\"ll-section ll-soft\"\u003e\n\n\n  \u003cdiv class=\"ll-row ll-reverse\"\u003e\n\n\n    \u003cdiv class=\"ll-media\"\u003e\n\n\n      \u003cimg src=\"https:\/\/getvyxor.com\/cdn\/shop\/files\/2608c13ecf454566b734e645899682b4_tplv-fhlh96nyum-resize-webp_800_800.webp\" alt=\"Lip liner outline and full lip filling\" loading=\"lazy\" onerror=\"\n          this.closest('.ll-media').style.display='none';\n        \"\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"ll-copy\"\u003e\n\n\n      \u003cdiv class=\"ll-tag\"\u003e\n        ONE PENCIL • TWO WAYS\n      \u003c\/div\u003e\n\n\n      \u003ch2\u003e\n        💋 Line It or Fill It\n      \u003c\/h2\u003e\n\n\n      \u003cp\u003e\n\n        Use it around the lip edge\n        for a defined liner-and-gloss combination,\n        or shade across the entire lip\n        for rich matte color.\n\n      \u003c\/p\u003e\n\n\n      \u003cp\u003e\n\n        That means every shade gives you\n        more than one way to wear it.\n\n      \u003c\/p\u003e\n\n\n\n      \u003cdiv class=\"ll-list\"\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          ✏️ Precise lip outlining\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          💄 Full-lip matte color\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          ✨ Layer under lipstick or gloss\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     MODULE 5\n====================================================== --\u003e\n\n\u003csection class=\"ll-section ll-dark\"\u003e\n\n\n  \u003cdiv class=\"ll-row\"\u003e\n\n\n    \u003cdiv class=\"ll-media\"\u003e\n\n\n      \u003cimg src=\"https:\/\/getvyxor.com\/cdn\/shop\/files\/32e52941068e46f38f116f88ec63ed1b_tplv-fhlh96nyum-resize-webp_800_800_c6207712-8dc0-4d0c-9642-1da6c3649c04.webp\" alt=\"Waterproof smudge resistant lip liner\" loading=\"lazy\" onerror=\"\n          this.closest('.ll-media').style.display='none';\n        \"\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"ll-copy\"\u003e\n\n\n      \u003cdiv class=\"ll-tag\"\u003e\n        MADE FOR REAL-LIFE WEAR\n      \u003c\/div\u003e\n\n\n      \u003ch2\u003e\n        💦 Rich Matte Color Made to Stay Put\n      \u003c\/h2\u003e\n\n\n      \u003cp\u003e\n\n        The matte formula is designed\n        for longer-lasting color with\n        better resistance to everyday\n        moisture and smudging.\n\n      \u003c\/p\u003e\n\n\n      \u003cp\u003e\n\n        Use it alone or underneath\n        your favorite lipstick or gloss.\n\n      \u003c\/p\u003e\n\n\n\n      \u003cdiv class=\"ll-list\"\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          💦 Waterproof formula\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          ✨ Smudge-resistant wear\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          💄 Saturated matte color\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     MODULE 6\n====================================================== --\u003e\n\n\u003csection class=\"ll-section ll-white\"\u003e\n\n\n  \u003cdiv class=\"ll-center\"\u003e\n\n\n    \u003cdiv class=\"ll-tag\"\u003e\n      FIND THE SHADE FOR THE LOOK\n    \u003c\/div\u003e\n\n\n    \u003ch2 class=\"ll-title\"\u003e\n      🤎 Nude Today. Wine Tonight. Berry Tomorrow.\n    \u003c\/h2\u003e\n\n\n    \u003cp class=\"ll-sub\"\u003e\n\n      Instead of committing to one liner,\n      keep an entire shade range ready\n      for different lipsticks,\n      outfits and makeup moods.\n\n    \u003c\/p\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n  \u003cdiv class=\"ll-full\"\u003e\n\n\n    \u003cimg src=\"https:\/\/getvyxor.com\/cdn\/shop\/files\/09602d7f761c41e9908bfb8ffb59a29b_tplv-fhlh96nyum-resize-webp_800_800.webp\" alt=\"Different matte lip liner shades\" loading=\"lazy\" onerror=\"\n        this.closest('.ll-full').style.display='none';\n      \"\u003e\n\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     MODULE 7\n====================================================== --\u003e\n\n\u003csection class=\"ll-section ll-soft\"\u003e\n\n\n  \u003cdiv class=\"ll-row ll-reverse\"\u003e\n\n\n    \u003cdiv class=\"ll-media\"\u003e\n\n\n      \u003cimg src=\"https:\/\/getvyxor.com\/cdn\/shop\/files\/a263d29231044ed28083a8e10facd39c_tplv-fhlh96nyum-resize-webp_800_800.webp\" alt=\"Lip liner pencils with sharpening design\" loading=\"lazy\" onerror=\"\n          this.closest('.ll-media').style.display='none';\n        \"\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"ll-copy\"\u003e\n\n\n      \u003cdiv class=\"ll-tag\"\u003e\n        SMALL DETAIL • BIG DIFFERENCE\n      \u003c\/div\u003e\n\n\n      \u003ch2\u003e\n        ✏️ Keep the Tip Sharp When Precision Matters\n      \u003c\/h2\u003e\n\n\n      \u003cp\u003e\n\n        Fine definition becomes harder with\n        a blunt pencil tip.\n        Refresh the pencil when needed\n        for better control around the\n        lip corners and Cupid's bow.\n\n      \u003c\/p\u003e\n\n\n\n      \u003cdiv class=\"ll-list\"\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          ✏️ Refresh the pencil tip\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          💋 More control around detailed areas\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ll-item\"\u003e\n          👜 Convenient for your makeup bag\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     MODULE 8\n====================================================== --\u003e\n\n\u003csection class=\"ll-section ll-white\"\u003e\n\n\n  \u003cdiv class=\"ll-center\"\u003e\n\n\n    \u003cdiv class=\"ll-tag\"\u003e\n      ONE SET • MORE LIP OPTIONS\n    \u003c\/div\u003e\n\n\n    \u003ch2 class=\"ll-title\"\u003e\n      💄 Build More Lip Combos Without Buying 12 Separate Liners\n    \u003c\/h2\u003e\n\n\n    \u003cp class=\"ll-sub\"\u003e\n\n      Move from subtle everyday definition\n      to deeper statement lip looks\n      with one coordinated shade collection.\n\n    \u003c\/p\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n  \u003cdiv class=\"ll-full\"\u003e\n\n\n    \u003cimg src=\"https:\/\/getvyxor.com\/cdn\/shop\/files\/b3916c19ae8e4d1eb8f8cfb52663df2a_tplv-fhlh96nyum-resize-webp_800_800_51dc5fa7-dfb4-4eba-8e7f-7be8be34dd79.webp\" alt=\"12 color matte lip liner set\" loading=\"lazy\" onerror=\"\n        this.closest('.ll-full').style.display='none';\n      \"\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n  \u003cdiv class=\"ll-value\"\u003e\n\n\n    \u003cdiv class=\"ll-value-box\"\u003e\n\n      \u003cb\u003e\n        12\n      \u003c\/b\u003e\n\n      \u003cspan\u003e\n        Different Shades\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ll-value-box\"\u003e\n\n      \u003cb\u003e\n        2 Ways\n      \u003c\/b\u003e\n\n      \u003cspan\u003e\n        Outline or Fill\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ll-value-box\"\u003e\n\n      \u003cb\u003e\n        1 Set\n      \u003c\/b\u003e\n\n      \u003cspan\u003e\n        Endless Lip Combos\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     FAQ\n====================================================== --\u003e\n\n\u003csection class=\"ll-section ll-soft\"\u003e\n\n\n  \u003cdiv class=\"ll-center\"\u003e\n\n\n    \u003cdiv class=\"ll-tag\"\u003e\n      GOOD TO KNOW\n    \u003c\/div\u003e\n\n\n    \u003ch2 class=\"ll-title\"\u003e\n      Frequently Asked Questions\n    \u003c\/h2\u003e\n\n\n  \u003c\/div\u003e\n\n\n\n  \u003cdiv class=\"ll-faq\"\u003e\n\n\n    \u003cdetails\u003e\n\n\n      \u003csummary\u003e\n        Can I fill my whole lip with the pencil?\n      \u003c\/summary\u003e\n\n\n      \u003cdiv class=\"ll-answer\"\u003e\n\n        Yes. Use it only around the lip edge\n        for definition or across the full lip\n        for a matte-color look.\n\n      \u003c\/div\u003e\n\n\n    \u003c\/details\u003e\n\n\n\n    \u003cdetails\u003e\n\n\n      \u003csummary\u003e\n        What shades are included?\n      \u003c\/summary\u003e\n\n\n      \u003cdiv class=\"ll-answer\"\u003e\n\n        The 12-color assortment includes\n        nude, rose, berry, wine and\n        deeper brown-family shades.\n\n      \u003c\/div\u003e\n\n\n    \u003c\/details\u003e\n\n\n\n    \u003cdetails\u003e\n\n\n      \u003csummary\u003e\n        Is the finish matte?\n      \u003c\/summary\u003e\n\n\n      \u003cdiv class=\"ll-answer\"\u003e\n\n        Yes. The pencils are designed\n        for rich matte-style color\n        with controlled application.\n\n      \u003c\/div\u003e\n\n\n    \u003c\/details\u003e\n\n\n\n    \u003cdetails\u003e\n\n\n      \u003csummary\u003e\n        Can the pencils be sharpened?\n      \u003c\/summary\u003e\n\n\n      \u003cdiv class=\"ll-answer\"\u003e\n\n        Yes. The sharpening functionality\n        lets you refresh the pencil tip\n        when more precise application\n        is needed.\n\n      \u003c\/div\u003e\n\n\n    \u003c\/details\u003e\n\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\n\n\u003c!-- ======================================================\n     FINAL\n====================================================== --\u003e\n\n\u003csection class=\"ll-section\" style=\"\n\n    text-align:center !important;\n\n    background:\n\n      radial-gradient(\n        circle at top,\n        rgba(255,255,255,.08),\n        transparent 35%\n      ),\n\n      linear-gradient(\n        145deg,\n        #851d39,\n        #4f0e23\n      ) !important;\n\n  \"\u003e\n\n\n  \u003cdiv style=\"\n      max-width:740px !important;\n      margin:0 auto !important;\n    \"\u003e\n\n\n    \u003cdiv class=\"ll-tag\" style=\"\n\n        background:\n          rgba(255,255,255,.10) !important;\n\n        border:\n          1px solid rgba(255,255,255,.13) !important;\n\n        color:\n          #f6dce3 !important;\n\n      \"\u003e\n\n      12 SHADES • ENDLESS COMBINATIONS\n\n    \u003c\/div\u003e\n\n\n\n    \u003ch2 style=\"\n        margin-bottom:10px !important;\n        color:#fff !important;\n        font-size:30px !important;\n      \"\u003e\n\n      💋 One Set for Every Lip Mood\n\n    \u003c\/h2\u003e\n\n\n\n    \u003cp style=\"\n        max-width:680px !important;\n        margin:0 auto !important;\n        color:#f5e9ec !important;\n      \"\u003e\n\n      Define it, deepen it, fill it\n      or pair it with your favorite gloss.\n      With 12 shades ready to mix and match,\n      your next lip combo is already in the set.\n\n    \u003c\/p\u003e\n\n\n  \u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\n\n\n\u003c!-- =========================================================\n     MANUAL VIDEO PLAYER SCRIPT\n========================================================= --\u003e\n\n\u003cscript\u003e\n(function(){\n\n  function initLipVideos(){\n\n    var frames =\n      document.querySelectorAll(\n        '.lip-lp .ll-video-frame'\n      );\n\n\n    frames.forEach(function(frame){\n\n\n      if(\n        frame.dataset.playerReady === '1'\n      ){\n        return;\n      }\n\n\n      frame.dataset.playerReady = '1';\n\n\n      var video =\n        frame.querySelector(\n          '.ll-manual-video'\n        );\n\n\n      var button =\n        frame.querySelector(\n          '.ll-play-btn'\n        );\n\n\n      if(!video || !button){\n        return;\n      }\n\n\n      \/* =====================================================\n         PAUSE ALL OTHER VIDEOS\n      ===================================================== *\/\n\n      function pauseOtherVideos(){\n\n        document\n          .querySelectorAll(\n            '.lip-lp .ll-manual-video'\n          )\n          .forEach(function(otherVideo){\n\n\n            if(\n              otherVideo !== video\n            ){\n\n              otherVideo.pause();\n\n\n              var otherFrame =\n                otherVideo.closest(\n                  '.ll-video-frame'\n                );\n\n\n              if(otherFrame){\n\n                otherFrame\n                  .classList\n                  .remove(\n                    'is-playing'\n                  );\n\n              }\n\n            }\n\n          });\n\n      }\n\n\n      \/* =====================================================\n         PLAY\n      ===================================================== *\/\n\n      function playVideo(){\n\n        pauseOtherVideos();\n\n\n        \/*\n        video stays muted.\n        This prevents unexpected loud sound.\n        User can change this below if desired.\n        *\/\n\n        video.muted = true;\n\n\n        var promise =\n          video.play();\n\n\n        if(\n          promise !== undefined\n        ){\n\n          promise\n            .then(function(){\n\n              frame\n                .classList\n                .add(\n                  'is-playing'\n                );\n\n            })\n            .catch(function(){\n\n              frame\n                .classList\n                .remove(\n                  'is-playing'\n                );\n\n            });\n\n        }else{\n\n          frame\n            .classList\n            .add(\n              'is-playing'\n            );\n\n        }\n\n      }\n\n\n      \/* =====================================================\n         PAUSE\n      ===================================================== *\/\n\n      function pauseVideo(){\n\n        video.pause();\n\n\n        frame\n          .classList\n          .remove(\n            'is-playing'\n          );\n\n      }\n\n\n      \/* =====================================================\n         BUTTON\n      ===================================================== *\/\n\n      button\n        .addEventListener(\n          'click',\n          function(event){\n\n            event.preventDefault();\n\n            event.stopPropagation();\n\n            playVideo();\n\n          }\n        );\n\n\n      \/* =====================================================\n         CLICK VIDEO TO TOGGLE\n      ===================================================== *\/\n\n      video\n        .addEventListener(\n          'click',\n          function(event){\n\n            event.preventDefault();\n\n\n            if(video.paused){\n\n              playVideo();\n\n            }else{\n\n              pauseVideo();\n\n            }\n\n          }\n        );\n\n\n      \/* =====================================================\n         UPDATE STATE\n      ===================================================== *\/\n\n      video\n        .addEventListener(\n          'play',\n          function(){\n\n            frame\n              .classList\n              .add(\n                'is-playing'\n              );\n\n          }\n        );\n\n\n      video\n        .addEventListener(\n          'pause',\n          function(){\n\n            frame\n              .classList\n              .remove(\n                'is-playing'\n              );\n\n          }\n        );\n\n\n      video\n        .addEventListener(\n          'ended',\n          function(){\n\n            frame\n              .classList\n              .remove(\n                'is-playing'\n              );\n\n          }\n        );\n\n\n    });\n\n  }\n\n\n  \/* normal page *\/\n\n  if(\n    document.readyState === 'loading'\n  ){\n\n    document\n      .addEventListener(\n        'DOMContentLoaded',\n        initLipVideos\n      );\n\n  }else{\n\n    initLipVideos();\n\n  }\n\n\n  \/* Shopify editor *\/\n\n  document\n    .addEventListener(\n      'shopify:section:load',\n      initLipVideos\n    );\n\n\n})();\n\u003c\/script\u003e","brand":"JXX","offers":[{"title":"Default Title","offer_id":57288619753638,"sku":"PH6081038P12","price":22.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0741\/4169\/6166\/files\/9eba6f178cd34bef904382da55de15c7_tplv-fhlh96nyum-resize-webp_800_800.webp?v=1788853397","url":"https:\/\/getvyxor.com\/products\/12pcs-matte-lip-liner-with-sharpener-set-waterproof-smudgeproof-precise-contour-lipstick-pens-%f0%9f%96%8c%ef%b8%8f","provider":"getvyxor","version":"1.0","type":"link"}