https://ods.ai/_next/static/chunks/pages/users/[userId]/tracks-ea0fd7da66299231.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="c7c114f0-10d6-440b-bd72-fd98473c399a",e._sentryDebugIdIdentifier="sentry-dbid-c7c114f0-10d6-440b-bd72-fd98473c399a")}catch(e1){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3271],{33455:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var _path,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(67294);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}var Memo=(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function(props){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:8,height:14,fill:"none",xmlns:"http://www.w3.org/2000/svg"},props),_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M1 13l6-6-6-6",stroke:"currentColor"})))});__webpack_exports__.Z=Memo},81303:function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){(window.__NEXT_P=window.__NEXT_P||[]).push(["/users/[userId]/tracks",function(){return __webpack_require__(9702)}])},36666:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{S:function(){return CardDescription}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__),_components_styles_lineClamp__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(71570);let lineClamp=(0,_components_styles_lineClamp__WEBPACK_IMPORTED_MODULE_2__.X)(2,1.3),CardDescription=param=>{let{children,marginTop=1.2}=param;return children?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{className:styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default().dynamic([["71485a49c85de2e1",[marginTop]]]),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default().dynamic([["71485a49c85de2e1",[marginTop]]])+" "+(lineClamp.className||""),children:children}),lineClamp.styles,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"71485a49c85de2e1",dynamic:[marginTop],children:"p.__jsx-style-dynamic-selector{color:var(--color-notice);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:".concat(marginTop,"rem 0 0}p.__jsx-style-dynamic-selector span.__jsx-style-dynamic-selector{font-size:1.2rem;min-width:0}")})]}):null}},77763:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Fr:function(){return CardFigure},Ow:function(){return CardFigureSource},jA:function(){return CardFigureImage}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(94184),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),_helpers_config_public__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(88475),_Theme__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(24591);let CardFigure=param=>{let{children}=param,theme=(0,_Theme__WEBPACK_IMPORTED_MODULE_4__.i)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"jsx-7171cd45019c486 "+(theme||""),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("figure",{className:"jsx-7171cd45019c486",children:children}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"7171cd45019c486",children:"div.jsx-7171cd45019c486{margin:-webkit-calc(-1*var(--card-padding));margin:-moz-calc(-1*var(--card-padding));margin:calc(-1*var(--card-padding));margin-bottom:0}

