https://www.popsugar.com/_next/static/chunks/2712.dbd5ce4c09da7e1d7d83.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2712],{24477:function(e,t){!function(){"use strict";var e="100px",n="0px",i={};function a(e){var t=e.ownerDocument.createElement("span");return t.textContent="X",e&&e.appendChild(t),t}function r(e,t,n,i){var a=-1,r=document.createElement("canvas");r.width=n,r.height=i,e.appendChild(r);var o=r.getContext("2d");o.font="100px "+t,o.fillStyle="#ffffff",o.fillRect(0,0,o.canvas.width,o.canvas.height),o.fillStyle="#000000",o.textBaseline="top",o.fillText("E",0,0);var l=o.getImageData(Math.ceil(r.width/2),0,1,r.height),s=null;function c(e,t){var n=4*t,i=e.data[n],a=e.data[n+1],r=e.data[n+2];return 0===i||0===a||0===r}for(var p=r.height-1;p>=0;p--)if(c(l,p)){s=p;break}for(p=0;p<r.height;p++)if(c(l,p)){a=(s+1-p)/i;break}return a}function o(t,o){var l=i[o];if(l)return l;l={baselineRatio:void 0,capHeightRatio:void 0};var s=function(t){var i=t.createElement("div");return i.style.position="fixed",i.style.padding=n,i.style.opacity="0",i.style.fontSize=e,i.style.lineHeight="1",t.body.appendChild(i),i}(t);s.style.fontFamily=o;var c=a(s);c.style.fontSize=n;var p,d=a(s);l.baselineRatio=c.offsetTop/100;try{l.capHeightRatio=r(s,o,d.offsetWidth,100)}catch(u){throw new Error("[dropcap.js] Error computing font metrics: "+u.message)}finally{(p=s).ownerDocument.body.removeChild(p)}return i[o]=l,l}function l(e){return e+"px"}function s(e,t,i){if(i||(i=t),1!=i||1!=t){var a,r=e.ownerDocument,s=e,c=s.parentNode,p=window.getComputedStyle(s),d=window.getComputedStyle(c),u=o(r,p.fontFamily),f=o(r,d.fontFamily),g=u.capHeightRatio,h=function(e){var t=parseFloat(e.fontSize),n="normal"===e.lineHeight?1.15*t:parseFloat(e.lineHeight);return{leading:n-t,lineHeight:n,fontSize:t}}(d),m=(f.baselineRatio-f.capHeightRatio)*h.fontSize,y=t*h.lineHeight-h.leading-m-(1-f.baselineRatio)*h.fontSize,x=y/g;s.dcapjs=!0,s.style.cssFloat="left",s.style.padding=n,s.style.fontSize=l(x),s.style.lineHeight=n;var v=h.leading/2+m;if(v-=(t-i)*h.lineHeight,s.style.marginTop=l(v),t>i){var w=parseFloat(d.marginTop);c.style.marginTop=l(w+-1*v)}var b=0;-1!=="gjpqQ".indexOf(s.textContent)?b=x*(1-u.baselineRatio):function(e){if(e.classList.contains("dcjs-descender"))return!0}(s)&&(b=x-y),s.style.height=l(y+b);var _=s.dcapjsStrut;_||((_=r.createElement("span")).style.display="inline-block",s.appendChild(_),s.dcapjsStrut=_),_.style.height=l(y)}else(a=e).dcapjs&&(a.style.cssFloat="",a.style.padding="",a.style.fontSize="",a.style.lineHeight="",a.style.marginTop="")}("undefined"!==typeof window?window:t).Dropcap={options:{runEvenIfInitialLetterExists:!0},layout:function(e,t,n){if(0==this.options.runEvenIfInitialLetterExists&&function(e){var t=window.document.body?window.document.body:document.createElement("div");function n(e){return e in t.style}if(n(e))return e;for(var i=["-webkit-","-moz-","-ms-","-o"],a=0;a<i.length;a++){var r=i[a]+e;if(n(r))return r}return null}("initial-letter"))return;if(t<1||n&&n<1)throw new RangeError("Dropcap.layout expects the baseline position and height to be 1 or above");if(e instanceof HTMLElement)s(e,t,n);else{if(!(e instanceof NodeList))throw new TypeError("Dropcap.layout expects a single HTMLElement or a NodeList");Array.prototype.forEach.call(e,(function(e){s(e,t,n)}))}}}}()},65909:function(e,t,n){"use strict";n(2784);var i=n(52322);const a=({alt_tag:e,imageUrls:t,originalWidth:n,originalHeight:a})=>{const[r,o,l,s]=t;let c=null;return n&&a&&(c={display:"block",maxWidth:"100%",height:"auto",aspectRatio:`${n} / ${a}`}),(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("video",{poster:r,preload:"auto",loop:!0,muted:!0,playsInline:!0,autoPlay:!0,width:n,height:a,style:c,children:[(0,i.jsx)("source",{className:"video__source video__source--desktop-webm",src:s,type:"video/webm",alt:e}),(0,i.jsx)("source",{className:"video__source video__source--desktop",src:l,type:"video/mp4",alt:e}),(0,i.jsx)("source",{className:"video__source video__source--mobile",src:o,type:"video/mp4",media:"all and (max-width: 480px)",alt:e}),"This browser does not support the video tag."]})})};a.defaultProps={alt_tag:"Main Image",imageUrls:["","",""],originalWidth:null,originalHeight:null},t.Z=a},44244:function(e,t,n){"use strict";n.d(t,{fe:function(){return a},jE:function(){return r},JQ:function(){return o},JX:function(){return l}});var i=n(40849);function a({text:e,truncate:t,stripHtml:n}){let i=e||"",a=null,r=null;if(n)i=i.replace(/<[^>]*>?/gm,"");else{const e=i?i.trim().slice(0,4):"";r=!!/<h[0-9]>/.test(e)||r;const t=i?i.trim().slice(-5):"";a=!!/<\/h[0-9]>/.test(t)||a}return t&&(i=function(e,t=195){return-1===t?e:e.substr(0,t-1)+(e.length>t?"&hellip;":"")}(e,t)),{textContent:i,hasEndingTitle:a,hasBeginningTitle:r}}function r(e){let t=e;return["\u201c","&#x201C;"].forEach((n=>{if("string"===typeof e&&e.includes(`href="${n}http`)){const e=new RegExp(`href="${n}http`,"g"),i=new RegExp(`${n}">`,"g");t=t.replace(e,'href="http'),t=t.replace(i,'">')}}

