(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,[978444,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"DraggableCore",{enumerable:!0,get:function(){return c.default}}),a.default=void 0;var s=p(e.r(191788)),n=u(e.r(227483)),i=u(e.r(730943)),r=e.r(806683),o=e.r(976636),l=e.r(301461),d=e.r(431223),c=u(e.r(592826)),h=u(e.r(62029));function u(e){return e&&e.__esModule?e:{default:e}}function p(e,t){if("function"==typeof WeakMap)var a=new WeakMap,s=new WeakMap;return(p=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(n=t?s:a){if(n.has(e))return n.get(e);n.set(e,r)}for(let t in e)"default"!==t&&({}).hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(r,t,i):r[t]=e[t]);return r})(e,t)}function f(){return(f=Object.assign.bind()).apply(null,arguments)}function m(e,t,a){var s;return(t="symbol"==typeof(s=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var s=a.call(e,t||"default");if("object"!=typeof s)return s;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"))?s:s+"")in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}class x extends s.Component{static getDerivedStateFromProps(e,t){let{position:a}=e,{prevPropsPosition:s}=t;return a&&(!s||a.x!==s.x||a.y!==s.y)?((0,h.default)("Draggable: getDerivedStateFromProps %j",{position:a,prevPropsPosition:s}),{x:a.x,y:a.y,prevPropsPosition:{...a}}):null}constructor(e){super(e),m(this,"onDragStart",(e,t)=>{if((0,h.default)("Draggable: onDragStart: %j",t),!1===this.props.onStart(e,(0,l.createDraggableData)(this,t)))return!1;this.setState({dragging:!0,dragged:!0})}),m(this,"onDrag",(e,t)=>{if(!this.state.dragging)return!1;(0,h.default)("Draggable: onDrag: %j",t);let a=(0,l.createDraggableData)(this,t),s={x:a.x,y:a.y,slackX:0,slackY:0};if(this.props.bounds){let{x:e,y:t}=s;s.x+=this.state.slackX,s.y+=this.state.slackY;let[n,i]=(0,l.getBoundPosition)(this,s.x,s.y);s.x=n,s.y=i,s.slackX=this.state.slackX+(e-s.x),s.slackY=this.state.slackY+(t-s.y),a.x=s.x,a.y=s.y,a.deltaX=s.x-this.state.x,a.deltaY=s.y-this.state.y}if(!1===this.props.onDrag(e,a))return!1;this.setState(s)}),m(this,"onDragStop",(e,t)=>{if(!this.state.dragging||!1===this.props.onStop(e,(0,l.createDraggableData)(this,t)))return!1;(0,h.default)("Draggable: onDragStop: %j",t);let a={dragging:!1,slackX:0,slackY:0};if(this.props.position){let{x:e,y:t}=this.props.position;a.x=e,a.y=t}this.setState(a)}),this.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:{...e.position},slackX:0,slackY:0,isElementSVG:!1},e.position&&!(e.onDrag||e.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.state.dragging&&this.setState({dragging:!1})}findDOMNode(){return this.props?.nodeRef?.current??i.default.findDOMNode(this)}render(){let{axis:e,bounds:t,children:a,defaultPosition:n,defaultClassName:i,defaultClassNameDragging:d,defaultClassNameDragged:h,position:u,positionOffset:p,scale:m,...x}=this.props,g={},b=null,j=!u||this.state.dragging,v=u||n,_={x:(0,l.canDragX)(this)&&j?this.state.x:v.x,y:(0,l.canDragY)(this)&&j?this.state.y:v.y};this.state.isElementSVG?b=(0,o.createSVGTransform)(_,p):g=(0,o.createCSSTransform)(_,p);let y=(0,r.clsx)(a.props.className||"",i,{[d]:this.state.dragging,[h]:this.state.dragged});return s.createElement(c.default,f({},x,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),s.cloneElement(s.Children.only(a),{className:y,style:{...a.props.style,...g},transform:b}))}}a.default=x,m(x,"displayName","Draggable"),m(x,"propTypes",{...c.default.propTypes,axis:n.default.oneOf(["both","x","y","none"]),bounds:n.default.oneOfType([n.default.shape({left:n.default.number,right:n.default.number,top:n.default.number,bottom:n.default.number}),n.default.string,n.default.oneOf([!1])]),defaultClassName:n.default.string,defaultClassNameDragging:n.default.string,defaultClassNameDragged:n.default.string,defaultPosition:n.default.shape({x:n.default.number,y:n.default.number}),positionOffset:n.default.shape({x:n.default.oneOfType([n.default.number,n.default.string]),y:n.default.oneOfType([n.default.number,n.default.string])}),position:n.default.shape({x:n.default.number,y:n.default.number}),className:d.dontSetMe,style:d.dontSetMe,transform:d.dontSetMe}),m(x,"defaultProps",{...c.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})},592826,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var s=h(e.r(191788)),n=c(e.r(227483)),i=c(e.r(730943)),r=e.r(976636),o=e.r(301461),l=e.r(431223),d=c(e.r(62029));function c(e){return e&&e.__esModule?e:{default:e}}function h(e,t){if("function"==typeof WeakMap)var a=new WeakMap,s=new WeakMap;return(h=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(n=t?s:a){if(n.has(e))return n.get(e);n.set(e,r)}for(let t in e)"default"!==t&&({}).hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(r,t,i):r[t]=e[t]);return r})(e,t)}function u(e,t,a){var s;return(t="symbol"==typeof(s=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var s=a.call(e,t||"default");if("object"!=typeof s)return s;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"))?s:s+"")in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}let p={start:"touchstart",move:"touchmove",stop:"touchend"},f={start:"mousedown",move:"mousemove",stop:"mouseup"},m=f;class x extends s.Component{constructor(){super(...arguments),u(this,"dragging",!1),u(this,"lastX",0/0),u(this,"lastY",0/0),u(this,"touchIdentifier",null),u(this,"mounted",!1),u(this,"handleDragStart",e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;let t=this.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw Error("<DraggableCore> not mounted on DragStart!");let{ownerDocument:a}=t;if(this.props.disabled||!(e.target instanceof a.defaultView.Node)||this.props.handle&&!(0,r.matchesSelectorAndParentsTo)(e.target,this.props.handle,t)||this.props.cancel&&(0,r.matchesSelectorAndParentsTo)(e.target,this.props.cancel,t))return;"touchstart"!==e.type||this.props.allowMobileScroll||e.preventDefault();let s=(0,r.getTouchIdentifier)(e);this.touchIdentifier=s;let n=(0,o.getControlPosition)(e,s,this);if(null==n)return;let{x:i,y:l}=n,c=(0,o.createCoreData)(this,i,l);(0,d.default)("DraggableCore: handleDragStart: %j",c),(0,d.default)("calling",this.props.onStart),!1!==this.props.onStart(e,c)&&!1!==this.mounted&&(this.props.enableUserSelectHack&&(0,r.addUserSelectStyles)(a),this.dragging=!0,this.lastX=i,this.lastY=l,(0,r.addEvent)(a,m.move,this.handleDrag),(0,r.addEvent)(a,m.stop,this.handleDragStop))}),u(this,"handleDrag",e=>{let t=(0,o.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:a,y:s}=t;if(Array.isArray(this.props.grid)){let e=a-this.lastX,t=s-this.lastY;if([e,t]=(0,o.snapToGrid)(this.props.grid,e,t),!e&&!t)return;a=this.lastX+e,s=this.lastY+t}let n=(0,o.createCoreData)(this,a,s);if((0,d.default)("DraggableCore: handleDrag: %j",n),!1===this.props.onDrag(e,n)||!1===this.mounted){try{this.handleDragStop(new MouseEvent("mouseup"))}catch(t){let e=document.createEvent("MouseEvents");e.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(e)}return}this.lastX=a,this.lastY=s}),u(this,"handleDragStop",e=>{if(!this.dragging)return;let t=(0,o.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:a,y:s}=t;if(Array.isArray(this.props.grid)){let e=a-this.lastX||0,t=s-this.lastY||0;[e,t]=(0,o.snapToGrid)(this.props.grid,e,t),a=this.lastX+e,s=this.lastY+t}let n=(0,o.createCoreData)(this,a,s);if(!1===this.props.onStop(e,n)||!1===this.mounted)return!1;let i=this.findDOMNode();i&&this.props.enableUserSelectHack&&(0,r.scheduleRemoveUserSelectStyles)(i.ownerDocument),(0,d.default)("DraggableCore: handleDragStop: %j",n),this.dragging=!1,this.lastX=0/0,this.lastY=0/0,i&&((0,d.default)("DraggableCore: Removing handlers"),(0,r.removeEvent)(i.ownerDocument,m.move,this.handleDrag),(0,r.removeEvent)(i.ownerDocument,m.stop,this.handleDragStop))}),u(this,"onMouseDown",e=>(m=f,this.handleDragStart(e))),u(this,"onMouseUp",e=>(m=f,this.handleDragStop(e))),u(this,"onTouchStart",e=>(m=p,this.handleDragStart(e))),u(this,"onTouchEnd",e=>(m=p,this.handleDragStop(e)))}componentDidMount(){this.mounted=!0;let e=this.findDOMNode();e&&(0,r.addEvent)(e,p.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;let e=this.findDOMNode();if(e){let{ownerDocument:t}=e;(0,r.removeEvent)(t,f.move,this.handleDrag),(0,r.removeEvent)(t,p.move,this.handleDrag),(0,r.removeEvent)(t,f.stop,this.handleDragStop),(0,r.removeEvent)(t,p.stop,this.handleDragStop),(0,r.removeEvent)(e,p.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,r.scheduleRemoveUserSelectStyles)(t)}}findDOMNode(){return this.props?.nodeRef?this.props?.nodeRef?.current:i.default.findDOMNode(this)}render(){return s.cloneElement(s.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}a.default=x,u(x,"displayName","DraggableCore"),u(x,"propTypes",{allowAnyClick:n.default.bool,allowMobileScroll:n.default.bool,children:n.default.node.isRequired,disabled:n.default.bool,enableUserSelectHack:n.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw Error("Draggable's offsetParent must be a DOM Node.")},grid:n.default.arrayOf(n.default.number),handle:n.default.string,cancel:n.default.string,nodeRef:n.default.object,onStart:n.default.func,onDrag:n.default.func,onStop:n.default.func,onMouseDown:n.default.func,scale:n.default.number,className:l.dontSetMe,style:l.dontSetMe,transform:l.dontSetMe}),u(x,"defaultProps",{allowAnyClick:!1,allowMobileScroll:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})},161565,(e,t,a)=>{let{default:s,DraggableCore:n}=e.r(978444);t.exports=s,t.exports.default=s,t.exports.DraggableCore=n},976636,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.addClassName=c,a.addEvent=function(e,t,a,s){if(!e)return;let n={capture:!0,...s};e.addEventListener?e.addEventListener(t,a,n):e.attachEvent?e.attachEvent("on"+t,a):e["on"+t]=a},a.addUserSelectStyles=function(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||((t=e.createElement("style")).type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t)),e.body&&c(e.body,"react-draggable-transparent-selection")},a.createCSSTransform=function(e,t){let a=l(e,t,"px");return{[(0,n.browserPrefixToKey)("transform",n.default)]:a}},a.createSVGTransform=function(e,t){return l(e,t,"")},a.getTouch=function(e,t){return e.targetTouches&&(0,s.findInArray)(e.targetTouches,e=>t===e.identifier)||e.changedTouches&&(0,s.findInArray)(e.changedTouches,e=>t===e.identifier)},a.getTouchIdentifier=function(e){return e.targetTouches&&e.targetTouches[0]?e.targetTouches[0].identifier:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].identifier:void 0},a.getTranslation=l,a.innerHeight=function(e){let t=e.clientHeight,a=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,s.int)(a.paddingTop),t-=(0,s.int)(a.paddingBottom)},a.innerWidth=function(e){let t=e.clientWidth,a=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,s.int)(a.paddingLeft),t-=(0,s.int)(a.paddingRight)},a.matchesSelector=o,a.matchesSelectorAndParentsTo=function(e,t,a){let s=e;do{if(o(s,t))return!0;if(s===a)break;s=s.parentNode}while(s)return!1},a.offsetXYFromParent=function(e,t,a){let s=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect();return{x:(e.clientX+t.scrollLeft-s.left)/a,y:(e.clientY+t.scrollTop-s.top)/a}},a.outerHeight=function(e){let t=e.clientHeight,a=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,s.int)(a.borderTopWidth),t+=(0,s.int)(a.borderBottomWidth)},a.outerWidth=function(e){let t=e.clientWidth,a=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,s.int)(a.borderLeftWidth),t+=(0,s.int)(a.borderRightWidth)},a.removeClassName=h,a.removeEvent=function(e,t,a,s){if(!e)return;let n={capture:!0,...s};e.removeEventListener?e.removeEventListener(t,a,n):e.detachEvent?e.detachEvent("on"+t,a):e["on"+t]=null},a.scheduleRemoveUserSelectStyles=function(e){window.requestAnimationFrame?window.requestAnimationFrame(()=>{d(e)}):d(e)};var s=e.r(431223),n=i(e.r(66228));function i(e,t){if("function"==typeof WeakMap)var a=new WeakMap,s=new WeakMap;return(i=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(n=t?s:a){if(n.has(e))return n.get(e);n.set(e,r)}for(let t in e)"default"!==t&&({}).hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(r,t,i):r[t]=e[t]);return r})(e,t)}let r="";function o(e,t){return r||(r=(0,s.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(t){return(0,s.isFunction)(e[t])})),!!(0,s.isFunction)(e[r])&&e[r](t)}function l(e,t,a){let{x:s,y:n}=e,i=`translate(${s}${a},${n}${a})`;if(t){let e=`${"string"==typeof t.x?t.x:t.x+a}`,s=`${"string"==typeof t.y?t.y:t.y+a}`;i=`translate(${e}, ${s})`+i}return i}function d(e){if(e)try{if(e.body&&h(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{let t=(e.defaultView||window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(e){}}function c(e,t){e.classList?e.classList.add(t):e.className.match(RegExp(`(?:^|\\s)${t}(?!\\S)`))||(e.className+=` ${t}`)}function h(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(RegExp(`(?:^|\\s)${t}(?!\\S)`,"g"),"")}},66228,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.browserPrefixToKey=i,a.browserPrefixToStyle=function(e,t){return t?`-${t.toLowerCase()}-${e}`:e},a.default=void 0,a.getPrefix=n;let s=["Moz","Webkit","O","ms"];function n(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("u"<typeof window)return"";let t=window.document?.documentElement?.style;if(!t||e in t)return"";for(let a=0;a<s.length;a++)if(i(e,s[a])in t)return s[a];return""}function i(e,t){return t?`${t}${function(e){let t="",a=!0;for(let s=0;s<e.length;s++)a?(t+=e[s].toUpperCase(),a=!1):"-"===e[s]?a=!0:t+=e[s];return t}(e)}`:e}a.default=n()},62029,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.default=function(){}},301461,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},a.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},a.createCoreData=function(e,t,a){let n=!(0,s.isNum)(e.lastX),r=i(e);return n?{node:r,deltaX:0,deltaY:0,lastX:t,lastY:a,x:t,y:a}:{node:r,deltaX:t-e.lastX,deltaY:a-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:a}},a.createDraggableData=function(e,t){let a=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/a,y:e.state.y+t.deltaY/a,deltaX:t.deltaX/a,deltaY:t.deltaY/a,lastX:e.state.x,lastY:e.state.y}},a.getBoundPosition=function(e,t,a){var r;if(!e.props.bounds)return[t,a];let{bounds:o}=e.props;o="string"==typeof o?o:{left:(r=o).left,top:r.top,right:r.right,bottom:r.bottom};let l=i(e);if("string"==typeof o){let e,{ownerDocument:t}=l,a=t.defaultView;if(!((e="parent"===o?l.parentNode:l.getRootNode().querySelector(o))instanceof a.HTMLElement))throw Error('Bounds selector "'+o+'" could not find an element.');let i=a.getComputedStyle(l),r=a.getComputedStyle(e);o={left:-l.offsetLeft+(0,s.int)(r.paddingLeft)+(0,s.int)(i.marginLeft),top:-l.offsetTop+(0,s.int)(r.paddingTop)+(0,s.int)(i.marginTop),right:(0,n.innerWidth)(e)-(0,n.outerWidth)(l)-l.offsetLeft+(0,s.int)(r.paddingRight)-(0,s.int)(i.marginRight),bottom:(0,n.innerHeight)(e)-(0,n.outerHeight)(l)-l.offsetTop+(0,s.int)(r.paddingBottom)-(0,s.int)(i.marginBottom)}}return(0,s.isNum)(o.right)&&(t=Math.min(t,o.right)),(0,s.isNum)(o.bottom)&&(a=Math.min(a,o.bottom)),(0,s.isNum)(o.left)&&(t=Math.max(t,o.left)),(0,s.isNum)(o.top)&&(a=Math.max(a,o.top)),[t,a]},a.getControlPosition=function(e,t,a){let s="number"==typeof t?(0,n.getTouch)(e,t):null;if("number"==typeof t&&!s)return null;let r=i(a),o=a.props.offsetParent||r.offsetParent||r.ownerDocument.body;return(0,n.offsetXYFromParent)(s||e,o,a.props.scale)},a.snapToGrid=function(e,t,a){return[Math.round(t/e[0])*e[0],Math.round(a/e[1])*e[1]]};var s=e.r(431223),n=e.r(976636);function i(e){let t=e.findDOMNode();if(!t)throw Error("<DraggableCore>: Unmounted during event!");return t}},431223,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.dontSetMe=function(e,t,a){if(e[t])return Error(`Invalid prop ${t} passed to ${a} - do not set this, set it on the child.`)},a.findInArray=function(e,t){for(let a=0,s=e.length;a<s;a++)if(t.apply(t,[e[a],a,e]))return e[a]},a.int=function(e){return parseInt(e,10)},a.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},a.isNum=function(e){return"number"==typeof e&&!isNaN(e)}},417140,(e,t,a)=>{var s=e.r(208135);function n(){}function i(){}i.resetWarningCache=n,t.exports=function(){function e(e,t,a,n,i,r){if(r!==s){var o=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function t(){return e}e.isRequired=e;var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:n};return a.PropTypes=a,a}},208135,(e,t,a)=>{t.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},913312,e=>{var t,a,s,n,i=e.i(391398),r=e.i(145246),o=e.i(191788);function l(){return(l=Object.assign.bind()).apply(null,arguments)}let d=function(e){return o.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:50,height:51,fill:"none",viewBox:"0 0 50 51"},e),t||(t=o.createElement("rect",{width:40,height:40,fill:"#E5E6EC",rx:8})),a||(a=o.createElement("rect",{width:20,height:20,x:30,y:31,fill:"#1570EF",rx:9})),s||(s=o.createElement("path",{fill:"#fff",d:"M44.77 41.96h-4.08v4.3h-1.45v-4.3h-4.06v-1.35h4.06v-4.27h1.45v4.27h4.08z"})),n||(n=o.createElement("path",{fill:"#0E3869",fillRule:"evenodd",d:"M27.717 14.25 17.242 24.726q-.2.205-.455.337l-5.506 1.41 1.419-5.508q.127-.254.327-.454l10.475-10.476a1.745 1.745 0 0 1 2.47 0l1.745 1.746a1.746 1.746 0 0 1 0 2.47M9.897 28.73h19.205a.873.873 0 1 1 0 1.746H9.896a.874.874 0 0 1 0-1.745",clipRule:"evenodd"})))};var c=e.i(161565);let h=new String(".button.jsx-fa5366a2dde51b78{z-index:99;cursor:pointer;border:none;outline:none;padding:0;position:fixed;bottom:0;right:4px}.button.jsx-fa5366a2dde51b78 svg>rect:first-of-type{fill:var(--button-light)}.button.jsx-fa5366a2dde51b78 svg>path:nth-of-type(2){fill:var(--create-fact-icon)}");h.__hash="fa5366a2dde51b78",e.s(["f",0,()=>{let e=(0,o.useRef)();return(0,i.jsxs)("div",{className:`jsx-${h.__hash} visible-xs`,children:[(0,i.jsx)(c.default,{onStart:(t,a)=>{e.current=a},onStop:(t,a)=>{let{lastX:s,lastY:n}=e.current,{lastX:i,lastY:r}=a;if(Math.round(s)===Math.round(i)&&Math.round(n)===Math.round(r)){let e=document.getElementById("createFactButton");e&&e.click()}},children:(0,i.jsx)("button",{id:"createFactMobile",title:"Create fact mobile",className:`jsx-${h.__hash} button`,children:(0,i.jsx)(d,{})})}),(0,i.jsx)(r.default,{id:h.__hash,children:h})]})}],913312)},585378,e=>{var t=e.i(391398),a=e.i(191788);e.s(["f",0,({adsId:e})=>((0,a.useEffect)(()=>{let t=setTimeout(()=>{window.powerTag&&window.powerAPITag&&e&&(window.powerTag.Init=window.powerTag.Init||[]).push(()=>{window.powerAPITag.display(e)})},1e3);return()=>{clearTimeout(t)}},[e]),(0,t.jsx)("div",{style:{width:310,height:250,display:"block",margin:"0 auto"},children:(0,t.jsx)("pubtag",{className:"adsbypubpower","data-ad-slot":e})}))])},358702,e=>{var t,a,s,n,i,r,o,l,d,c,h=e.i(391398),u=e.i(145246),p=e.i(191788);e.i(966278);var f=e.i(318398),m=e.i(758568),x=e.i(913083),g=e.i(661655),b=e.i(575835);function j(){return(j=Object.assign.bind()).apply(null,arguments)}let v=function(e){return p.createElement("svg",j({xmlns:"http://www.w3.org/2000/svg",width:36,height:36,fill:"none",viewBox:"0 0 36 36"},e),t||(t=p.createElement("path",{stroke:"#0768EA",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.5,d:"M18 34c8.837 0 16-7.163 16-16S26.837 2 18 2 2 9.163 2 18s7.163 16 16 16"})),a||(a=p.createElement("mask",{id:"path-2-inside-1",fill:"#fff"},p.createElement("path",{d:"M17.5 26a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"}))),s||(s=p.createElement("path",{fill:"#0768EA",d:"M17.5 26a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"})),n||(n=p.createElement("path",{fill:"#0768EA",d:"M16 24.5a1.5 1.5 0 0 1 1.5-1.5v6a4.5 4.5 0 0 0 4.5-4.5zm1.5-1.5a1.5 1.5 0 0 1 1.5 1.5h-6a4.5 4.5 0 0 0 4.5 4.5zm1.5 1.5a1.5 1.5 0 0 1-1.5 1.5v-6a4.5 4.5 0 0 0-4.5 4.5zM17.5 26a1.5 1.5 0 0 1-1.5-1.5h6a4.5 4.5 0 0 0-4.5-4.5z",mask:"url(#path-2-inside-1)"})),i||(i=p.createElement("path",{stroke:"#0768EA",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.5,d:"M15 10.962c1.588-1.433 5.03-1.408 5.705 1.058.883 3.203-3.205 3.217-3.205 7.98"})))};var _=e.i(455404),y=e.i(230184);e.i(251533);var w=e.i(618488),k=e.i(867507),N=e.i(94432);function S(){return(S=Object.assign.bind()).apply(null,arguments)}let $=function(e){return p.createElement("svg",S({xmlns:"http://www.w3.org/2000/svg",width:16,height:15,fill:"none",viewBox:"0 0 16 15"},e),r||(r=p.createElement("path",{fill:"#4A5568",d:"M7.999 1.34a4.733 4.733 0 0 0-6.604 6.778l5.904 5.762a1 1 0 0 0 1.4 0l5.915-5.77a4.733 4.733 0 0 0-6.615-6.77m5.208 5.348-5.208 5.079-5.2-5.07a2.734 2.734 0 0 1 3.867-3.864q.274.286.455.638a1.04 1.04 0 0 0 1.756 0 2.724 2.724 0 0 1 5.122 1.294 2.7 2.7 0 0 1-.792 1.923"})))};function T(){return(T=Object.assign.bind()).apply(null,arguments)}let D=function(e){return p.createElement("svg",T({xmlns:"http://www.w3.org/2000/svg",width:16,height:17,fill:"none",viewBox:"0 0 16 17"},e),o||(o=p.createElement("path",{fill:"#4A5568",d:"M14 .5H2a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h2.6l2.7 2.7c.2.2.4.3.7.3s.5-.1.7-.3l2.7-2.7H14a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2m0 11h-3c-.3 0-.5.1-.7.3L8 14.1l-2.3-2.3c-.2-.2-.4-.3-.7-.3H2v-9h12z"})))};function E(){return(E=Object.assign.bind()).apply(null,arguments)}let C=function(e){return p.createElement("svg",E({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16"},e),l||(l=p.createElement("path",{fill:"#4A5568",d:"M11 0C9.7 0 8.4.5 7.5 1.5L6.3 2.6c-.4.4-.4 1 0 1.4s1 .4 1.4 0l1.2-1.2c1.1-1.1 3.1-1.1 4.2 0 .6.6.9 1.4.9 2.2s-.3 1.6-.9 2.1L12 8.3c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l1.2-1.2C15.5 7.6 16 6.3 16 5s-.5-2.6-1.5-3.5C13.6.5 12.3 0 11 0M8.3 12l-1.2 1.2c-1.1 1.1-3.1 1.1-4.2 0-.6-.6-.9-1.4-.9-2.2s.3-1.6.9-2.1L4 7.7c.4-.4.4-1 0-1.4s-1-.4-1.4 0L1.5 7.5C.5 8.4 0 9.7 0 11s.5 2.6 1.5 3.5c.9 1 2.2 1.5 3.5 1.5s2.6-.5 3.5-1.5l1.2-1.2c.4-.4.4-1 0-1.4s-1-.3-1.4.1"})),d||(d=p.createElement("path",{fill:"#4A5568",d:"M9.4 5.2 5.2 9.4c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l4.2-4.2c.4-.4.4-1 0-1.4s-1-.4-1.4 0"})))};function M(){return(M=Object.assign.bind()).apply(null,arguments)}let P=function(e){return p.createElement("svg",M({xmlns:"http://www.w3.org/2000/svg",width:18,height:15,fill:"none",viewBox:"0 0 18 15"},e),c||(c=p.createElement("path",{stroke:"#4A5568",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M17 7.4 9.533 1v4.302C5.5 5.302 1 6.867 1 13.8c2.1-3.4 5.333-4.267 8.533-4.267V13.8z"})))},O=new String(".main.jsx-934b9dcc82ee2b72{margin-top:24px;display:block}.forumTitle.jsx-934b9dcc82ee2b72{color:var(--color-light-2);font-weight:700}.content.jsx-934b9dcc82ee2b72{flex-direction:row;display:flex}.body.jsx-934b9dcc82ee2b72{background-color:var(--post-background);border-radius:8px;width:100%;padding:15px}.info.jsx-934b9dcc82ee2b72{flex-direction:row;align-items:center;margin-bottom:6px;font-size:13px;line-height:18px;display:flex}.avatar-wrapper.jsx-934b9dcc82ee2b72{margin-right:12px}.avatar.jsx-934b9dcc82ee2b72{background-color:var(--primary-color);border-radius:100%}.avatar-upper.jsx-934b9dcc82ee2b72{margin-right:12px}.author-info.jsx-934b9dcc82ee2b72{flex-direction:row;align-content:center;margin-bottom:8px;font-size:13px;line-height:18px;display:flex}.author.upper.jsx-934b9dcc82ee2b72{margin-left:0}.since.jsx-934b9dcc82ee2b72{color:var(--secondary-text);margin-left:6px}.since.upper.jsx-934b9dcc82ee2b72{margin-left:0}.image.jsx-934b9dcc82ee2b72{background-position:50%;background-size:cover;border-radius:12px;margin-top:12px;margin-bottom:12px;margin-left:12px}.excerp-bubble.jsx-934b9dcc82ee2b72{font-size:14px}@media (width>=701px){.image.jsx-934b9dcc82ee2b72{width:250px}}@media (width<=700px){.image.jsx-934b9dcc82ee2b72{display:none}}.post.jsx-934b9dcc82ee2b72{background-color:var(--light-grey-background);border-radius:12px;padding:16px 24px}.footer.jsx-934b9dcc82ee2b72{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:16px;margin-bottom:12px;display:flex}@media (width>=576px){.footer.jsx-934b9dcc82ee2b72{flex-direction:row;align-items:center}}.author.jsx-934b9dcc82ee2b72{align-items:center;display:flex}.author.jsx-934b9dcc82ee2b72 .name.jsx-934b9dcc82ee2b72{color:#718096}.author.jsx-934b9dcc82ee2b72 .name.jsx-934b9dcc82ee2b72>span.jsx-934b9dcc82ee2b72:first-child{font-weight:700}.author.jsx-934b9dcc82ee2b72 .forum.jsx-934b9dcc82ee2b72{color:#dd6b20;text-transform:uppercase;margin-top:3px;font-size:12px;font-weight:700}.stats.jsx-934b9dcc82ee2b72{justify-content:space-between;width:100%;margin-top:8px;font-size:14px;display:flex}@media (width>=576px){.stats.jsx-934b9dcc82ee2b72{justify-content:initial;width:auto;margin-top:0}}.stats.jsx-934b9dcc82ee2b72>span.jsx-934b9dcc82ee2b72{display:flex}.stats.jsx-934b9dcc82ee2b72>span.jsx-934b9dcc82ee2b72>button.jsx-934b9dcc82ee2b72,.stats.jsx-934b9dcc82ee2b72>span.jsx-934b9dcc82ee2b72>span.jsx-934b9dcc82ee2b72{align-items:center;margin:0 12px;display:flex}.stats.jsx-934b9dcc82ee2b72>span.jsx-934b9dcc82ee2b72>button.jsx-934b9dcc82ee2b72>svg,.stats.jsx-934b9dcc82ee2b72>span.jsx-934b9dcc82ee2b72>span.jsx-934b9dcc82ee2b72>svg{margin-right:4px}.comment-toggle.jsx-934b9dcc82ee2b72{margin-left:24px;font-size:.8rem}.comment-toggle.jsx-934b9dcc82ee2b72:hover{cursor:pointer}.actions.jsx-934b9dcc82ee2b72{margin-top:4px;margin-left:24px;font-weight:700}.more-comments.jsx-934b9dcc82ee2b72{margin-top:8px;margin-left:24px;font-size:14px}");O.__hash="934b9dcc82ee2b72";let A=f.f.ApiConsumer(({api:e,user:t,item:a,eventLabel:s,position:n,showThumbnail:i,taFromBlock:r})=>{let[o,l]=(0,p.useState)(a),d=async e=>{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(e),_.c.success("Đã sao chép đường dẫn");else{let t=document.createElement("textarea");t.value=e,t.style.position="absolute",t.style.left="-999999px",document.body.prepend(t),t.select();try{document.execCommand("copy"),_.c.success("Đã sao chép đường dẫn")}catch(e){console.error(e)}finally{t.remove()}}},c=r?`${o.link}?ta_from_block=${r}`:o.link;return(0,h.jsxs)(p.Fragment,{children:["upper"===n||"middle"===n?(0,h.jsxs)("div",{className:`jsx-${O.__hash} main upper`,children:[(0,h.jsxs)("div",{className:`jsx-${O.__hash} post`,children:[(0,h.jsx)("h3",{className:`jsx-${O.__hash} thread-title`,children:(0,h.jsx)("a",{title:o.title,href:o.link,target:"_blank",className:`jsx-${O.__hash}`,children:o.title})}),(0,h.jsx)("div",{className:`jsx-${O.__hash}`,children:o.excerpt}),i&&o.thumbnail&&""!==o.thumbnail?(0,h.jsx)("div",{style:{backgroundImage:`url(${o.thumbnail})`},className:`jsx-${O.__hash} image upper`}):null,(0,h.jsxs)("div",{className:`jsx-${O.__hash} footer`,children:[(0,h.jsx)("div",{className:`jsx-${O.__hash} author`,children:(0,h.jsx)("div",{className:`jsx-${O.__hash}`,children:(0,h.jsxs)("a",{href:o.author.link,className:`jsx-${O.__hash} name`,children:[(0,h.jsx)("span",{className:`jsx-${O.__hash}`,children:o.author.name})," • ",(0,h.jsx)(y.f,{value:o.since,title:o.since_date})," trước"]})})}),(0,h.jsxs)("div",{className:`jsx-${O.__hash} stats`,children:[(0,h.jsxs)("span",{className:`jsx-${O.__hash}`,children:[(0,h.jsxs)("span",{className:`jsx-${O.__hash} like`,children:[(0,h.jsx)($,{})," ",o.stats.like]}),(0,h.jsxs)("span",{className:`jsx-${O.__hash} comment`,children:[(0,h.jsx)(D,{})," ",o.stats.comment]})]}),(0,h.jsxs)("span",{className:`jsx-${O.__hash}`,children:[(0,h.jsx)("span",{className:`jsx-${O.__hash} share`,children:(0,h.jsx)("a",{target:"_blank",href:`https://www.facebook.com/sharer/sharer.php?u=${o.link}`,className:`jsx-${O.__hash}`,children:(0,h.jsx)(P,{})})}),(0,h.jsx)("button",{onClick:()=>d(o.link),className:`jsx-${O.__hash} link`,children:(0,h.jsx)(C,{})})]})]})]})]}),(0,h.jsxs)("div",{className:`jsx-${O.__hash} actions`,children:[(0,h.jsx)("span",{className:`jsx-${O.__hash}`,children:(0,h.jsx)(w.f,{post:o.firstPost||a,onReact:(e,t,a)=>{let s=o.stats.like;e===N.U.Up&&(s+=1),e===N.U.Down&&(s-=1),l({...o,stats:{...o.stats,like:s}})}})}),(0,h.jsx)("span",{id:`comment-toggle-${o.id}`,onClick:()=>{var e;let t,a,s;return e=o.id,t=document.getElementById(e),a=document.getElementById(`comment-toggle-${e}`),s=t.style.display,void(t.style.display="none"===s?"block":"none",a.style.color="none"!==s?"inherit":"var(--primary-color)",a.style.fontWeight="none"!==s?"normal":"700")},className:`jsx-${O.__hash} comment-toggle`,children:"Phản hồi"}),t?(0,h.jsx)("div",{id:o.id,style:{display:"none"},className:`jsx-${O.__hash} comment-box`,children:(0,h.jsx)(k.f,{compact:!0,api:e,postToReply:o.firstPost||a,user:t,addPost:e=>{window.open(`https://tinhte.vn/posts/${e.id}`,"_blank").focus(),l({...o,stats:{...o.stats,comment:o.stats.comment+1}})}})}):(0,h.jsx)("div",{className:`jsx-${O.__hash}`})]})]}):(0,h.jsx)("a",{href:c,onClick:()=>{ga("send",{hitType:"event",eventCategory:b.f.tinhteHomeGAEventCategory,eventAction:b.f.gaEventClick,eventLabel:s||b.f.gaUnansweredPost,transport:"beacon"})},className:`jsx-${O.__hash} main upper`,children:(0,h.jsxs)("span",{className:`jsx-${O.__hash}`,children:[(0,h.jsxs)("div",{className:`jsx-${O.__hash} info`,children:[o.author.avatar&&""!==o.author.avatar?(0,h.jsx)("img",{src:o.author.avatar,alt:o.author.name,width:"30",height:"30",className:`jsx-${O.__hash} avatar`}):(0,h.jsx)("div",{className:`jsx-${O.__hash}`}),(0,h.jsxs)("div",{className:`jsx-${O.__hash}`,children:[(0,h.jsx)("p",{className:`jsx-${O.__hash} author`,children:o.author.name}),(0,h.jsx)("p",{className:`jsx-${O.__hash} since`,children:(0,h.jsx)(y.f,{value:o.since})})]})]}),(0,h.jsxs)("p",{className:`jsx-${O.__hash}`,children:["Trả lời trong: ",(0,h.jsx)("span",{className:`jsx-${O.__hash} forumTitle`,children:o._additional.forum.title})]}),(0,h.jsx)("h3",{className:`jsx-${O.__hash} thread-title`,children:o.title?o.title:o.thread.title}),(0,h.jsx)("p",{className:`jsx-${O.__hash} body`,children:o.excerpt})]})}),(0,h.jsx)(u.default,{id:O.__hash,children:O})]})}),I=new String(".header.jsx-3d8530d226e4618c{align-items:center;display:flex}.header.jsx-3d8530d226e4618c svg{margin-right:12px}.header.jsx-3d8530d226e4618c .section-heading.jsx-3d8530d226e4618c{margin-bottom:0}.item.jsx-3d8530d226e4618c{margin-bottom:25px}.item.jsx-3d8530d226e4618c:last-child{margin-bottom:0}.single-main.jsx-3d8530d226e4618c{margin-bottom:24px}@media (width>=701px){.content.jsx-3d8530d226e4618c{padding:0}}@media (width<=700px){.content.jsx-3d8530d226e4618c{padding:0}}@media (width>=701px){.title.jsx-3d8530d226e4618c{padding-bottom:12px}}@media (width<=700px){.title.jsx-3d8530d226e4618c{padding:0 0 12px 12px}}");I.__hash="3d8530d226e4618c";let B=({user:e,item:t,eventLabel:a,position:s,showThumbnail:n,taFromBlock:i})=>(0,h.jsxs)("div",{className:`jsx-${I.__hash} item`,children:[(0,h.jsx)(A,{user:e,item:t,eventLabel:a,position:s,showThumbnail:n,taFromBlock:i}),(0,h.jsx)(u.default,{id:I.__hash,children:I})]}),L=({user:e,questions:t,position:a,homePinnedThreads:s,taFromBlock:n,hideTitle:i=!1,hideViewMore:r=!1})=>{let o=null;if("upper"===a){let r=b.f.gaUnansweredPostTopHome,l=t,d=!1;s&&s.length>0&&(l=s,d=!0),o=(0,h.jsxs)("div",{className:`jsx-${I.__hash} single-main`,children:[!i&&(0,h.jsx)("div",{className:`jsx-${I.__hash} content`,children:(0,h.jsx)("h3",{className:`jsx-${I.__hash} section-heading`,children:(0,h.jsx)("span",{className:`jsx-${I.__hash}`,children:s&&s.length>0?"Đang hot":"Câu hỏi cần bạn giúp"})})}),(0,h.jsx)("div",{className:`jsx-${I.__hash} question-list`,children:l.map(t=>(0,h.jsx)(B,{user:e,item:t,eventLabel:r,position:a,showThumbnail:d,taFromBlock:n},`${t.id}`))}),(0,h.jsx)(u.default,{id:I.__hash,children:I})]})}else o=(0,h.jsxs)("div",{className:`jsx-${I.__hash} new-questions`,children:[!i&&(0,h.jsxs)("div",{className:`jsx-${I.__hash} header`,children:[(0,h.jsx)(v,{}),(0,h.jsx)("h3",{className:`jsx-${I.__hash} section-heading`,children:"Câu hỏi cần bạn giúp"})]}),(0,h.jsxs)("div",{className:`jsx-${I.__hash} question-list`,children:[t.map(t=>(0,h.jsx)(B,{user:e,position:"middle",item:t,taFromBlock:n},t.id)),!r&&(0,h.jsx)("button",{onClick:()=>{window.location.href="/hiepsi""},className:`jsx-${I.__hash} button button-full-size button-light`,children:"Xem thêm câu hỏi"})]}),(0,h.jsx)(u.default,{id:I.__hash,children:I})]});return o};L.defaultProps={questions:[]},L.apiFetches={questions:(e,{position:t,tag:a=""})=>({uri:"tinhte/cached-unanswered-posts?limit=5",params:{tag:a},success:e=>{let a=(0,m.default)(e,"posts",[]).map(e=>{let t,a,s,n,i;return t=(0,m.default)(e,"content_type","thread"),a=null,s=null,n=null,i={comment:0,like:0},"thread"===t&&(n=(s=(0,x.U)(e)).firstPost,i={...i,...s.stats}),"post"===e.content_type&&(s=(0,x.U)(e.thread),n=(0,g.U)(e,s),i={...i,...n.stats}),(a={...n}).contentType=t,a.threadId=s.id,a.threadLink=s.link,a.title=s.title,a.stats={comment:i.comment,like:i.like},a.forum={title:(0,m.default)(e,"_additional.forum_title",""),link:`/forums/${(0,m.default)(e,"_additional.forum_id","")}`},a});return"upper"===t?a.slice(0,1):a.slice(0,a.length)}}),homePinnedThreads:{uri:x.Z,success:e=>(0,m.default)(e,"threads",[]).map(x.U)}};let U=f.f.ApiConsumer(L);e.s(["f",0,U],358702)},907596,e=>{var t=e.i(391398),a=e.i(145246),s=e.i(191788);e.i(966278);var n=e.i(318398),i=e.i(758568),r=e.i(456310),o=e.i(574186),l=e.i(913083),d=e.i(575835),c=e.i(534358),h=e.i(567166);let u=new String('.thumbnail.jsx-de54bd1dd6ba953b{cursor:pointer;position:relative}.thumbnail.jsx-de54bd1dd6ba953b:before{content:"";background-image:var(--mask-background);z-index:1;display:block;position:absolute;inset:0}.thumbnail.hide-overlay.jsx-de54bd1dd6ba953b:before{background-image:none}.prefix.jsx-de54bd1dd6ba953b{color:var(--inverse-text);background-color:var(--primary-color);z-index:2;white-space:nowrap;border-radius:0 0 8px 8px;padding:4px 18px;position:absolute;left:50%;transform:translate(-50%)}.prefix.color-prefix.jsx-de54bd1dd6ba953b{background-image:var(--gradient-1-button)}.thread-title.jsx-de54bd1dd6ba953b{color:var(--inverse-text);text-align:center;z-index:2;padding:0 12px;position:absolute;bottom:27px}.thread-title.jsx-de54bd1dd6ba953b:after{content:"";background:var(--inverse-text);border-radius:15px;width:64px;height:3px;margin:8px auto 0;display:block}.bottom-author.jsx-de54bd1dd6ba953b{color:var(--active-indicator);align-items:center;margin-top:6px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.bottom-title.jsx-de54bd1dd6ba953b{color:var(--primary-text);cursor:pointer;margin-top:4px;padding:0 10px 10px;font-size:14px;font-weight:700}');u.__hash="de54bd1dd6ba953b";let{TrackingUri:p}=h.f,f=n.f.ApiConsumer(({api:e,threadClickEventName:n,tag:i,thread:l,colorPrefix:h,imageRatio:f,threadTitlePosition:m="overlay",hideThumbnailOverlay:x})=>{let g=null;return l.prefixes&&l.prefixes.length>0&&([g]=l.prefixes),(0,t.jsxs)("a",{href:l.link,onClick:t=>{if(t.preventDefault(),ga("send",{hitType:"event",eventCategory:d.f.tinhteHomeGAEventCategory,eventAction:d.f.gaEventClick,eventLabel:d.f.gaSpecialThreadsByTagClick,transport:"beacon"}),((t,a=[])=>{e.onAuthenticated(()=>{let s=new o.U(e),n=[...a,{key:"tag",value:i}];s.trackEvent(t,e.getUserId(),n)})})(r.f.Special_Threads_By_Tag_Thread_Item_Click),n){let t=null;window&&(t=window.document.referrer),e.onAuthenticated(()=>{e.post({uri:p.CLICK,params:{block_id:11,page:n,referrer:t,data:{thread_id:l.id}}}).then(()=>{window.location.href=l.link}).catch(()=>{window.location.href=l.link})})}else window.location.href=l.link},className:`jsx-${u.__hash}`,children:[(0,t.jsxs)("article",{className:`jsx-${u.__hash}`,children:[(0,t.jsxs)("div",{className:`jsx-${u.__hash} thumbnail ${x?"hide-overlay":""}`,children:[!1,(0,t.jsx)(c.f,{ratio:f||9/16,thread:l,borderRadius:8,forceUsingThumbnail:!0,simpleMode:!0,noBorder:!0}),"overlay"===m&&(0,t.jsx)("span",{className:`jsx-${u.__hash} thread-title`,children:l.title})]}),"below"===m&&(0,t.jsxs)(s.Fragment,{children:[(0,t.jsx)("div",{className:`jsx-${u.__hash} bottom-author`,children:(0,t.jsx)("span",{className:`jsx-${u.__hash}`,children:l.author.name})}),(0,t.jsx)("p",{className:`jsx-${u.__hash} bottom-title`,children:l.title})]})]}),(0,t.jsx)(a.default,{id:u.__hash,children:u})]})}),m=new String(".foru-containers.jsx-c20be6f9657cde3c{background-color:var(--post-background);flex-direction:column;margin-left:-10px;margin-right:-10px;padding:16px 12px;display:flex}@media (width>=576px){.foru-containers.jsx-c20be6f9657cde3c{border-radius:8px;margin-left:0;margin-right:0;padding:30px 24px}}.section-heading.jsx-c20be6f9657cde3c{margin-bottom:0}.header-container.jsx-c20be6f9657cde3c{justify-content:flex-start;align-items:flex-end;margin-bottom:24px;display:flex;position:relative}.threads.jsx-c20be6f9657cde3c{padding-bottom:4px;display:flex;overflow-x:auto}.item.jsx-c20be6f9657cde3c{background-image:var(--post-background);border-radius:8px;min-width:168px;margin-right:16px;overflow:hidden}.banner-container.jsx-c20be6f9657cde3c{margin-bottom:16px}.call-to-action-section.jsx-c20be6f9657cde3c{margin-left:8px;display:flex}.call-to-action-section.jsx-c20be6f9657cde3c a.jsx-c20be6f9657cde3c{color:var(--primary-color);font-size:14px;line-height:20px}");m.__hash="c20be6f9657cde3c";let x={_bdImageApiThreadThumbnailWidth:"320",_bdImageApiThreadThumbnailHeight:"sw"},g=({api:e,inputThreads:n,tag:i,goToUrl:l,logoUrl:d,title:c,hideTitle:h,colorPrefix:u,ctaUrl:p,ctaTitle:x,imageRatio:g,threadTitlePosition:b,hideThumbnailOverlay:j,threadClickEventName:v,bannerImg:_,bannerImgMobile:y,bannerUrl:w,viewAllTitle:k,viewAllUrl:N})=>{let[S,$]=(0,s.useState)(n);(0,s.useEffect)(()=>{n&&n.length>0&&$(n)},[n]);let T=(t,a=[])=>{e.onAuthenticated(()=>{let s=new o.U(e),n=[...a,{key:"tag",value:i}];s.trackEvent(t,e.getUserId(),n)})};return S?(0,t.jsxs)("div",{className:`jsx-${m.__hash} foru-containers`,children:[w&&(0,t.jsx)("div",{className:`jsx-${m.__hash} banner-container`,children:(0,t.jsxs)("a",{href:w,onClick:()=>T(r.f.Special_Threads_By_Tag_Banner_Click),className:`jsx-${m.__hash}`,children:[(0,t.jsx)("img",{src:_,alt:i,className:`jsx-${m.__hash} hidden-xs`}),(0,t.jsx)("img",{src:y,alt:i,className:`jsx-${m.__hash} visible-xs`})]})}),(0,t.jsxs)("div",{className:`jsx-${m.__hash} header-container`,children:[(0,t.jsxs)("a",{href:l,onClick:()=>T(r.f.Special_Threads_By_Tag_Title_Click),className:`jsx-${m.__hash}`,children:[d&&(0,t.jsx)("img",{src:d,alt:c,className:`jsx-${m.__hash} deeptalk-logo`}),!h&&(0,t.jsx)("h3",{className:`jsx-${m.__hash} section-heading`,children:c})]}),(0,t.jsxs)("div",{className:`jsx-${m.__hash} call-to-action-section`,children:[k&&(0,t.jsx)("a",{href:N,onClick:()=>T(r.f.Special_Threads_By_Tag_View_All_Click),className:`jsx-${m.__hash} `,children:k}),x&&(0,t.jsx)("a",{href:p,onClick:()=>T(r.f.Special_Threads_By_Tag_CTA_Click),className:`jsx-${m.__hash} `,children:x})]})]}),(0,t.jsx)("div",{className:`jsx-${m.__hash} threads`,children:S&&S.length>0&&S.map(e=>(0,t.jsx)("div",{className:`jsx-${m.__hash} item`,children:(0,t.jsx)(f,{tag:i,thread:e,colorPrefix:u,imageRatio:g,threadTitlePosition:b,hideThumbnailOverlay:j,threadClickEventName:v})},e.id))}),(0,t.jsx)(a.default,{id:m.__hash,children:m})]}):null};g.defaultProps={inputThreads:[]},g.apiFetches={inputThreads:(e,{tagId:t})=>({...{uri:`tags/${t}/threads`,method:"GET",params:{page:1,limit:10,method:"GET",order:"thread_create_date_reverse",fields_include:"content.thread_id,content.thread_title,content.thread_image.link,content.thread_thumbnail.link,content.links.permalink,content.creator_user_id,content.creator_username,content.thread_prefixes",...x}},success:e=>(0,i.default)(e,"threads",[]).filter(e=>"thread"===e.content_type).map(l.U)})};let b=n.f.ApiConsumer(g);e.s(["f",0,b],907596)},517794,e=>{var t,a,s=e.i(391398),n=e.i(191788);e.i(966278);var i=e.i(318398),r=e.i(147308),o=e.i(758568),l=e.i(145246),d=n,c=e.i(48244);function h(){return(h=Object.assign.bind()).apply(null,arguments)}let u=function(e){return n.createElement("svg",h({xmlns:"http://www.w3.org/2000/svg",width:30,height:22,viewBox:"0 0 30 22"},e),t||(t=n.createElement("path",{fill:"#D9252A",d:"M29.249 3.643c-.344-1.337-1.356-2.39-2.641-2.748-2.33-.65-11.671-.65-11.671-.65s-9.342 0-11.672.65C1.98 1.252.968 2.305.625 3.643 0 6.066 0 11.123 0 11.123s0 5.056.624 7.48c.344 1.337 1.356 2.39 2.641 2.747 2.33.65 11.672.65 11.672.65s9.341 0 11.671-.65c1.285-.357 2.297-1.41 2.641-2.747.624-2.424.624-7.48.624-7.48s0-5.057-.624-7.48"})),a||(a=n.createElement("path",{fill:"#FFFFFE",d:"m11.95 15.784 7.76-4.661-7.76-4.662z"})))},p=new String("h3.jsx-1b703bc3a78d72e8 svg{vertical-align:middle;display:inline-block}.section-heading.jsx-1b703bc3a78d72e8{vertical-align:middle}a.jsx-1b703bc3a78d72e8{display:block}span.jsx-1b703bc3a78d72e8{margin-left:12px}");p.__hash="1b703bc3a78d72e8";let f=()=>(0,s.jsxs)("h3",{className:`jsx-${p.__hash}`,children:[(0,s.jsxs)("a",{href:"https://youtube.com/user/tinhtevideo",className:`jsx-${p.__hash}`,children:[(0,s.jsx)(u,{}),(0,s.jsx)("span",{className:`jsx-${p.__hash} section-heading`,children:"Video Tinh tế"})]}),(0,s.jsx)(l.default,{id:p.__hash,children:p})]}),m=new String(".main.jsx-524b192ba37828db{width:100%;position:relative}.iframe-wrapper.jsx-524b192ba37828db{width:100%;padding-top:56.25%;position:relative}iframe.jsx-524b192ba37828db{position:absolute;top:0;left:0}");m.__hash="524b192ba37828db";let x=({video:e})=>(0,s.jsxs)("div",{className:`jsx-${m.__hash} main`,children:[(0,s.jsx)("div",{className:`jsx-${m.__hash} iframe-wrapper`,children:(0,s.jsx)("iframe",{width:"100%",height:"100%",allowFullScreen:!0,src:`https://www.youtube.com/embed/${e.id}`,frameBorder:"0",allow:"autoplay; encrypted-media",title:"Latest video of Tinh Te's Youtube",className:`jsx-${m.__hash}`})}),(0,s.jsx)(l.default,{id:m.__hash,children:m})]});var g=e.i(917849);let b=new String('ol.jsx-1f1fbc9090a96efd{width:100%;display:inline-block}.active.jsx-1f1fbc9090a96efd{background-color:var(--yt-active-selection)}li.jsx-1f1fbc9090a96efd{padding:16px 10px}li.jsx-1f1fbc9090a96efd:hover{background-color:var(--yt-active-selection)}.videoRow.jsx-1f1fbc9090a96efd{outline:none;align-items:center;width:100%;display:flex;overflow:hidden}a.jsx-1f1fbc9090a96efd{max-height:90px;display:flex;overflow:hidden}.thumb.jsx-1f1fbc9090a96efd{border-radius:8px;flex:none;display:block}.content.jsx-1f1fbc9090a96efd{flex:1 1 0;margin-left:12px}.title.jsx-1f1fbc9090a96efd{color:var(--inverse-text);text-align:left;font-weight:600;overflow:hidden}a.jsx-1f1fbc9090a96efd:hover .title.jsx-1f1fbc9090a96efd{text-decoration:underline}.info.jsx-1f1fbc9090a96efd{color:var(--inverse-text);text-align:left;font-size:13px}.view.jsx-1f1fbc9090a96efd:before{content:" – "}');b.__hash="1f1fbc9090a96efd";let j=({id:e,isActive:t,changePrimaryVideoHandler:a})=>{let[i,r]=(0,n.useState)(!1),[o,d]=(0,n.useState)(""),[c,h]=(0,n.useState)(!1);(0,n.useEffect)(()=>{r(!0),fetch(`https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=${e}&format=json`).then(e=>{if(!e.ok)throw Error();return e.json()}).then(e=>d(e.title)).catch(()=>h(!0)).finally(()=>r(!1))},[e]);let u=(0,n.useCallback)(()=>{a({id:e})},[e]);return c?null:(0,s.jsxs)("li",{className:`jsx-${b.__hash} `+((t?"active":"normal")||""),children:[(0,s.jsxs)("button",{onClick:u,className:`jsx-${b.__hash} videoRow`,children:[(0,s.jsx)(g.default,{height:53,offset:100,children:(0,s.jsx)("img",{src:`https://img.youtube.com/vi/${e}/mqdefault.jpg`,width:"132",height:"74",alt:o,className:`jsx-${b.__hash} thumb`})}),(0,s.jsx)("div",{className:`jsx-${b.__hash} content`,children:!i&&(0,s.jsx)("h4",{className:`jsx-${b.__hash} title`,children:o})})]}),(0,s.jsx)(l.default,{id:b.__hash,children:b})]})},v=({homeYoutubeIds:e,primaryId:t,changePrimaryVideoHandler:a})=>0===e.length?null:(0,s.jsxs)("ol",{className:`jsx-${b.__hash}`,children:[e.map(e=>(0,s.jsx)(j,{id:e,isActive:t===e,changePrimaryVideoHandler:a},e)),(0,s.jsx)(l.default,{id:b.__hash,children:b})]});var _=n,y=e.i(612683);let w=new String('ol.jsx-1f1fbc9090a96efd{width:100%;display:inline-block}.active.jsx-1f1fbc9090a96efd{background-color:var(--yt-active-selection)}li.jsx-1f1fbc9090a96efd{padding:16px 10px}li.jsx-1f1fbc9090a96efd:hover{background-color:var(--yt-active-selection)}.videoRow.jsx-1f1fbc9090a96efd{outline:none;align-items:center;width:100%;display:flex;overflow:hidden}a.jsx-1f1fbc9090a96efd{max-height:90px;display:flex;overflow:hidden}.thumb.jsx-1f1fbc9090a96efd{border-radius:8px;flex:none;display:block}.content.jsx-1f1fbc9090a96efd{flex:1 1 0;margin-left:12px}.title.jsx-1f1fbc9090a96efd{color:var(--inverse-text);text-align:left;font-weight:600;overflow:hidden}a.jsx-1f1fbc9090a96efd:hover .title.jsx-1f1fbc9090a96efd{text-decoration:underline}.info.jsx-1f1fbc9090a96efd{color:var(--inverse-text);text-align:left;font-size:13px}.view.jsx-1f1fbc9090a96efd:before{content:" – "}');w.__hash="1f1fbc9090a96efd";class k extends _.default.Component{constructor(e){super(e),this.state={videos:this.props.videos,primaryId:this.props.primaryId}}UNSAFE_componentWillReceiveProps(e){e.primaryId!==this.props.primaryId&&this.setState({primaryId:e.primaryId})}changePrimaryVideo(e){this.props.changePrimaryVideoHandler(e),this.setState({primaryId:e.id})}isSelectedVideo(e){return this.state.primaryId===e.id}render(){return(0,s.jsxs)("ol",{className:`jsx-${w.__hash}`,children:[(this.state.videos||[]).map(e=>(0,s.jsx)("li",{className:`jsx-${w.__hash} `+((this.isSelectedVideo(e)?"active":"normal")||""),children:(0,s.jsxs)("button",{onClick:()=>this.changePrimaryVideo(e),className:`jsx-${w.__hash} videoRow`,children:[(0,s.jsx)(g.default,{height:53,offset:100,children:(0,s.jsx)("img",{src:e.thumb,width:"132",height:"74",alt:e.title,className:`jsx-${w.__hash} thumb`})}),(0,s.jsxs)("div",{className:`jsx-${w.__hash} content`,children:[(0,s.jsx)("h4",{className:`jsx-${w.__hash} title`,children:e.title}),(0,s.jsxs)("p",{className:`jsx-${w.__hash} info`,children:[(0,s.jsx)("span",{className:`jsx-${w.__hash} duration`,children:e.duration}),(0,s.jsxs)("span",{className:`jsx-${w.__hash} view`,children:[(0,s.jsx)(y.f,{value:e.stats.view})," lượt xem"]})]})]})]})},e.id)),(0,s.jsx)(l.default,{id:w.__hash,children:w})]})}}let N=new String(".body.jsx-2ff0dee1f13c7f25{padding:0 0 16px}.primary.jsx-2ff0dee1f13c7f25{border-radius:8px 8px 0 0;margin-top:16px;overflow:hidden}.others.jsx-2ff0dee1f13c7f25{background-color:var(--yt-background);height:348px;overflow-y:auto}@media (width<=767px){.primary.jsx-2ff0dee1f13c7f25{margin-top:18px}}@media (width<=1000px){.others.jsx-2ff0dee1f13c7f25{height:231px}}");N.__hash="2ff0dee1f13c7f25";class S extends d.default.Component{constructor(e){super(e);let t=e.topVideo&&e.topVideo.homeYoutubeIds?e.topVideo.homeYoutubeIds.split(","):[],a=this.props.videos&&this.props.videos.length>0?this.props.videos[0]:{};t.length>0&&(a={id:t[0]}),this.state={primary:a,others:this.props.videos,more:this.props.more,homeYoutubeIds:t},this.changePrimaryVideoHandler=this.changePrimaryVideoHandler.bind(this),this.onViewMoreClick=this.onViewMoreClick.bind(this)}onViewMoreClick(){window.location.href=this.state.more}changePrimaryVideoHandler(e){this.setState({primary:e})}render(){return(0,s.jsxs)("div",{className:`jsx-${N.__hash} youtube-videos`,children:[(0,s.jsxs)("div",{className:`jsx-${N.__hash} body`,children:[(0,s.jsx)("div",{className:`jsx-${N.__hash} title`,children:(0,s.jsx)(f,{})}),(0,s.jsx)("div",{className:`jsx-${N.__hash} primary`,children:(0,s.jsx)(x,{video:this.state.primary})}),(0,s.jsxs)("div",{className:`jsx-${N.__hash} others`,children:[(0,s.jsx)(v,{primaryId:this.state.primary.id,homeYoutubeIds:this.state.homeYoutubeIds,changePrimaryVideoHandler:this.changePrimaryVideoHandler}),(0,s.jsx)(k,{videos:this.state.others,primaryId:this.state.primary.id,changePrimaryVideoHandler:this.changePrimaryVideoHandler})]})]}),(0,s.jsx)("button",{onClick:this.onViewMoreClick,className:`jsx-${N.__hash} button button-full-size button-light`,children:"Xem thêm trên Youtube"}),(0,s.jsx)(l.default,{id:N.__hash,children:N})]})}}let $=c.f.subscribe(S,({topVideo:e})=>({topVideo:e})),T=({videos:e,more:t})=>(0,s.jsx)($,{videos:e,more:t||"https://youtube.com/user/tinhtevideo"});T.defaultProps={videos:[]},T.apiFetches={videos:{uri:"tinhte/youtube-videos",success:e=>(0,o.default)(e,"videos.items",[]).map(r.f).slice(0,9)}};let D=i.f.ApiConsumer(T);e.s(["f",0,D],517794)},654989,e=>{e.s(["f",0,e=>{if(void 0===e)return null;let t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(e,t,a,s)=>t+t+a+a+s+s),a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return a?{r:parseInt(a[1],16),g:parseInt(a[2],16),b:parseInt(a[3],16)}:null}])}],954489,(e,t,a)=>{var s=e.r(338402),n=e.r(640535);t.exports=function(e){return n(s(e))}},966762,(e,t,a)=>{var s=e.r(576723),n=e.r(55300);t.exports=function e(t,a,i,r,o){var l=-1,d=t.length;for(i||(i=n),o||(o=[]);++l<d;){var c=t[l];a>0&&i(c)?a>1?e(c,a-1,i,r,o):s(o,c):r||(o[o.length]=c)}return o}},633219,(e,t,a)=>{var s=e.r(165621),n=e.r(517217);t.exports=function(e,t){return s(e,t,function(t,a){return n(e,a)})}},165621,(e,t,a)=>{var s=e.r(928267),n=e.r(527460),i=e.r(478969);t.exports=function(e,t,a){for(var r=-1,o=t.length,l={};++r<o;){var d=t[r],c=s(e,d);a(c,d)&&n(l,i(d,e),c)}return l}},527460,(e,t,a)=>{var s=e.r(793035),n=e.r(478969),i=e.r(805251),r=e.r(903275),o=e.r(598921);t.exports=function(e,t,a,l){if(!r(e))return e;t=n(t,e);for(var d=-1,c=t.length,h=c-1,u=e;null!=u&&++d<c;){var p=o(t[d]),f=a;if("__proto__"===p||"constructor"===p||"prototype"===p)break;if(d!=h){var m=u[p];void 0===(f=l?l(m,p,u):void 0)&&(f=r(m)?m:i(t[d+1])?[]:{})}s(u,p,f),u=u[p]}return e}},415707,(e,t,a)=>{var s=e.r(640535),n=e.r(636890);t.exports=function(e){return s(n(e))}},510228,(e,t,a)=>{var s=e.r(951660),n=e.r(199491),i=e.r(535886);t.exports=function(e){return i(n(e,void 0,s),e+"")}},55300,(e,t,a)=>{var s=e.r(480783),n=e.r(713266),i=e.r(448684),r=s?s.isConcatSpreadable:void 0;t.exports=function(e){return i(e)||n(e)||!!(r&&e&&e[r])}},951660,(e,t,a)=>{var s=e.r(966762);t.exports=function(e){return(null==e?0:e.length)?s(e,1):[]}},408040,(e,t,a)=>{var s=e.r(633219);t.exports=e.r(510228)(function(e,t){return null==e?{}:s(e,t)})},910656,(e,t,a)=>{var s=e.r(954489),n=e.r(415707),i=e.r(448684);t.exports=function(e){return(i(e)?s:n)(e)}},806683,(e,t,a)=>{function s(){for(var e,t,a=0,s="",n=arguments.length;a<n;a++)(e=arguments[a])&&(t=function e(t){var a,s,n="";if("string"==typeof t||"number"==typeof t)n+=t;else if("object"==typeof t)if(Array.isArray(t)){var i=t.length;for(a=0;a<i;a++)t[a]&&(s=e(t[a]))&&(n&&(n+=" "),n+=s)}else for(s in t)t[s]&&(n&&(n+=" "),n+=s);return n}(e))&&(s&&(s+=" "),s+=t);return s}t.exports=s,t.exports.clsx=s},227483,(e,t,a)=>{e.i(350461),t.exports=e.r(417140)()},939814,e=>{e.q("/_next/static/media/AdBlock.0ahpx_onevt57.png")},701902,e=>{e.q("/_next/static/media/AdBlockPlus.3n-dfjna92loe.png")},614952,e=>{e.q("/_next/static/media/BrowserAdBlock.204r4cd9p662k.png")},704625,e=>{e.q("/_next/static/media/BrowserAdBlockPlus.09x5ty6h05yg6.png")},899636,e=>{e.q("/_next/static/media/BrowserUBlock.0_xlqtzz3wayp.png")},896082,e=>{e.q("/_next/static/media/OtherIcon.0o4tpbfwf3ofq.png")},278741,e=>{e.q("/_next/static/media/UBlock.2inm1brc_z4yh.png")},889801,e=>{e.q("/_next/static/media/Feed.3wpspny872r9-.png")},171447,e=>{e.q("/_next/static/media/LinkIconOnly.1i790dah1y2qf.png")},617645,e=>{e.q("/_next/static/media/PencilIcon.1lcrcy5oy2l9-.png")},752445,e=>{e.q("/_next/static/media/TinhteLogo.36yrjhch50d4v.png")},407719,e=>{e.q("/_next/static/media/HashTag.3mvxjhds9cjv2.png")},313821,e=>{e.q("/_next/static/media/icon-share-42x42-black.2qz4iezryca0z.png")}]);