(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 d.default}}),a.default=void 0;var n=p(e.r(191788)),s=u(e.r(227483)),i=u(e.r(730943)),r=e.r(806683),o=e.r(976636),l=e.r(301461),c=e.r(431223),d=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,n=new WeakMap;return(p=function(e,t){if(!t&&e&&e.__esModule)return e;var s,i,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(s=t?n:a){if(s.has(e))return s.get(e);s.set(e,r)}for(let t in e)"default"!==t&&({}).hasOwnProperty.call(e,t)&&((i=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?s(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 n;return(t="symbol"==typeof(n=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t||"default");if("object"!=typeof n)return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"))?n:n+"")in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}class x extends n.Component{static getDerivedStateFromProps(e,t){let{position:a}=e,{prevPropsPosition:n}=t;return a&&(!n||a.x!==n.x||a.y!==n.y)?((0,h.default)("Draggable: getDerivedStateFromProps %j",{position:a,prevPropsPosition:n}),{x:a.x,y:a.y,prevPropsPosition:{...a}}):null}componentDidMount(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.state.dragging&&this.setState({dragging:!1})}findDOMNode(){var e,t,a;return null!=(e=null==(a=this.props)||null==(t=a.nodeRef)?void 0:t.current)?e:i.default.findDOMNode(this)}render(){let{axis:e,bounds:t,children:a,defaultPosition:s,defaultClassName:i,defaultClassNameDragging:c,defaultClassNameDragged:h,position:u,positionOffset:p,scale:m,...x}=this.props,g={},b=null,j=!u||this.state.dragging,v=u||s,_={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,{[c]:this.state.dragging,[h]:this.state.dragged});return n.createElement(d.default,f({},x,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(a),{className:y,style:{...a.props.style,...g},transform:b}))}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),n={x:a.x,y:a.y,slackX:0,slackY:0};if(this.props.bounds){let{x:e,y:t}=n;n.x+=this.state.slackX,n.y+=this.state.slackY;let[s,i]=(0,l.getBoundPosition)(this,n.x,n.y);n.x=s,n.y=i,n.slackX=this.state.slackX+(e-n.x),n.slackY=this.state.slackY+(t-n.y),a.x=n.x,a.y=n.y,a.deltaX=n.x-this.state.x,a.deltaY=n.y-this.state.y}if(!1===this.props.onDrag(e,a))return!1;this.setState(n)}),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 , 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.")}}a.default=x,m(x,"displayName","Draggable"),m(x,"propTypes",{...d.default.propTypes,axis:s.default.oneOf(["both","x","y","none"]),bounds:s.default.oneOfType([s.default.shape({left:s.default.number,right:s.default.number,top:s.default.number,bottom:s.default.number}),s.default.string,s.default.oneOf([!1])]),defaultClassName:s.default.string,defaultClassNameDragging:s.default.string,defaultClassNameDragged:s.default.string,defaultPosition:s.default.shape({x:s.default.number,y:s.default.number}),positionOffset:s.default.shape({x:s.default.oneOfType([s.default.number,s.default.string]),y:s.default.oneOfType([s.default.number,s.default.string])}),position:s.default.shape({x:s.default.number,y:s.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe}),m(x,"defaultProps",{...d.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 n=h(e.r(191788)),s=d(e.r(227483)),i=d(e.r(730943)),r=e.r(976636),o=e.r(301461),l=e.r(431223),c=d(e.r(62029));function d(e){return e&&e.__esModule?e:{default:e}}function h(e,t){if("function"==typeof WeakMap)var a=new WeakMap,n=new WeakMap;return(h=function(e,t){if(!t&&e&&e.__esModule)return e;var s,i,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(s=t?n:a){if(s.has(e))return s.get(e);s.set(e,r)}for(let t in e)"default"!==t&&({}).hasOwnProperty.call(e,t)&&((i=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?s(r,t,i):r[t]=e[t]);return r})(e,t)}function u(e,t,a){var n;return(t="symbol"==typeof(n=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var n=a.call(e,t||"default");if("object"!=typeof n)return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"))?n:n+"")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 n.Component{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(){var e,t,a;return(null==(e=this.props)?void 0:e.nodeRef)?null==(a=this.props)||null==(t=a.nodeRef)?void 0:t.current:i.default.findDOMNode(this)}render(){return n.cloneElement(n.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}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(" 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 n=(0,r.getTouchIdentifier)(e);this.touchIdentifier=n;let s=(0,o.getControlPosition)(e,n,this);if(null==s)return;let{x:i,y:l}=s,d=(0,o.createCoreData)(this,i,l);(0,c.default)("DraggableCore: handleDragStart: %j",d),(0,c.default)("calling",this.props.onStart),!1!==this.props.onStart(e,d)&&!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:n}=t;if(Array.isArray(this.props.grid)){let e=a-this.lastX,t=n-this.lastY;if([e,t]=(0,o.snapToGrid)(this.props.grid,e,t),!e&&!t)return;a=this.lastX+e,n=this.lastY+t}let s=(0,o.createCoreData)(this,a,n);if((0,c.default)("DraggableCore: handleDrag: %j",s),!1===this.props.onDrag(e,s)||!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=n}),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:n}=t;if(Array.isArray(this.props.grid)){let e=a-this.lastX||0,t=n-this.lastY||0;[e,t]=(0,o.snapToGrid)(this.props.grid,e,t),a=this.lastX+e,n=this.lastY+t}let s=(0,o.createCoreData)(this,a,n);if(!1===this.props.onStop(e,s)||!1===this.mounted)return!1;let i=this.findDOMNode();i&&this.props.enableUserSelectHack&&(0,r.scheduleRemoveUserSelectStyles)(i.ownerDocument),(0,c.default)("DraggableCore: handleDragStop: %j",s),this.dragging=!1,this.lastX=0/0,this.lastY=0/0,i&&((0,c.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)))}}a.default=x,u(x,"displayName","DraggableCore"),u(x,"propTypes",{allowAnyClick:s.default.bool,allowMobileScroll:s.default.bool,children:s.default.node.isRequired,disabled:s.default.bool,enableUserSelectHack:s.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw Error("Draggable's offsetParent must be a DOM Node.")},grid:s.default.arrayOf(s.default.number),handle:s.default.string,cancel:s.default.string,nodeRef:s.default.object,onStart:s.default.func,onDrag:s.default.func,onStop:s.default.func,onMouseDown:s.default.func,scale:s.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:n,DraggableCore:s}=e.r(978444);t.exports=n,t.exports.default=n,t.exports.DraggableCore=s},976636,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.addClassName=d,a.addEvent=function(e,t,a,n){if(!e)return;let s={capture:!0,...n};e.addEventListener?e.addEventListener(t,a,s):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&&d(e.body,"react-draggable-transparent-selection")},a.createCSSTransform=function(e,t){let a=l(e,t,"px");return{[(0,s.browserPrefixToKey)("transform",s.default)]:a}},a.createSVGTransform=function(e,t){return l(e,t,"")},a.getTouch=function(e,t){return e.targetTouches&&(0,n.findInArray)(e.targetTouches,e=>t===e.identifier)||e.changedTouches&&(0,n.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,n.int)(a.paddingTop),t-=(0,n.int)(a.paddingBottom)},a.innerWidth=function(e){let t=e.clientWidth,a=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,n.int)(a.paddingLeft),t-=(0,n.int)(a.paddingRight)},a.matchesSelector=o,a.matchesSelectorAndParentsTo=function(e,t,a){let n=e;do{if(o(n,t))return!0;if(n===a)break;n=n.parentNode}while(n)return!1},a.offsetXYFromParent=function(e,t,a){let n=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect();return{x:(e.clientX+t.scrollLeft-n.left)/a,y:(e.clientY+t.scrollTop-n.top)/a}},a.outerHeight=function(e){let t=e.clientHeight,a=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,n.int)(a.borderTopWidth),t+=(0,n.int)(a.borderBottomWidth)},a.outerWidth=function(e){let t=e.clientWidth,a=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,n.int)(a.borderLeftWidth),t+=(0,n.int)(a.borderRightWidth)},a.removeClassName=h,a.removeEvent=function(e,t,a,n){if(!e)return;let s={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,a,s):e.detachEvent?e.detachEvent("on"+t,a):e["on"+t]=null},a.scheduleRemoveUserSelectStyles=function(e){window.requestAnimationFrame?window.requestAnimationFrame(()=>{c(e)}):c(e)};var n=e.r(431223),s=i(e.r(66228));function i(e,t){if("function"==typeof WeakMap)var a=new WeakMap,n=new WeakMap;return(i=function(e,t){if(!t&&e&&e.__esModule)return e;var s,i,r={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return r;if(s=t?n:a){if(s.has(e))return s.get(e);s.set(e,r)}for(let t in e)"default"!==t&&({}).hasOwnProperty.call(e,t)&&((i=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?s(r,t,i):r[t]=e[t]);return r})(e,t)}let r="";function o(e,t){return r||(r=(0,n.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(t){return(0,n.isFunction)(e[t])})),!!(0,n.isFunction)(e[r])&&e[r](t)}function l(e,t,a){let{x:n,y:s}=e,i="translate(".concat(n).concat(a,",").concat(s).concat(a,")");if(t){let e="".concat("string"==typeof t.x?t.x:t.x+a),n="".concat("string"==typeof t.y?t.y:t.y+a);i="translate(".concat(e,", ").concat(n,")")+i}return i}function c(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 d(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function h(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}},66228,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.browserPrefixToKey=i,a.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},a.default=void 0,a.getPrefix=s;let n=["Moz","Webkit","O","ms"];function s(){var e,t;let a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("u"{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 s=!(0,n.isNum)(e.lastX),r=i(e);return s?{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,n.int)(r.paddingLeft)+(0,n.int)(i.marginLeft),top:-l.offsetTop+(0,n.int)(r.paddingTop)+(0,n.int)(i.marginTop),right:(0,s.innerWidth)(e)-(0,s.outerWidth)(l)-l.offsetLeft+(0,n.int)(r.paddingRight)-(0,n.int)(i.marginRight),bottom:(0,s.innerHeight)(e)-(0,s.outerHeight)(l)-l.offsetTop+(0,n.int)(r.paddingBottom)-(0,n.int)(i.marginBottom)}}return(0,n.isNum)(o.right)&&(t=Math.min(t,o.right)),(0,n.isNum)(o.bottom)&&(a=Math.min(a,o.bottom)),(0,n.isNum)(o.left)&&(t=Math.max(t,o.left)),(0,n.isNum)(o.top)&&(a=Math.max(a,o.top)),[t,a]},a.getControlPosition=function(e,t,a){let n="number"==typeof t?(0,s.getTouch)(e,t):null;if("number"==typeof t&&!n)return null;let r=i(a),o=a.props.offsetParent||r.offsetParent||r.ownerDocument.body;return(0,s.offsetXYFromParent)(n||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 n=e.r(431223),s=e.r(976636);function i(e){let t=e.findDOMNode();if(!t)throw Error(": 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 ".concat(t," passed to ").concat(a," - do not set this, set it on the child."))},a.findInArray=function(e,t){for(let a=0,n=e.length;a{var n=e.r(208135);function s(){}function i(){}i.resetWarningCache=s,t.exports=function(){function e(e,t,a,s,i,r){if(r!==n){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:s};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,n,s,i=e.i(391398),r=e.i(145246),o=e.i(191788);function l(){return(l=Object.assign.bind()).apply(null,arguments)}let c=e=>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})),n||(n=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"})),s||(s=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 d=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-".concat(h.__hash)+" visible-xs",children:[(0,i.jsx)(d.default,{onStart:(t,a)=>{e.current=a},onStop:(t,a)=>{let{lastX:n,lastY:s}=e.current,{lastX:i,lastY:r}=a;if(Math.round(n)===Math.round(i)&&Math.round(s)===Math.round(r)){let e=document.getElementById("createFactButton");e&&e.click()}},children:(0,i.jsx)("button",{id:"createFactMobile",title:"Create fact mobile",className:"jsx-".concat(h.__hash)+" button",children:(0,i.jsx)(c,{})})}),(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,e=>{let{adsId:n}=e;return(0,a.useEffect)(()=>{let e=setTimeout(()=>{window.powerTag&&window.powerAPITag&&n&&(window.powerTag.Init=window.powerTag.Init||[]).push(()=>{window.powerAPITag.display(n)})},1e3);return()=>{clearTimeout(e)}},[n]),(0,t.jsx)("div",{style:{width:310,height:250,display:"block",margin:"0 auto"},children:(0,t.jsx)("pubtag",{className:"adsbypubpower","data-ad-slot":n})})}])},358702,e=>{var t,a,n,s,i,r,o,l,c,d,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=e=>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"}))),n||(n=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"})),s||(s=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 T=e=>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 D(){return(D=Object.assign.bind()).apply(null,arguments)}let E=e=>p.createElement("svg",D({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 C(){return(C=Object.assign.bind()).apply(null,arguments)}let M=e=>p.createElement("svg",C({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"})),c||(c=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 P(){return(P=Object.assign.bind()).apply(null,arguments)}let O=e=>p.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg",width:18,height:15,fill:"none",viewBox:"0 0 18 15"},e),d||(d=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"}))),A=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 (min-width:701px){.image.jsx-934b9dcc82ee2b72{width:250px}}@media (max-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 (min-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 (min-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}");A.__hash="934b9dcc82ee2b72";let I=f.f.ApiConsumer(e=>{let{api:t,user:a,item:n,eventLabel:s,position:i,showThumbnail:r,taFromBlock:o}=e,[l,c]=(0,p.useState)(n),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()}}},f=o?"".concat(l.link,"?ta_from_block=").concat(o):l.link;return(0,h.jsxs)(p.Fragment,{children:["upper"===i||"middle"===i?(0,h.jsxs)("div",{className:"jsx-".concat(A.__hash)+" main upper",children:[(0,h.jsxs)("div",{className:"jsx-".concat(A.__hash)+" post",children:[(0,h.jsx)("h3",{className:"jsx-".concat(A.__hash)+" thread-title",children:(0,h.jsx)("a",{title:l.title,href:l.link,target:"_blank",className:"jsx-".concat(A.__hash),children:l.title})}),(0,h.jsx)("div",{className:"jsx-".concat(A.__hash),children:l.excerpt}),r&&l.thumbnail&&""!==l.thumbnail?(0,h.jsx)("div",{style:{backgroundImage:"url(".concat(l.thumbnail,")")},className:"jsx-".concat(A.__hash)+" image upper"}):null,(0,h.jsxs)("div",{className:"jsx-".concat(A.__hash)+" footer",children:[(0,h.jsx)("div",{className:"jsx-".concat(A.__hash)+" author",children:(0,h.jsx)("div",{className:"jsx-".concat(A.__hash),children:(0,h.jsxs)("a",{href:l.author.link,className:"jsx-".concat(A.__hash)+" name",children:[(0,h.jsx)("span",{className:"jsx-".concat(A.__hash),children:l.author.name})," • ",(0,h.jsx)(y.f,{value:l.since,title:l.since_date})," trước"]})})}),(0,h.jsxs)("div",{className:"jsx-".concat(A.__hash)+" stats",children:[(0,h.jsxs)("span",{className:"jsx-".concat(A.__hash),children:[(0,h.jsxs)("span",{className:"jsx-".concat(A.__hash)+" like",children:[(0,h.jsx)(T,{})," ",l.stats.like]}),(0,h.jsxs)("span",{className:"jsx-".concat(A.__hash)+" comment",children:[(0,h.jsx)(E,{})," ",l.stats.comment]})]}),(0,h.jsxs)("span",{className:"jsx-".concat(A.__hash),children:[(0,h.jsx)("span",{className:"jsx-".concat(A.__hash)+" share",children:(0,h.jsx)("a",{target:"_blank",href:"https://www.facebook.com/sharer/sharer.php?u=".concat(l.link),className:"jsx-".concat(A.__hash),children:(0,h.jsx)(O,{})})}),(0,h.jsx)("button",{onClick:()=>d(l.link),className:"jsx-".concat(A.__hash)+" link",children:(0,h.jsx)(M,{})})]})]})]})]}),(0,h.jsxs)("div",{className:"jsx-".concat(A.__hash)+" actions",children:[(0,h.jsx)("span",{className:"jsx-".concat(A.__hash),children:(0,h.jsx)(w.f,{post:l.firstPost||n,onReact:(e,t,a)=>{let n=l.stats.like;e===N.U.Up&&(n+=1),e===N.U.Down&&(n-=1),c({...l,stats:{...l.stats,like:n}})}})}),(0,h.jsx)("span",{id:"comment-toggle-".concat(l.id),onClick:()=>{var e;let t,a,n;return e=l.id,t=document.getElementById(e),a=document.getElementById("comment-toggle-".concat(e)),n=t.style.display,void(t.style.display="none"===n?"block":"none",a.style.color="none"!==n?"inherit":"var(--primary-color)",a.style.fontWeight="none"!==n?"normal":"700")},className:"jsx-".concat(A.__hash)+" comment-toggle",children:"Phản hồi"}),a?(0,h.jsx)("div",{id:l.id,style:{display:"none"},className:"jsx-".concat(A.__hash)+" comment-box",children:(0,h.jsx)(k.f,{compact:!0,api:t,postToReply:l.firstPost||n,user:a,addPost:e=>{window.open("https://tinhte.vn/posts/".concat(e.id),"_blank").focus(),c({...l,stats:{...l.stats,comment:l.stats.comment+1}})}})}):(0,h.jsx)("div",{className:"jsx-".concat(A.__hash)})]})]}):(0,h.jsx)("a",{href:f,onClick:()=>{ga("send",{hitType:"event",eventCategory:b.f.tinhteHomeGAEventCategory,eventAction:b.f.gaEventClick,eventLabel:s||b.f.gaUnansweredPost,transport:"beacon"})},className:"jsx-".concat(A.__hash)+" main upper",children:(0,h.jsxs)("span",{className:"jsx-".concat(A.__hash),children:[(0,h.jsxs)("div",{className:"jsx-".concat(A.__hash)+" info",children:[l.author.avatar&&""!==l.author.avatar?(0,h.jsx)("img",{src:l.author.avatar,alt:l.author.name,width:"30",height:"30",className:"jsx-".concat(A.__hash)+" avatar"}):(0,h.jsx)("div",{className:"jsx-".concat(A.__hash)}),(0,h.jsxs)("div",{className:"jsx-".concat(A.__hash),children:[(0,h.jsx)("p",{className:"jsx-".concat(A.__hash)+" author",children:l.author.name}),(0,h.jsx)("p",{className:"jsx-".concat(A.__hash)+" since",children:(0,h.jsx)(y.f,{value:l.since})})]})]}),(0,h.jsxs)("p",{className:"jsx-".concat(A.__hash),children:["Trả lời trong: ",(0,h.jsx)("span",{className:"jsx-".concat(A.__hash)+" forumTitle",children:l._additional.forum.title})]}),(0,h.jsx)("h3",{className:"jsx-".concat(A.__hash)+" thread-title",children:l.title?l.title:l.thread.title}),(0,h.jsx)("p",{className:"jsx-".concat(A.__hash)+" body",children:l.excerpt})]})}),(0,h.jsx)(u.default,{id:A.__hash,children:A})]})}),B=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 (min-width:701px){.content.jsx-3d8530d226e4618c{padding:0}}@media (max-width:700px){.content.jsx-3d8530d226e4618c{padding:0}}@media (min-width:701px){.title.jsx-3d8530d226e4618c{padding-bottom:12px}}@media (max-width:700px){.title.jsx-3d8530d226e4618c{padding:0 0 12px 12px}}");B.__hash="3d8530d226e4618c";let L=e=>{let{user:t,item:a,eventLabel:n,position:s,showThumbnail:i,taFromBlock:r}=e;return(0,h.jsxs)("div",{className:"jsx-".concat(B.__hash)+" item",children:[(0,h.jsx)(I,{user:t,item:a,eventLabel:n,position:s,showThumbnail:i,taFromBlock:r}),(0,h.jsx)(u.default,{id:B.__hash,children:B})]})},U=[],V=e=>{let{user:t,questions:a=U,position:n,homePinnedThreads:s,taFromBlock:i,hideTitle:r=!1,hideViewMore:o=!1}=e,l=null;if("upper"===n){let e=b.f.gaUnansweredPostTopHome,o=a,c=!1;s&&s.length>0&&(o=s,c=!0),l=(0,h.jsxs)("div",{className:"jsx-".concat(B.__hash)+" single-main",children:[!r&&(0,h.jsx)("div",{className:"jsx-".concat(B.__hash)+" content",children:(0,h.jsx)("h3",{className:"jsx-".concat(B.__hash)+" section-heading",children:(0,h.jsx)("span",{className:"jsx-".concat(B.__hash),children:s&&s.length>0?"Đang hot":"Câu hỏi cần bạn giúp"})})}),(0,h.jsx)("div",{className:"jsx-".concat(B.__hash)+" question-list",children:o.map(a=>(0,h.jsx)(L,{user:t,item:a,eventLabel:e,position:n,showThumbnail:c,taFromBlock:i},"".concat(a.id)))}),(0,h.jsx)(u.default,{id:B.__hash,children:B})]})}else l=(0,h.jsxs)("div",{className:"jsx-".concat(B.__hash)+" new-questions",children:[!r&&(0,h.jsxs)("div",{className:"jsx-".concat(B.__hash)+" header",children:[(0,h.jsx)(v,{}),(0,h.jsx)("h3",{className:"jsx-".concat(B.__hash)+" section-heading",children:"Câu hỏi cần bạn giúp"})]}),(0,h.jsxs)("div",{className:"jsx-".concat(B.__hash)+" question-list",children:[a.map(e=>(0,h.jsx)(L,{user:t,position:"middle",item:e,taFromBlock:i},e.id)),!o&&(0,h.jsx)("button",{onClick:()=>{window.location.href="/hiepsi""},className:"jsx-".concat(B.__hash)+" button button-full-size button-light",children:"Xem thêm câu hỏi"})]}),(0,h.jsx)(u.default,{id:B.__hash,children:B})]});return l};V.apiFetches={questions:(e,t)=>{let{position:a,tag:n=""}=t;return{uri:"tinhte/cached-unanswered-posts?limit=5",params:{tag:n},success:e=>{let t=(0,m.default)(e,"posts",[]).map(e=>{let t,a,n,s,i;return t=(0,m.default)(e,"content_type","thread"),a=null,n=null,s=null,i={comment:0,like:0},"thread"===t&&(s=(n=(0,x.U)(e)).firstPost,i={...i,...n.stats}),"post"===e.content_type&&(n=(0,x.U)(e.thread),s=(0,g.U)(e,n),i={...i,...s.stats}),(a={...s}).contentType=t,a.threadId=n.id,a.threadLink=n.link,a.title=n.title,a.stats={comment:i.comment,like:i.like},a.forum={title:(0,m.default)(e,"_additional.forum_title",""),link:"/forums/".concat((0,m.default)(e,"_additional.forum_id",""))},a});return"upper"===a?t.slice(0,1):t.slice(0,t.length)}}},homePinnedThreads:{uri:x.Z,success:e=>(0,m.default)(e,"threads",[]).map(x.U)}};let Y=f.f.ApiConsumer(V);e.s(["f",0,Y],358702)},907596,e=>{var t=e.i(391398),a=e.i(145246),n=e.i(191788);e.i(966278);var s=e.i(318398),i=e.i(758568),r=e.i(456310),o=e.i(574186),l=e.i(913083),c=e.i(575835),d=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;top:0;bottom:0;left:0;right: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=s.f.ApiConsumer(e=>{let{api:s,threadClickEventName:i,tag:l,thread:h,colorPrefix:f,imageRatio:m,threadTitlePosition:x="overlay",hideThumbnailOverlay:g}=e,b=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];s.onAuthenticated(()=>{let a=new o.U(s),n=[...t,{key:"tag",value:l}];a.trackEvent(e,s.getUserId(),n)})},j=null;return h.prefixes&&h.prefixes.length>0&&([j]=h.prefixes),(0,t.jsxs)("a",{href:h.link,onClick:e=>{if(e.preventDefault(),ga("send",{hitType:"event",eventCategory:c.f.tinhteHomeGAEventCategory,eventAction:c.f.gaEventClick,eventLabel:c.f.gaSpecialThreadsByTagClick,transport:"beacon"}),b(r.f.Special_Threads_By_Tag_Thread_Item_Click),i){let e=null;window&&(e=window.document.referrer),s.onAuthenticated(()=>{s.post({uri:p.CLICK,params:{block_id:11,page:i,referrer:e,data:{thread_id:h.id}}}).then(()=>{window.location.href=h.link}).catch(()=>{window.location.href=h.link})})}else window.location.href=h.link},className:"jsx-".concat(u.__hash),children:[(0,t.jsxs)("article",{className:"jsx-".concat(u.__hash),children:[(0,t.jsxs)("div",{className:"jsx-".concat(u.__hash)+" "+"thumbnail ".concat(g?"hide-overlay":""),children:[!1,(0,t.jsx)(d.f,{ratio:m||9/16,thread:h,borderRadius:8,forceUsingThumbnail:!0,simpleMode:!0,noBorder:!0}),"overlay"===x&&(0,t.jsx)("span",{className:"jsx-".concat(u.__hash)+" thread-title",children:h.title})]}),"below"===x&&(0,t.jsxs)(n.Fragment,{children:[(0,t.jsx)("div",{className:"jsx-".concat(u.__hash)+" bottom-author",children:(0,t.jsx)("span",{className:"jsx-".concat(u.__hash),children:h.author.name})}),(0,t.jsx)("p",{className:"jsx-".concat(u.__hash)+" bottom-title",children:h.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 (min-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=[],b=e=>{let{api:s,inputThreads:i=g,tag:l,goToUrl:c,logoUrl:d,title:h,hideTitle:u,colorPrefix:p,ctaUrl:x,ctaTitle:b,imageRatio:j,threadTitlePosition:v,hideThumbnailOverlay:_,threadClickEventName:y,bannerImg:w,bannerImgMobile:k,bannerUrl:N,viewAllTitle:S,viewAllUrl:T}=e,[D,E]=(0,n.useState)(i);(0,n.useEffect)(()=>{i&&i.length>0&&E(i)},[i]);let C=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];s.onAuthenticated(()=>{let a=new o.U(s),n=[...t,{key:"tag",value:l}];a.trackEvent(e,s.getUserId(),n)})};return D?(0,t.jsxs)("div",{className:"jsx-".concat(m.__hash)+" foru-containers",children:[N&&(0,t.jsx)("div",{className:"jsx-".concat(m.__hash)+" banner-container",children:(0,t.jsxs)("a",{href:N,onClick:()=>C(r.f.Special_Threads_By_Tag_Banner_Click),className:"jsx-".concat(m.__hash),children:[(0,t.jsx)("img",{src:w,alt:l,className:"jsx-".concat(m.__hash)+" hidden-xs"}),(0,t.jsx)("img",{src:k,alt:l,className:"jsx-".concat(m.__hash)+" visible-xs"})]})}),(0,t.jsxs)("div",{className:"jsx-".concat(m.__hash)+" header-container",children:[(0,t.jsxs)("a",{href:c,onClick:()=>C(r.f.Special_Threads_By_Tag_Title_Click),className:"jsx-".concat(m.__hash),children:[d&&(0,t.jsx)("img",{src:d,alt:h,className:"jsx-".concat(m.__hash)+" deeptalk-logo"}),!u&&(0,t.jsx)("h3",{className:"jsx-".concat(m.__hash)+" section-heading",children:h})]}),(0,t.jsxs)("div",{className:"jsx-".concat(m.__hash)+" call-to-action-section",children:[S&&(0,t.jsx)("a",{href:T,onClick:()=>C(r.f.Special_Threads_By_Tag_View_All_Click),className:"jsx-".concat(m.__hash)+" ",children:S}),b&&(0,t.jsx)("a",{href:x,onClick:()=>C(r.f.Special_Threads_By_Tag_CTA_Click),className:"jsx-".concat(m.__hash)+" ",children:b})]})]}),(0,t.jsx)("div",{className:"jsx-".concat(m.__hash)+" threads",children:D&&D.length>0&&D.map(e=>(0,t.jsx)("div",{className:"jsx-".concat(m.__hash)+" item",children:(0,t.jsx)(f,{tag:l,thread:e,colorPrefix:p,imageRatio:j,threadTitlePosition:v,hideThumbnailOverlay:_,threadClickEventName:y})},e.id))}),(0,t.jsx)(a.default,{id:m.__hash,children:m})]}):null};b.apiFetches={inputThreads:(e,t)=>{let{tagId:a}=t;return{...{uri:"tags/".concat(a,"/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 j=s.f.ApiConsumer(b);e.s(["f",0,j],907596)},517794,e=>{var t,a,n=e.i(391398),s=e.i(191788);e.i(966278);var i=e.i(318398),r=e.i(147308),o=e.i(758568),l=e.i(145246),c=s,d=e.i(48244);function h(){return(h=Object.assign.bind()).apply(null,arguments)}let u=e=>s.createElement("svg",h({xmlns:"http://www.w3.org/2000/svg",width:30,height:22,viewBox:"0 0 30 22"},e),t||(t=s.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=s.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,n.jsxs)("h3",{className:"jsx-".concat(p.__hash),children:[(0,n.jsxs)("a",{href:"https://youtube.com/user/tinhtevideo",className:"jsx-".concat(p.__hash),children:[(0,n.jsx)(u,{}),(0,n.jsx)("span",{className:"jsx-".concat(p.__hash)+" section-heading",children:"Video Tinh tế"})]}),(0,n.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=e=>{let{video:t}=e;return(0,n.jsxs)("div",{className:"jsx-".concat(m.__hash)+" main",children:[(0,n.jsx)("div",{className:"jsx-".concat(m.__hash)+" iframe-wrapper",children:(0,n.jsx)("iframe",{width:"100%",height:"100%",allowFullScreen:!0,src:"https://www.youtube.com/embed/".concat(t.id),frameBorder:"0",allow:"autoplay; encrypted-media",title:"Latest video of Tinh Te's Youtube",className:"jsx-".concat(m.__hash)})}),(0,n.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=e=>{let{id:t,isActive:a,changePrimaryVideoHandler:i}=e,[r,o]=(0,s.useState)(!1),[c,d]=(0,s.useState)(""),[h,u]=(0,s.useState)(!1);(0,s.useEffect)(()=>{o(!0),fetch("https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=".concat(t,"&format=json")).then(e=>{if(!e.ok)throw Error();return e.json()}).then(e=>d(e.title)).catch(()=>u(!0)).finally(()=>o(!1))},[t]);let p=(0,s.useCallback)(()=>{i({id:t})},[t]);return h?null:(0,n.jsxs)("li",{className:"jsx-".concat(b.__hash)+" "+((a?"active":"normal")||""),children:[(0,n.jsxs)("button",{onClick:p,className:"jsx-".concat(b.__hash)+" videoRow",children:[(0,n.jsx)(g.default,{height:53,offset:100,children:(0,n.jsx)("img",{src:"https://img.youtube.com/vi/".concat(t,"/mqdefault.jpg"),width:"132",height:"74",alt:c,className:"jsx-".concat(b.__hash)+" thumb"})}),(0,n.jsx)("div",{className:"jsx-".concat(b.__hash)+" content",children:!r&&(0,n.jsx)("h4",{className:"jsx-".concat(b.__hash)+" title",children:c})})]}),(0,n.jsx)(l.default,{id:b.__hash,children:b})]})},v=e=>{let{homeYoutubeIds:t,primaryId:a,changePrimaryVideoHandler:s}=e;return 0===t.length?null:(0,n.jsxs)("ol",{className:"jsx-".concat(b.__hash),children:[t.map(e=>(0,n.jsx)(j,{id:e,isActive:a===e,changePrimaryVideoHandler:s},e)),(0,n.jsx)(l.default,{id:b.__hash,children:b})]})};var _=s,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{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,n.jsxs)("ol",{className:"jsx-".concat(w.__hash),children:[(this.state.videos||[]).map(e=>(0,n.jsx)("li",{className:"jsx-".concat(w.__hash)+" "+((this.isSelectedVideo(e)?"active":"normal")||""),children:(0,n.jsxs)("button",{onClick:()=>this.changePrimaryVideo(e),className:"jsx-".concat(w.__hash)+" videoRow",children:[(0,n.jsx)(g.default,{height:53,offset:100,children:(0,n.jsx)("img",{src:e.thumb,width:"132",height:"74",alt:e.title,className:"jsx-".concat(w.__hash)+" thumb"})}),(0,n.jsxs)("div",{className:"jsx-".concat(w.__hash)+" content",children:[(0,n.jsx)("h4",{className:"jsx-".concat(w.__hash)+" title",children:e.title}),(0,n.jsxs)("p",{className:"jsx-".concat(w.__hash)+" info",children:[(0,n.jsx)("span",{className:"jsx-".concat(w.__hash)+" duration",children:e.duration}),(0,n.jsxs)("span",{className:"jsx-".concat(w.__hash)+" view",children:[(0,n.jsx)(y.f,{value:e.stats.view})," lượt xem"]})]})]})]})},e.id)),(0,n.jsx)(l.default,{id:w.__hash,children:w})]})}constructor(e){super(e),this.state={videos:this.props.videos,primaryId:this.props.primaryId}}}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 (max-width:767px){.primary.jsx-2ff0dee1f13c7f25{margin-top:18px}}@media (max-width:1000px){.others.jsx-2ff0dee1f13c7f25{height:231px}}");N.__hash="2ff0dee1f13c7f25";class S extends c.default.Component{onViewMoreClick(){window.location.href=this.state.more}changePrimaryVideoHandler(e){this.setState({primary:e})}render(){return(0,n.jsxs)("div",{className:"jsx-".concat(N.__hash)+" youtube-videos",children:[(0,n.jsxs)("div",{className:"jsx-".concat(N.__hash)+" body",children:[(0,n.jsx)("div",{className:"jsx-".concat(N.__hash)+" title",children:(0,n.jsx)(f,{})}),(0,n.jsx)("div",{className:"jsx-".concat(N.__hash)+" primary",children:(0,n.jsx)(x,{video:this.state.primary})}),(0,n.jsxs)("div",{className:"jsx-".concat(N.__hash)+" others",children:[(0,n.jsx)(v,{primaryId:this.state.primary.id,homeYoutubeIds:this.state.homeYoutubeIds,changePrimaryVideoHandler:this.changePrimaryVideoHandler}),(0,n.jsx)(k,{videos:this.state.others,primaryId:this.state.primary.id,changePrimaryVideoHandler:this.changePrimaryVideoHandler})]})]}),(0,n.jsx)("button",{onClick:this.onViewMoreClick,className:"jsx-".concat(N.__hash)+" button button-full-size button-light",children:"Xem thêm trên Youtube"}),(0,n.jsx)(l.default,{id:N.__hash,children:N})]})}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)}}let T=d.f.subscribe(S,e=>{let{topVideo:t}=e;return{topVideo:t}}),D=[],E=e=>{let{videos:t=D,more:a}=e;return(0,n.jsx)(T,{videos:t,more:a||"https://youtube.com/user/tinhtevideo"})};E.apiFetches={videos:{uri:"tinhte/youtube-videos",success:e=>(0,o.default)(e,"videos.items",[]).map(r.f).slice(0,9)}};let C=i.f.ApiConsumer(E);e.s(["f",0,C],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,n)=>t+t+a+a+n+n),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 n=e.r(338402),s=e.r(640535);t.exports=function(e){return s(n(e))}},966762,(e,t,a)=>{var n=e.r(576723),s=e.r(55300);t.exports=function e(t,a,i,r,o){var l=-1,c=t.length;for(i||(i=s),o||(o=[]);++l0&&i(d)?a>1?e(d,a-1,i,r,o):n(o,d):r||(o[o.length]=d)}return o}},633219,(e,t,a)=>{var n=e.r(165621),s=e.r(517217);t.exports=function(e,t){return n(e,t,function(t,a){return s(e,a)})}},165621,(e,t,a)=>{var n=e.r(928267),s=e.r(527460),i=e.r(478969);t.exports=function(e,t,a){for(var r=-1,o=t.length,l={};++r{var n=e.r(793035),s=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=s(t,e);for(var c=-1,d=t.length,h=d-1,u=e;null!=u&&++c{var n=e.r(640535),s=e.r(636890);t.exports=function(e){return n(s(e))}},510228,(e,t,a)=>{var n=e.r(951660),s=e.r(199491),i=e.r(535886);t.exports=function(e){return i(s(e,void 0,n),e+"")}},55300,(e,t,a)=>{var n=e.r(480783),s=e.r(713266),i=e.r(448684),r=n?n.isConcatSpreadable:void 0;t.exports=function(e){return i(e)||s(e)||!!(r&&e&&e[r])}},951660,(e,t,a)=>{var n=e.r(966762);t.exports=function(e){return(null==e?0:e.length)?n(e,1):[]}},408040,(e,t,a)=>{var n=e.r(633219);t.exports=e.r(510228)(function(e,t){return null==e?{}:n(e,t)})},910656,(e,t,a)=>{var n=e.r(954489),s=e.r(415707),i=e.r(448684);t.exports=function(e){return(i(e)?n:s)(e)}},806683,(e,t,a)=>{function n(){for(var e,t,a=0,n="",s=arguments.length;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")}]);