1)),t}function o(e,t,n,a){return e&&e.indexOf("has-affiliate-link")>0||a?(0,i.tF)(e,t,n,a):e}function l(e,t=!1){let n;return n=e%2>0?"inlineSlotSmall":t?"inlineSlotVariable":"inlineSlotLarge",n}},52712:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return S}});var i=n(57903),a=n(72829),r=n(77460),o=n(2784),l=(n(24477),n(65909)),s=n(69670),c=n(14695),p=n(7023),d=n(32979);const u=c.default.div.withConfig({displayName:"ParagraphBodyWithDropcapstyles__BodyText",componentId:"sc-1ol7ns0-0"})(["\n  ","\n\n  .dropcap {\n    ","\n    font-weight: bold;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    max-width: 182px;\n    max-height: 122px;\n  }\n\n  & .drop-cap__text {\n    overflow-wrap: break-word;\n    p {\n      & > .dropcap {\n        font-size: 100px;\n        line-height: 100px;\n        margin-right: 15px;\n        min-width: 117px;\n        float: left;\n      }\n    }\n  }\n"],p.tn,(0,d.Z)("article/standard/dropcap"));u.displayName="DropcapBodyText";const f=c.default.span.withConfig({displayName:"ParagraphBodyWithDropcapstyles__Dropcap",componentId:"sc-1ol7ns0-1"})(["\n  text-align: center;\n  margin-right: 16px;\n\n  img,\n  video {\n    object-fit: contain;\n    width: 100%;\n    height: 100%;\n    max-width: 182px;\n    mix-blend-mode: darken;\n  }\n\n  /* & + .paragraph, */\n  & + .paragraph > p {\n    display: inline;\n  }\n"]);f.displayName="Dropcap";var g=n(10989),h=n(50432),m=n(15128),y=n(83937),x=n(44244),v=n(42367),w=n(52322);function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const j=({config:e,element:t,elementIndex:n,innerRef:i,gaSendEvent:a,page:r,subIndexes:c,spliceTextChunks:p,adCount:d})=>{var b;const{text:j,dropcap:E,className:S,__typename:k,anchor_name:C,parts:T=[]}=t,H=(0,o.useRef)(),O=(0,o.useRef)();(0,o.useEffect)((()=>{if(E&&!E.image){const e=H.current.querySelector(".dropcap");e&&window.Dropcap.layout(e,4)}else{const e=O.current;e&&window.Dropcap.layout(e,5)}}),[]);const{hasBeginningTitle:R}=(0,x.fe)({text:j}),N=[],D=T.map((t=>{let{textContent:n}=(0,x.fe)({text:t.text});return n=(0,x.JQ)(n,e,r,!1),N.push((0,o.useRef)()),_(_({},t),{},{text:n})}));p(N,n);const I=E&&E.image;let P=null;I&&(P=["string","number"].includes(typeof E.image)?E.image:E.image.image_id);const z=(0,y.rz)(r,"body text link"),F=(0,s.$r)({image_id:P,size:"size",operations:"_original"}),L=(0,v.z$)();return(0,v.bP)(i,L),(0,w.jsxs)(u,{id:C||void 0,className:`page-element paragraph ${S}`,"data-element-type":k,"data-element-index":n,"data-element-has-beginning-title":R,ref:i,onClick:e=>{(0,y.b_)(e,a,z),L.detectProductLink(e)},children:[I?(0,w.jsx)(g.Z,{hasImg:!0,link:E.dropcap_url,children:(0,w.jsxs)(f,{"aria-hidden":"true",ref:O,className:"image-dropcap",children:[null!==E&&void 0!==E&&null!==(b=E.image)&&void 0!==b&&b.has_video?(0,w.jsx)(l.Z,{imageUrls:(0,s.PT)({image_id:P,video:E.image.video}),alt_tag:""}):(0,w.jsx)("img",{alt:E.text_to_replace,align:"top",src:F,style:{mixBlendMode:"darken"}}),"\u200c"]})}):null,(0,w.jsx)("div",{ref:H,className:"drop-cap__text",children:D.map((({text:t},n)=>{let a=!1,l=t;"p"===l[1]&&(a=!0,l=t.slice(3,-4));const s=null===c||void 0===c?void 0:c.includes(n);let p;if(s){const e=c.indexOf(n)+d+1;p=(0,x.JX)(e,r.is_sponsored)}return(0,w.jsxs)(o.Fragment,{children:[s&&(0,w.jsx)(h.Ny,{className:"inline-ad-wrapper",children:(0,w.jsx)(m.Z,{adType:p,config:e,page:r,articleRef:i})}),a?(0,w.jsx)("p",{dangerouslySetInnerHTML:{__html:l},ref:N[n],"data-element-index":n}):(0,w.jsx)("div",{dangerouslySetInnerHTML:{__html:l},ref:N[n],"data-element-index":n})]},t)}))})]})};j.defaultProps={config:{},element:{__typename:"",className:"",format:"basic_html",text:"",stripHtml:!1,parts:[]},elementIndex:null,gaSendEvent:()=>{},innerRef:void 0,page:{__typename:"",is_sponsored:!1},spliceTextChunks:()=>{}

1,subIndexes:[],adCount:0};var E=j,S=(0,i.$j)(null,{gaSendEvent:a.E_})(E)}}]);