1figure.jsx-7171cd45019c486{background:rgba(0,0,0,.1);height:0;overflow:hidden;padding-top:var(--figure-size,55%);position:relative}@media(min-width:700px){.wide.jsx-7171cd45019c486{overflow:hidden;left:var(--card-padding);margin:0;position:absolute;top:var(--card-padding);width:20rem}}"})]})},CardFigureImage=param=>{let{visibility,alt,...restProps}=param,src=restProps.srcSet?void 0:restProps.src||(0,_helpers_config_public__WEBPACK_IMPORTED_MODULE_3__.Y)().LABEL.defaultBanner;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"jsx-5e06c9428ac6ad2d "+(classnames__WEBPACK_IMPORTED_MODULE_2___default()("Visible for all"===visibility?null:visibility)||""),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img",{...restProps,src:src,alt:alt,className:"jsx-5e06c9428ac6ad2d "+(restProps&&null!=restProps.className&&restProps.className||"")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"jsx-5e06c9428ac6ad2d flare"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"5e06c9428ac6ad2d",children:'div.jsx-5e06c9428ac6ad2d{height:100%;position:absolute;left:0;width:100%;top:0}div.jsx-5e06c9428ac6ad2d:after{background-color:var(--color-black-background);content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.Hidden.jsx-5e06c9428ac6ad2d:after,.Private.jsx-5e06c9428ac6ad2d:after{opacity:.2}.Draft.jsx-5e06c9428ac6ad2d:after{opacity:.5}img.jsx-5e06c9428ac6ad2d{display:block;-o-object-fit:cover;object-fit:cover;overflow-clip-margin:unset;left:0;position:absolute;top:0;height:100%;width:100%}.flare.jsx-5e06c9428ac6ad2d{position:relative;z-index:var(--z-index-card-flare);width:450px;height:450px;color:white;overflow:hidden;display:inline-block;top:-120%;-webkit-transition:top.5s linear;-moz-transition:top.5s linear;-o-transition:top.5s linear;transition:top.5s linear}div.jsx-5e06c9428ac6ad2d:hover .flare.jsx-5e06c9428ac6ad2d{top:120%}.flare.jsx-5e06c9428ac6ad2d:before{content:"";display:block;position:absolute;height:100%}.flare.jsx-5e06c9428ac6ad2d:before{width:140%;top:inherit;left:-20%;opacity:.6;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff 40%,rgba(255,255,255,.6)60%,rgba(255,255,255,0));background-image:-moz-linear-gradient(top,rgba(255,255,255,0),#fff 40%,rgba(255,255,255,.6)60%,rgba(255,255,255,0));background-image:-o-linear-gradient(top,rgba(255,255,255,0),#fff 40%,rgba(255,255,255,.6)60%,rgba(255,255,255,0));background-image:linear-gradient(180deg,rgba(255,255,255,0),#fff 40%,rgba(255,255,255,.6)60%,rgba(255,255,255,0));-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg)}'})]})},CardFigureSource=param=>{let{alt,...restProps}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img",{...restProps,alt:alt,className:"jsx-d1484414ff0f07a6 "+(restProps&&null!=restProps.className&&restProps.className||"")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"d1484414ff0f07a6",children:"img.jsx-d1484414ff0f07a6{-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem;bottom:1.4rem;display:block;height:2.4rem;-o-object-fit:contain;object-fit:contain;position:absolute;right:1.4rem;width:2.4rem}"})]})}},78942:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{e:function(){return CardFooter}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__);let CardFooter=param=>{let{children}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("footer",{className:"jsx-4d11fa959f10bef1",children:[children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"4d11fa959f10bef1",children:"footer.jsx-4d11fa959f10bef1{margin:auto 0 0}"})]})}},71136:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{N:function(){return CardReactions}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__),_components_Reactions_OneLine__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(97848),_Theme__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(24591);let CardReactions=param=>{let{reactions_count,reactions,size="default"}=param,theme=(0,_Theme__WEBPACK_IMPORTED_MODULE_3__.i)();return(null==reactions?void 0:reactions.length)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default().dynamic([["f40a054b0affe939",["default"===size?"1.2rem":"0"]]])+" "+(theme||""),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_Reactions_OneLine__WEBPACK_IMPORTED_MODULE_2__.d,{reactions_count:reactions_count,reactions:reactions,size:size}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"f40a054b0affe939",dynamic:["default"===size?"1.2rem":"0"],children:"div.__jsx-style-dynamic-selector{margin:".concat("default"===size?"1.2rem":"0"," 0 0}@media(min-width:700px){.wide.__jsx-style-dynamic-selector{left:2.4rem;margin:0;position:absolute;top:14.4rem;width:19.8rem}}")})]}):null}},52907:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{V:function(){return CardTags}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__),_components_Tag__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(80004),_Theme__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(24591);let CardTags=param=>{let{tags}=param,cardTheme=(0,_Theme__WEBPACK_IMPORTED_MODULE_3__.i)(),theme="wide"===cardTheme?"default":"small";return(null==tags?void 0:tags.length)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"jsx-26742f1eb7bae497",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_Tag__WEBPACK_IMPORTED_MODULE_2__.BM,{theme:theme,children:tags.map(tag=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_Tag__WEBPACK_IMPORTED_MODULE_2__.Vp,{theme:theme,children:tag},tag))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"26742f1eb7bae497",children:"div.jsx-26742f1eb7bae497{margin:1.2rem 0 0}"})]}):null}},40350:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{p:function(){return HorizontalPane}});var OverflowState,OverflowState1,jsx_runtime=__webpack_require__(85893),style=__webpack_require__(51857),style_default=__webpack_require__.n(style),lodash_throttle=__webpack_require__(93096),lodash_throttle_default=__webpack_require__.n(lodash_throttle),react=__webpack_require__(67294),canUseDOM=__webpack_require__(53148);let animation={requestAnimationFrame:()=>0,cancelAnimationFrame:()=>void 0};

1if((0,canUseDOM.N)()){let vendors=["ms","moz","webkit","o"],win=window;if(animation.requestAnimationFrame=vendors.map(vendor=>win[vendor+"RequestAnimationFrame"]).reduce((accumulator,func)=>accumulator||func,window.requestAnimationFrame),animation.cancelAnimationFrame=vendors.map(vendor=>win[vendor+"CancelAnimationFrame"]||win[vendor+"CancelRequestAnimationFrame"]).reduce((accumulator,func)=>accumulator||func,window.cancelAnimationFrame),!animation.requestAnimationFrame){let lastTime=0;animation.requestAnimationFrame=callback=>{let currTime=new Date().getTime(),timeToCall=Math.max(0,16-(currTime-lastTime)),id=window.setTimeout(()=>{callback(currTime+timeToCall)},timeToCall);return lastTime=currTime+timeToCall,id},animation.cancelAnimationFrame||(animation.cancelAnimationFrame=id=>{clearTimeout(id)})}}else animation.requestAnimationFrame=()=>0,animation.cancelAnimationFrame=()=>void 0;let requestAnimationFrame=animation.requestAnimationFrame;animation.cancelAnimationFrame;let DEFAULT_ACC=value=>value,animations={},counter=1;var clamp=__webpack_require__(70748);function getOverflowState(element){let{clientWidth,scrollLeft,scrollWidth}=element,ceilScrollLeft=Math.ceil(scrollLeft),scrollLeftMax=scrollWidth-clientWidth;return(ceilScrollLeft<=0?1:0)|(scrollLeftMax<=0||ceilScrollLeft>=scrollLeftMax?2:0)}function animateScroll(element,screensDiff){let slideSize=arguments.length>2&&void 0!==arguments[2]?arguments[2]:x=>x,rect=element.getBoundingClientRect(),scrollFrom=element.scrollLeft,scrollTo=(0,clamp.u)(scrollFrom+slideSize(rect.width)*screensDiff,0,element.scrollWidth),duration=(0,clamp.u)(Math.abs(scrollTo-element.scrollLeft)/3,100,1e3);return function(handler){let duration=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300,acc=arguments.length>2&&void 0!==arguments[2]?arguments[2]:DEFAULT_ACC,start=Date.now(),end=start+duration,id=counter;return counter+=1,animations[id]=-1,function tick(){let now=Date.now();handler(acc(Math.min((now-start)/(end-start),1))),animations[id]&&now<end?animations[id]=requestAnimationFrame(tick):delete animations[id]}(),id}(progress=>{element.scrollLeft=scrollFrom+progress*(scrollTo-scrollFrom)},duration)}(OverflowState=OverflowState1||(OverflowState1={}))[OverflowState.NONE=0]="NONE",OverflowState[OverflowState.LEFT=1]="LEFT",OverflowState[OverflowState.RIGHT=2]="RIGHT",OverflowState[OverflowState.BOTH=3]="BOTH";let HorizontalPane=(0,react.forwardRef)(function(param,apiRef){let{children,slideSize,onChange}=param,ref=(0,react.useRef)(null),[overflowState,setOverflowState]=(0,react.useState)(OverflowState1.BOTH),api=(0,react.useMemo)(()=>({scrollLeft:Boolean(overflowState&OverflowState1.LEFT)?void 0:()=>{ref.current&&animateScroll(ref.current,-1,slideSize)},scrollRight:Boolean(overflowState&OverflowState1.RIGHT)?void 0:()=>{ref.current&&animateScroll(ref.current,1,slideSize)}}),[ref.current,slideSize,overflowState]);return apiRef&&(apiRef.current=api),(0,react.useEffect)(()=>{if(ref.current){let element=ref.current;setOverflowState(getOverflowState(element));let handleEvent=()=>setOverflowState(getOverflowState(element)),handleScroll=lodash_throttle_default()(handleEvent,50),handleResize=lodash_throttle_default()(handleEvent,100);return element.addEventListener("scroll",handleScroll,{passive:!0}),window.addEventListener("resize",handleResize,{passive:!0}),()=>{element.removeEventListener("scroll",handleScroll),window.removeEventListener("resize",handleResize)}}},[ref.current]),(0,react.useEffect)(()=>{onChange&&onChange(api)},[api,onChange]),(0,jsx_runtime.jsxs)("div",{className:"jsx-f4464d92b2a1661b HorizotalPane",children:[(0,jsx_runtime.jsx)("div",{ref:ref,className:"jsx-f4464d92b2a1661b inner",children:children}),(0,jsx_runtime.jsx)(style_default(),{id:"f4464d92b2a1661b",children:".HorizotalPane.jsx-f4464d92b2a1661b{overflow:hidden;position:relative}.inner.jsx-f4464d92b2a1661b{min-width:0;overflow-x:scroll;overflow-y:hidden;padding-bottom:100px;margin-bottom:-100px;-webkit-transform:translatez(0);-moz-transform:translatez(0);transform:translatez(0);width:100%;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.inner.jsx-f4464d92b2a1661b::-webkit-scrollbar{display:none}.start.jsx-f4464d92b2a1661b,.end.jsx-f4464d92b2a1661b{height:1px;position:absolute;width:1px;top:0}.start.jsx-f4464d92b2a1661b{left:0}.end.jsx-f4464d92b2a1661b{right:0}"})]})})},34739:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{J:function(){return ScrollButtons}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(94184),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(67294),_components_icons_thinArrow_svg__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(33455),_components_styles_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(24162);let ScrollButtons=param=>

1{let{scrollLeft,scrollRight,sticky}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[scrollLeft?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ScrollButton,{sticky:sticky,direction:"left",onClick:scrollLeft}):null,scrollRight?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ScrollButton,{sticky:sticky,direction:"right",onClick:scrollRight}):null]})},ScrollButton=param=>{let{direction,onClick,sticky}=param,handleClick=(0,react__WEBPACK_IMPORTED_MODULE_3__.useCallback)(evt=>{evt.preventDefault(),onClick()},[onClick]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button",{onClick:handleClick,className:"jsx-6c58f978b156eb2c "+(classnames__WEBPACK_IMPORTED_MODULE_2___default()(_components_styles_button__WEBPACK_IMPORTED_MODULE_5__.d.className,direction,{sticky})||""),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"jsx-6c58f978b156eb2c arrow",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_icons_thinArrow_svg__WEBPACK_IMPORTED_MODULE_4__.Z,{})}),_components_styles_button__WEBPACK_IMPORTED_MODULE_5__.d.styles,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"6c58f978b156eb2c",children:"button.jsx-6c58f978b156eb2c{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:color.3s ease-in-out;-moz-transition:color.3s ease-in-out;-o-transition:color.3s ease-in-out;transition:color.3s ease-in-out;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:absolute;top:0;bottom:0;width:6rem;z-index:1}button.jsx-6c58f978b156eb2c:hover{color:var(--color-action-hover)}.left.jsx-6c58f978b156eb2c{-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:var(--layout-gutter-half-width);background:-webkit-linear-gradient(left,var(--color-notice-background),rgba(255,255,255,0));background:-moz-linear-gradient(left,var(--color-notice-background),rgba(255,255,255,0));background:-o-linear-gradient(left,var(--color-notice-background),rgba(255,255,255,0));background:linear-gradient(to right,var(--color-notice-background),rgba(255,255,255,0));left:0}.right.jsx-6c58f978b156eb2c{-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:var(--layout-gutter-half-width);background:-webkit-linear-gradient(right,var(--color-notice-background),rgba(255,255,255,0));background:-moz-linear-gradient(right,var(--color-notice-background),rgba(255,255,255,0));background:-o-linear-gradient(right,var(--color-notice-background),rgba(255,255,255,0));background:linear-gradient(to left,var(--color-notice-background),rgba(255,255,255,0));right:0}.left.jsx-6c58f978b156eb2c .arrow.jsx-6c58f978b156eb2c{-webkit-transform-origin:50%50%;-moz-transform-origin:50%50%;-ms-transform-origin:50%50%;-o-transform-origin:50%50%;transform-origin:50%50%;-webkit-transform:translatex(-1px)rotatez(180deg);-moz-transform:translatex(-1px)rotatez(180deg);transform:translatex(-1px)rotatez(180deg)}.sticky.jsx-6c58f978b156eb2c{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:1rem}.sticky.jsx-6c58f978b156eb2c .arrow.jsx-6c58f978b156eb2c{position:-webkit-sticky;position:sticky;top:var(--layout-gutter-half-width)}@media(hover:none)and (pointer:coarse){button.jsx-6c58f978b156eb2c{display:none}}"})]})}},66692:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{u:function(){return Tooltip}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(94184),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(67294);let Tooltip=(0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(function(param,ref){let{children,style,placement,arrowProps}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{ref:ref,style:style,className:"jsx-53beb4f56ea760a5 Tooltip",children:[children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{ref:arrowProps.ref,style:arrowProps.style,className:"jsx-53beb4f56ea760a5 "+(classnames__WEBPACK_IMPORTED_MODULE_2___default()("arrow",placement)||"")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"53beb4f56ea760a5",children:".Tooltip.jsx-53beb4f56ea760a5{background:var(--color-inverse);-webkit-border-radius:.4rem;-moz-border-radius:.4rem;border-radius:.4rem;-webkit-box-shadow:0 .3px .6px rgba(0,0,0,.022),0 .9px 1.2px rgba(0,0,0,.029),0 1.8px 2.1px rgba(0,0,0,.035),0 3.7px 3.8px rgba(0,0,0,.042),0 10px 10px rgba(0,0,0,.07);-moz-box-shadow:0 .3px .6px rgba(0,0,0,.022),0 .9px 1.2px rgba(0,0,0,.029),0 1.8px 2.1px rgba(0,0,0,.035),0 3.7px 3.8px rgba(0,0,0,.042),0 10px 10px rgba(0,0,0,.07);box-shadow:0 .3px .6px rgba(0,0,0,.022),0 .9px 1.2px rgba(0,0,0,.029),0 1.8px 2.1px rgba(0,0,0,.035),0 3.7px 3.8px rgba(0,0,0,.042),0 10px 10px rgba(0,0,0,.07);font-size:1.4rem;padding:var(--tooltip-vertical-padding)var(--tooltip-horizontal-padding);z-index:var(--z-index-tooltip)}.arrow.jsx-53beb4f56ea760a5{border:solid 6px transparent;position:absolute}.bottom.jsx-53beb4f56ea760a5{border-bottom-color:var(--color-inverse);border-top:0;bottom:100%}.top.jsx-53beb4f56ea760a5{border-bottom:0;border-top-color:var(--color-inverse);top:100%}"})]})})},24832:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Y:function(){return options}});let options={modifiers:[{name:"flip",options:{fallbackPlacements:["top","bottom"]}},{name:"preventOverflow",options:{rootBoundary:"viewport",padding:15}},{name:"offset",options:{offset:[0,8]}}],strategy:"fixed",placement:"top"}},97848:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{d:function(){return OneLineReactions}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(67294),react_intl__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(54490),___WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(38120),_Reaction__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(28274);let OneLineReactions=param=>{let{reactions,reactions_count,size}=param,visible=reactions.length>3?reactions.slice(0,3):reactions,moreCount=(0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(()=>visible.reduce((acc,param)=>

1{let{count}=param;return acc-count},reactions_count),[reactions,reactions_count]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"jsx-2ca43575559e767a",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_3__.J,{reactions:visible,size:size,children:moreCount>0?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Reaction__WEBPACK_IMPORTED_MODULE_4__.l,{size:size,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_5__.BK,{value:moreCount,signDisplay:"always"})}):null}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"2ca43575559e767a",children:"div.jsx-2ca43575559e767a{overflow:hidden;height:2rem}"})]})}},28274:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{l:function(){return Reaction}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__),classnames__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(94184),classnames__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(67294),_components_styles_button__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(24162);let parent={styles:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"58e43b1c62a7e10b",children:"button.jsx-58e43b1c62a7e10b,span.jsx-58e43b1c62a7e10b{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:#f0eeee;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;color:var(--color-text);display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:2rem;line-height:2rem;margin:.4rem;overflow:hidden;padding:0 1rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}button.jsx-58e43b1c62a7e10b{cursor:pointer}.reacted.jsx-58e43b1c62a7e10b{background:var(--color-reacted);color:var(--color-inverse)}.small.jsx-58e43b1c62a7e10b{height:1.6rem;line-height:1.6rem}"}),className:"jsx-58e43b1c62a7e10b"},Reaction=(0,react__WEBPACK_IMPORTED_MODULE_3__.forwardRef)(function(param,ref){let{icon,children,reacted,onClick,size="default"}=param,content=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[icon?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img",{alt:"",src:icon,className:"jsx-401883735d49c791 "+styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default().dynamic([["23147bb72f2b76e5",["default"===size?"1.4rem":"1.2rem","default"===size?"1.4rem":"1.2rem"]]])}):null,children?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{className:"jsx-401883735d49c791 "+styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default().dynamic([["23147bb72f2b76e5",["default"===size?"1.4rem":"1.2rem","default"===size?"1.4rem":"1.2rem"]]])+" content",children:children}):null,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"401883735d49c791",children:"img.jsx-401883735d49c791{margin:0 -.6rem;-o-object-fit:contain;object-fit:contain}img.jsx-401883735d49c791+.content.jsx-401883735d49c791{margin-left:.9rem}.content.jsx-401883735d49c791{font-size:1rem;font-weight:400}"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"23147bb72f2b76e5",dynamic:["default"===size?"1.4rem":"1.2rem","default"===size?"1.4rem":"1.2rem"],children:"img.__jsx-style-dynamic-selector{height:".concat("default"===size?"1.4rem":"1.2rem",";width:").concat("default"===size?"1.4rem":"1.2rem","}")})]});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[onClick?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button",{ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_2___default()(_components_styles_button__WEBPACK_IMPORTED_MODULE_4__.d.className,parent.className,{reacted}

1,size),onClick:onClick,children:[content,_components_styles_button__WEBPACK_IMPORTED_MODULE_4__.d.styles]}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span",{ref:ref,className:classnames__WEBPACK_IMPORTED_MODULE_2___default()(parent.className,{reacted},size),children:content}),parent.styles]})})},38120:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{J:function(){return Reactions}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__),react_intl__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(54490),_Reaction__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(28274);let Reactions=param=>{let{reactions,children,size}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"jsx-bb6e5b2425ad461d",children:[null==reactions?void 0:reactions.map(param=>{let{icon,emoji,count,is_reacted}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_Reaction__WEBPACK_IMPORTED_MODULE_2__.l,{icon:icon,reacted:is_reacted,size:size,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_3__.BK,{value:count})},emoji)}),children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"bb6e5b2425ad461d",children:"div.jsx-bb6e5b2425ad461d{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-.4rem}"})]})}},80004:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{BM:function(){return OneLineTags},Vp:function(){return Tag}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__);let Tags=param=>{let{children}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{className:"jsx-f1d9e6fffdeae31d",children:[children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"f1d9e6fffdeae31d",children:"p.jsx-f1d9e6fffdeae31d{margin:-.4rem}"})]})},OneLineTags=param=>{let{children,theme="default"}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"jsx-5ec649d6b2fd48b8 "+(theme||""),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Tags,{children:children}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"5ec649d6b2fd48b8",children:"div.jsx-5ec649d6b2fd48b8{overflow:hidden}.small.jsx-5ec649d6b2fd48b8{height:1.6rem}.default.jsx-5ec649d6b2fd48b8{height:1.8rem}"})]})},Tag=param=>{let{children,theme="default"}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span",{className:"jsx-679da2a6ce22a89b "+(theme||""),children:[children,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"679da2a6ce22a89b",children:"span.jsx-679da2a6ce22a89b{background:var(--color-inverse-background);border:solid 1px;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;color:var(--color-tag);display:inline-block;height:1.6rem;margin:.4rem;max-width:14em;overflow:hidden;padding:0 1rem;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.small.jsx-679da2a6ce22a89b{font-size:1rem;height:1.6rem;line-height:1.4rem}.default.jsx-679da2a6ce22a89b{font-size:1.2rem;height:1.8rem;line-height:1.6rem}"})]})}},88318:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{V:function(){return ProfileTrackCard}});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(85893),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(51857),styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1__),next_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(41664),next_link__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_2__),react_intl__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(44012),_components_Card__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(21730),_components_Card_Description__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(36666),_components_Card_Figure__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(77763),_components_Card_Footer__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(78942),_components_Card_Header__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(33730),_components_Card_Reactions__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(71136),_components_Card_Tags__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(52907);let ProfileTrackCard=param=>{let{track:{image,id,slug,title,progress,steps_completed,steps_count,tags,description,reactions,reactions_count}}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{legacyBehavior:!0,href:"/tracks/".concat(slug||id),passHref:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a",{className:"jsx-dbe5e3366eaee3ba",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_Card__WEBPACK_IMPORTED_MODULE_3__.Z,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_Card_Figure__WEBPACK_IMPORTED_MODULE_5__.Fr,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_Card_Figure__WEBPACK_IMPORTED_MODULE_5__.jA,{src:image,alt:title})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_Card_Header__WEBPACK_IMPORTED_MODULE_7__.O,{children:title}),description?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_Card_Description__WEBPACK_IMPORTED_MODULE_4__.S,{children:description}):null,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_components_Card_Footer__WEBPACK_IMPORTED_MODULE_6__.e,{children:[progress?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{className:"jsx-dbe5e3366eaee3ba",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_10__.Z,{defaultMessage:"Progress:",id:"LmFZI8",description:"[text] Profile track card"})," ",progress," %"]}

1):null,steps_completed&&steps_count?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("p",{className:"jsx-dbe5e3366eaee3ba",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_intl__WEBPACK_IMPORTED_MODULE_10__.Z,{defaultMessage:"Completed tasks:",id:"CLwuwV",description:"[text] Profile track card"})," ",steps_completed,"/",steps_count]}):null,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_Card_Tags__WEBPACK_IMPORTED_MODULE_9__.V,{tags:tags}),reactions&&reactions_count?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_Card_Reactions__WEBPACK_IMPORTED_MODULE_8__.N,{reactions:reactions,reactions_count:reactions_count}):null]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(styled_jsx_style__WEBPACK_IMPORTED_MODULE_1___default(),{id:"dbe5e3366eaee3ba",children:"a.jsx-dbe5e3366eaee3ba{-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;color:inherit;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-decoration:inherit}p.jsx-dbe5e3366eaee3ba{font-size:1.2rem;line-height:1.68rem;color:var(--color-action-light)}p.jsx-dbe5e3366eaee3ba:first-child{margin-top:1.2rem}"})]})})}},70748:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";function clamp(value,min,max){return Math.min(Math.max(value,min),max)}__webpack_require__.d(__webpack_exports__,{u:function(){return clamp}})},9702:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__N_SSP:function(){return __N_SSP},default:function(){return User},formatUserInput:function(){return formatUserInput}});var jsx_runtime=__webpack_require__(85893),style=__webpack_require__(51857),style_default=__webpack_require__.n(style),next_router=__webpack_require__(11163),next_seo_module=__webpack_require__(2962),react=__webpack_require__(67294),lib=__webpack_require__(54490),useIntl=__webpack_require__(86896),message=__webpack_require__(44012),Avatar=__webpack_require__(187),Container=__webpack_require__(64175),ContentWithSidebar=__webpack_require__(37494),ListRequestForm=__webpack_require__(87723),ListRequestParam

