/*! For license information please see 7649.f3095ffbdcef744949a2.js.LICENSE.txt */
"use strict";(self.webpackChunkengine=self.webpackChunkengine||[]).push([[7649,5971,219,5893,8521,6607,946,8856],{28856:(t,e,n)=>{n.r(e),n.d(e,{default:()=>G});var r,i,s=n(28416),o=n(5439),a=n.n(o),l=n(9411),c=n.n(l),f=n(87524),p=n.n(f),d=n(85893);function u(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var m=(0,s.memo)(c().div(r||(r=u(["\n\twidth: 1.125em;\n\theight: 1.125em;\n\tposition: absolute;\n\tz-index: 1;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\tdisplay: flex;\n\talign-items: flex-end;\n\tborder-radius: 0.5em;\n"])))),y=(0,s.memo)(c().div(i||(i=u(["\n\tbackground: linear-gradient(#feffcd, #feffcd), linear-gradient(#ffee85, #ffee85);\n\twidth: 100%;\n\ttransition: height 0.2s linear;\n\theight: ",";\n"])),(function(t){var e=t.percent;return"".concat(e,"%")}))),h=function(t){var e=t.percent,n=t.styles;return(0,d.jsx)(m,{style:n.container,children:(0,d.jsx)(y,{style:n.progress,percent:e})})};h.defaultProps={percent:0,styles:{}},h.propTypes={percent:a().number,styles:a().object};const g=(0,s.memo)(h);var b,w,v,j,k,x,_;function O(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}var z="".concat("https://nar-fg.cchhllpp.net/prd","/images/cashback/shadow.png"),C=(0,l.keyframes)(b||(b=O(["\n\t0%{\n\t\ttransform: scale(1);\n\t}\n\t50% {\n\t\ttransform: scale(1.875);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t}\n"]))),P=(0,l.keyframes)(w||(w=O(["\n\tfrom {\n\t\topacity: 0.6;\n\t}\n\n\tto {\n\t\topacity: 0;\n\t}\n"]))),E=(0,s.memo)(c().div(v||(v=O(["\n\twidth: 1.5em;\n\theight: 1.5em;\n\tmargin-right: 0.5em;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\tposition: relative;\n\tz-index: 1;\n"])))),R=c().span(j||(j=O(["\n\twidth: 1.5em;\n\theight: 1.5em;\n\tpointer-events: none;\n\tdisplay: flex;\n\tposition: absolute;\n\tz-index: 2;\n\t-webkit-transform: translate3d(0, 0, 0);\n\n\t& > svg {\n\t\t-webkit-transform: translate3d(0, 0, 0);\n\t}\n"]))),S=c().div(k||(k=O(["\n\twidth: 100%;\n\theight: 100%;\n\tbackground: url(",") no-repeat center / contain;\n\tposition: absolute;\n\tz-index: 2;\n\tleft: 0;\n\ttop: 0;\n\topacity: 0.6;\n\tpointer-events: none;\n\t","\n"])),z,(function(t){return t.glowView?(0,l.css)(x||(x=O(["\n\t\t\t\t\tanimation: "," 1s linear infinite;\n\t\t\t  "])),C):(0,l.css)(_||(_=O(["\n\t\t\t\t\tanimation: "," 0.6s linear forwards;\n\t\t\t  "])),P)})),T=function(t){var e=t.styles,n=t.onClick,r=t.isGlow,i=t.percent;return(0,d.jsxs)(E,{style:e.container,onClick:n,children:[(0,d.jsx)(S,{style:e.glow,glowView:r||100===i}),(0,d.jsx)(R,{style:e.icon,children:(0,d.jsx)(p(),{})}),(0,d.jsx)(g,{styles:e.progress,percent:i})]})};T.defaultProps={onClick:function(){},isGlow:!1,percent:0,styles:{}},T.propTypes={percent:a().number,styles:a().object,onClick:a().func,isGlow:a().bool};const G=T},75251:(t,e,n)=>{var r=n(28416),i=Symbol.for("react.element"),s=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(t,e,n){var r,s={},c=null,f=null;for(r in void 0!==n&&(c=""+n),void 0!==e.key&&(c=""+e.key),void 0!==e.ref&&(f=e.ref),e)o.call(e,r)&&!l.hasOwnProperty(r)&&(s[r]=e[r]);if(t&&t.defaultProps)for(r in e=t.defaultProps)void 0===s[r]&&(s[r]=e[r]);return{$$typeof:i,type:t,key:c,ref:f,props:s,_owner:a.current}}e.Fragment=s,e.jsx=c,e.jsxs=c},85893:(t,e,n)=>{t.exports=n(75251)}}]);