https://dermsquared.org/_next/static/chunks/2281.3270381228cf0654.js

1try{let t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},e=(new t.Error).stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="ee35b367-2386-4b42-a300-5dbe89476b29",t._sentryDebugIdIdentifier="sentry-dbid-ee35b367-2386-4b42-a300-5dbe89476b29")}catch(t){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2281],{12713:(t,e,i)=>{i.d(e,{A:()=>s});var a=i(80542),n=i(12115);function s(){var t=(0,n.useCallback)(function(){return{width:window.innerWidth,height:window.innerHeight}},[!0]),e=(0,a._)((0,n.useState)(t()),2),i=e[0],s=e[1];return(0,n.useEffect)(function(){var e=function(){s(t())};return window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[!0,t]),i}},22281:(t,e,i)=>{i.r(e),i.d(e,{default:()=>p});var a=i(67867),n=i(80542),s=i(39487),l=i(95155),r=i(12115),o=i(15239),d=i(37890),c=i(50490),h=i(12713),u=i(4780),m=i(11971),x=i(52469),g=i(28118),f=i(56116);function p(t){var e=t.items,i=(0,n._)((0,r.useState)(function(){return+(1!==e.length)}),2),a=i[0],o=i[1],d=(0,n._)((0,r.useState)(!0),2),m=d[0],f=d[1],p=(0,h.A)().width,v=(0,c.U)("1024"),b=v?.8:.5,j=v?20:40,_=p*b,y=495/874*_,N=e.length>=2?[e[e.length-1]].concat((0,s._)(e),[e[0]]):e,k=-a*(_+j)+(v?.07*p:0);return((0,r.useEffect)(function(){m||requestAnimationFrame(function(){f(!0)})},[m]),e.length<1)?null:(0,l.jsx)("section",{className:"mb-8 mt-12",children:(0,l.jsx)("div",{style:{maskImage:"linear-gradient(to right, transparent 0%, white 13%, white 87%, transparent 100%)"},children:(0,l.jsxs)("div",{className:"relative overflow-hidden",children:[(0,l.jsx)(u.A,{className:"absolute left-[15%] top-1/2 z-20 -translate-x-1/2 -translate-y-1/2",onClick:function(t){t.preventDefault(),t.stopPropagation(),o(function(t){return 0===t?N.length-1:t-1})},color:"ghost","aria-label":"Previous slide",children:(0,l.jsx)(x.A,{height:46,width:46,color:"#FFF"})}),(0,l.jsx)("ul",{className:"flex w-fit transition-all duration-300 ease-in-out max-lg:mb-2 max-lg:!px-4",style:{padding:"0 ".concat((1-b)/2*p,"px"),gap:"".concat(j,"px"),transform:"translateX(".concat(k,"px)"),transition:m?"transform 0.3s ease-in-out":"none"},onTransitionEnd:function(){e.length<=1||(0===a?(f(!1),setTimeout(function(){o(e.length)},0)):a===N.length-1&&(f(!1),setTimeout(function(){o(1)},0)))},children:N.map(function(t,e){return(0,l.jsx)(w,{item:t,cardHeight:y,cardWidth:_},"".concat(t.title,"-").concat(e))})}),(0,l.jsx)(u.A,{onClick:function(t){t.preventDefault(),t.stopPropagation(),o(function(t){return t===N.length-1?0:t+1})},className:"absolute right-[15%] top-1/2 z-20 -translate-y-1/2 translate-x-1/2",color:"ghost","aria-label":"Next slide",children:(0,l.jsx)(g.A,{height:46,width:46,color:"#FFF"})})]})})})}function w(t){var e,i,s=t.item,c=t.cardHeight,h=t.cardWidth,u=(0,n._)((0,r.useState)(!1),2),x=u[0],g=u[1],p=(0,m.e)((0,a._)({videoAsset:s.mux_asset},s.thumbnail_time&&{thumbnail:{seconds:s.thumbnail_time}})),w=function(t){var e,i,n,s,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"small";if(!t)return"";var r=new URLSearchParams((0,a._)({},function(t){switch(t){case"small":return{width:"310",height:"200"};case"original":return{width:"640",height:"320"};case"3:2":return{width:"1080",height:"720"};case"4:3":return{width:"1024",height:"768"};case"16:9":return{width:"1920",height:"1080"};case"5:4":return{width:"1350",height:"1080"};case"7:5":return{width:"2100",height:"1500"}}}(l),(null==(e=t.thumbnail)?void 0:e.seconds)?{start:t.thumbnail.seconds}:{}));return(null==t||null==(s=t.videoAsset)||null==(n=s.data)||null==(i=n.attributes)?void 0:i.playback_id)?"https://image.mux.com/".concat(t.videoAsset.data.attributes.playback_id,"/animated.webp?").concat(r):""}((0,a._)({videoAsset:s.mux_asset},s.thumbnail_time&&{thumbnail:{seconds:s.thumbnail_time}}));return(0,l.jsx)("div",{className:"group relative flex cursor-pointer flex-col items-start justify-end rounded-2xl bg-gradient-to-b from-[#02144159] to-black px-4 pb-2 md:p-8 lg:p-10",style:{width:h,height:c},onClick:function(){return g(!0)},children:x?(0,l.jsx)(f.MuxCustomVideoPlayer,{id:s.mux_asset.data.id,name:s.mux_asset.data.attributes.title,className:"absolute inset-0 z-0 rounded-2xl object-cover",assetId:s.mux_asset.data.attributes.asset_id,videoType:"promo",autoPlay:!0,playbackId:s.mux_asset.data.attributes.playback_id,videoCTA:null==s||null==(i=s.mux_asset.data)||null==(e=i.attributes)?void 0:e.videoCTA},s.mux_asset.data.attributes.playback_id):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"absolute inset-0 -z-10",children:[(0,l.jsx)(o.default,{className:"absolute inset-0 rounded-2xl object-cover transition-opacity duration-300 group-hover:opacity-0",src:p,alt:s.title,fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"}),(0,l.jsx)(o.default,{className:"absolute inset-0 rounded-2xl object-cover opacity-0 transition-opacity duration-300 group-hover:opacity-100",src:w,alt:s.title,fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"})]}),(0,l.jsx)("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-0",children:(0,l.jsx)(d.UFn,{className:"size-20 text-white"})}),(0,l.jsxs)("div",{className:"overflow-hidden text-ellipsis group-hover:opacity-0",children:[(0,l.jsx)("h4",{className:"mb-2 line-clamp-2 text-headline-sm text-white md:text-headline-5 lg:text-headline-4",children:s.title}),(0,l.jsx)("p",{className:"line-clamp-3 hidden !leading-6 text-white/80 md:block md:text-paragraph-sm lg:text-paragraph-lg",children:s.subtitle})]})]})})}},28118:(t,e,i)=>{i.d(e,{A:()=>n});var a=i(95155);function n(t){var e=t.color,i=void 0===e?"white":e,n=t.height,s=void 0===n?48:n,l=t.width,r=void 0===l?48:l;return(0,a.jsxs)("svg",{width:r,height:s,viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("g",{children:(0,a.jsx)("path",{d:"M17.1802 33.18L26.3402 24L17.1802 14.82L20.0002 12L32.0002 24L20.0002 36L17.1802 33.18Z",fill:i})}),(0,a.jsx)("defs",{children:(0,a.jsx)("clipPath",{children:(0,a.jsx)("rect",{width:r,height:s,fill:i,transform:"translate(0 48) rotate(-90)"})})})]})}},52469:(t,e,i)=>{i.d(e,{A:()=>n});var a=i(95155);function n(t){var e=t.color,i=void 0===e?"white":e,n=t.height,s=void 0===n?48:n,l=t.width,r=void 0===l?48:l;return(0,a.jsxs)("svg",{width:r,height:s,viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("g",{children:(0,a.jsx)("path",{d:"M30.8201 33.18L21.6601 24L30.8201 14.82L28.0001 12L16.0001 24L28.0001 36L30.8201 33.18Z",fill:i})}),(0,a.jsx)("defs",{children:(0,a.jsx)("clipPath",{children:(0,a.jsx)("rect",{width:r,height:s,fill:i,transform:"matrix(4.37114e-08 -1 -1 -4.37114e-08 48 48)"})})})]})}}}]);
2//# sourceMappingURL=2281.3270381228cf0654.js.map