1s=__webpack_require__(42086),Location=__webpack_require__(95919),PersonalLink=__webpack_require__(47474),Properties=__webpack_require__(46474),UserTabs=__webpack_require__(19883),Sidebar=__webpack_require__(71324),MainMenu=__webpack_require__(61887),Header=__webpack_require__(80170),usePaging=__webpack_require__(92394),LoadNextContainer=__webpack_require__(80620),ProfileCard=__webpack_require__(88318);let TracksGrid=param=>{let{items,...rest}=param;return(0,jsx_runtime.jsx)(LoadNextContainer.z,{...rest,children:(null==items?void 0:items.length)?(0,jsx_runtime.jsxs)("div",{className:"jsx-ce2d44b09e7f846e list",children:[items.map((track,index)=>(0,jsx_runtime.jsx)("div",{className:"jsx-ce2d44b09e7f846e item",children:(0,jsx_runtime.jsx)(ProfileCard.V,{track:track})},"".concat(track.id,"-").concat(index))),(0,jsx_runtime.jsx)(style_default(),{id:"ce2d44b09e7f846e",children:".list.jsx-ce2d44b09e7f846e{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:-webkit-calc(var(--layout-gutter-half-width)*-1)0;margin:-moz-calc(var(--layout-gutter-half-width)*-1)0;margin:calc(var(--layout-gutter-half-width)*-1)0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;--list-padding:calc(\n                (var(--layout-content-width) - var(--layout-max-width)) / 2 +\n                  var(--layout-gutter-half-width)\n              );padding:0 var(--layout-gutter-half-width)0 max(var(--list-padding),var(--layout-gutter-half-width))}.item.jsx-ce2d44b09e7f846e{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-width:0;width:30.4rem;margin:var(--layout-gutter-half-width)}@media(max-width:800px){.item.jsx-ce2d44b09e7f846e{width:-webkit-calc((100% - var(--layout-gutter-width)*2)/2);width:-moz-calc((100% - var(--layout-gutter-width)*2)/2);width:calc((100% - var(--layout-gutter-width)*2)/2)}}@media(max-width:600px){.item.jsx-ce2d44b09e7f846e{width:-webkit-calc(100% - var(--layout-gutter-width));width:-moz-calc(100% - var(--layout-gutter-width));width:calc(100% - var(--layout-gutter-width))}}"})]}):null})},extractItems=data=>data.data,TracksListGrid=param=>{let{title,initialData,url,params,itemsAdapter=extractItems}=param,getRequestConfig=(0,react.useCallback)(param=>{let{offset}=param;return{url,params:{...params,offset}}},[params,url]),{items,loading,error,loadNext}=(0,usePaging.C)({getRequestConfig,data:initialData,extractItems:itemsAdapter});return loading||error||items.length?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[title?(0,jsx_runtime.jsx)(Header.h4,{size:2,children:title}):null,(0,jsx_runtime.jsx)(TracksGrid,{items:items,loading:loading,error:error,loadNext:loadNext})]}):null};var UserMenu=__webpack_require__(68833);let messages=(0,lib.vU)({title:{defaultMessage:"Profile",id:"eSa/51",description:"[title] Profile page"}});var __N_SSP=!0;let formatUserInput=function(){let rawText=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",trimmedText=rawText.trim();return trimmedText?trimmedText.split(/[\s\uFEFF\xA0]*\n[\n\s\uFEFF\xA0]+/).map((text,id)=>({id:id.toString(),lines:text.split("\n")})):[]},itemsAdapter=data=>data.data.map(track=>{let{reactions,reactions_count,tags,description,...restFields}=track;return restFields});function User(param){let{userData,activePageData,activeParams,pastPageData,pastParams,relations}=param,intl=(0,useIntl.Z)(),router=(0,next_router.useRouter)(),handleParams=(0,react.useCallback)(params=>router.replace({pathname:router.pathname,query:(0,ListRequestParam

1s.JO)(params,router.query)},void 0,{scroll:!1}),[router]),aboutList=(0,react.useMemo)(()=>formatUserInput(userData.about||""),[userData.about]);return(0,jsx_runtime.jsxs)(ContentWithSidebar.uX,{children:[(0,jsx_runtime.jsx)(ContentWithSidebar._G,{children:(0,jsx_runtime.jsxs)(Sidebar.Y,{children:[(0,jsx_runtime.jsx)(MainMenu.l,{}),(0,jsx_runtime.jsx)(UserMenu.I,{user:userData,relations:relations,slug:"tracks"})]})}),(0,jsx_runtime.jsxs)(ContentWithSidebar.OO,{children:[(0,jsx_runtime.jsxs)(Container.W,{children:[(0,jsx_runtime.jsx)(next_seo_module.PB,{title:userData.display_name||intl.formatMessage(messages.title)}),(0,jsx_runtime.jsxs)("div",{className:"jsx-1fd1739529682167 layout",children:[(0,jsx_runtime.jsx)("div",{className:"jsx-1fd1739529682167 avatar",children:(0,jsx_runtime.jsx)(Avatar.q,{url:userData.avatar,id:userData.id})}),(0,jsx_runtime.jsxs)("div",{className:"jsx-1fd1739529682167 content",children:[(0,jsx_runtime.jsx)("div",{className:"jsx-1fd1739529682167 header",children:userData.talent_id||userData.display_name||userData.username}),(0,jsx_runtime.jsx)("div",{className:"jsx-1fd1739529682167 props",children:userData.is_verified||userData.country||userData.city?(0,jsx_runtime.jsx)("div",{className:"jsx-1fd1739529682167 prop",children:(0,jsx_runtime.jsxs)(Properties.E,{children:[(0,jsx_runtime.jsx)(Location.Y,{country:userData.country,city:userData.city}),userData.is_verified?(0,jsx_runtime.jsx)(PersonalLink.A,{username:userData.username}):null]})}):null})]})]}),(0,jsx_runtime.jsx)("div",{className:"jsx-1fd1739529682167 about",children:aboutList.map(param=>{let{id,lines}=param;return(0,jsx_runtime.jsx)("p",{className:"jsx-1fd1739529682167",children:lines.map((line,index)=>(0,jsx_runtime.jsxs)(react.Fragment,{children:[index?(0,jsx_runtime.jsx)("br",{className:"jsx-1fd1739529682167"}):null,line]},index))},id)})})]}),(0,jsx_runtime.jsx)(UserTabs.Z,{relations:relations,userData:userData,activeRelation:"tracks"}),(0,jsx_runtime.jsx)(ListRequestForm.Z,{onChange:handleParams,params:activeParams}),activePageData.data.length?(0,jsx_runtime.jsx)(TracksListGrid,{initialData:activePageData,url:"/users/relations/".concat(userData.id,"/tracks/"),title:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Active",id:"ho5ilO",description:"[header] User tracks List"}),params:activeParams,itemsAdapter:itemsAdapter}):null,pastPageData.data.length?(0,jsx_runtime.jsx)(TracksListGrid,{initialData:pastPageData,url:"/users/relations/".concat(userData.id,"/tracks/"),title:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Completed",id:"4eSDwt",description:"[header] User tracks List"}),params:pastParams}):null,(0,jsx_runtime.jsx)(style_default(),{id:"1fd1739529682167",children:".layout.jsx-1fd1739529682167{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative}.avatar.jsx-1fd1739529682167{margin-right:2rem;height:6.4rem;width:6.4rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.content.jsx-1fd1739529682167{font-size:1.8rem;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}.header.jsx-1fd1739529682167{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.3rem}.name.jsx-1fd1739529682167{font-size:2rem;font-weight:500}.about.jsx-1fd1739529682167{color:var(--color-notice);font-size:1.6rem;line-height:1.4;margin-top:2.4rem}p.jsx-1fd1739529682167+p.jsx-1fd1739529682167{margin-top:1em}.props.jsx-1fd1739529682167{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:-.5rem -1rem}.prop.jsx-1fd1739529682167{margin:.5rem 1rem}.invite.jsx-1fd1739529682167{margin:0 1rem 0 auto}@media(max-width:550px){.layout.jsx-1fd1739529682167{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.avatar.jsx-1fd1739529682167{margin:0 0 1.2rem}

1.invite.jsx-1fd1739529682167{margin-left:1rem}}"})]})]})}}},function(__webpack_require__){__webpack_require__.O(0,[5551,1601,6337,4302,4978,4232,4130,9064,9774,2888,179],function(){return __webpack_require__(__webpack_require__.s=81303)}),_N_E=__webpack_require__.O()}]);