/*! For license information please see 4891.9ab212d7cfd93dea0f80.js.LICENSE.txt */
"use strict";(self.webpackChunkengine=self.webpackChunkengine||[]).push([[4891,5893,8521,8204],{8204:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var r=t(28416),o=t(5439),s=t.n(o),i=t(9411),a=t.n(i),l=t(87524),c=t.n(l),f=t(2575),p=t.n(f),d=t(83840),m=t(85893),g=(0,r.memo)(a().div.withConfig({componentId:"sc-j7jak-0"})(["width:1.125em;height:1.125em;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:flex-end;border-radius:0.5em;"])),u=(0,r.memo)(a().div.withConfig({componentId:"sc-j7jak-1"})(["background:linear-gradient(#feffcd,#feffcd),linear-gradient(#ffee85,#ffee85);width:100%;transition:height 0.2s linear;height:",";"],(function(e){var n=e.percent;return"".concat(n,"%")}))),h=function(e){var n=e.percent,t=e.styles;return(0,m.jsx)(g,{style:t.container,children:(0,m.jsx)(u,{style:t.progress,percent:n})})};h.defaultProps={percent:0,styles:{}},h.propTypes={percent:s().number,styles:s().object};const y=(0,r.memo)(h);var w="".concat("https://nar-fg.cchhllpp.net/prd","/images/cashback/shadow.png"),k=(0,i.keyframes)(["0%{transform:scale(1);}50%{transform:scale(1.875);}100%{transform:scale(1);}"]),x=(0,i.keyframes)(["from{opacity:0.6;}to{opacity:0;}"]),b=(0,r.memo)(a().div.withConfig({componentId:"sc-1sggkf5-0"})(["",";width:1.5em;height:1.5em;margin-right:0.5em;cursor:pointer;position:relative;z-index:1;"],(0,d.styledFlex)({isInlineFlex:!0,alignItems:"center",justifyContent:"center"}))),v=a().span.withConfig({componentId:"sc-1sggkf5-1"})(["width:1.5em;height:1.5em;pointer-events:none;display:flex;position:absolute;z-index:2;-webkit-transform:translate3d(0,0,0);& > svg{-webkit-transform:translate3d(0,0,0);}"]),j=a().div.withConfig({componentId:"sc-1sggkf5-2"})(["width:100%;height:100%;background:url(",") no-repeat center / contain;position:absolute;z-index:2;left:0;top:0;opacity:0.6;pointer-events:none;",""],w,(function(e){return e.glowView?(0,i.css)(["animation:"," 1s linear infinite;"],k):(0,i.css)(["animation:"," 0.6s linear forwards;"],x)})),_=function(e){var n=e.styles,t=e.onClick,r=e.isGlow,o=e.percent;return(0,m.jsxs)(b,{style:n.container,onClick:t,children:[(0,m.jsx)(j,{style:n.glow,glowView:r}),(0,m.jsx)(v,{style:n.icon,children:(0,m.jsx)(c(),{})}),(0,m.jsx)(y,{styles:n.progress,percent:o}),100===o?(0,m.jsx)(p(),{isAnimated:!0}):null]})};_.defaultProps={onClick:function(){},isGlow:!1,percent:0,styles:{}},_.propTypes={percent:s().number,styles:s().object,onClick:s().func,isGlow:s().bool};const C=_},75251:(e,n,t)=>{var r=t(28416),o=Symbol.for("react.element"),s=Symbol.for("react.fragment"),i=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(e,n,t){var r,s={},c=null,f=null;for(r in void 0!==t&&(c=""+t),void 0!==n.key&&(c=""+n.key),void 0!==n.ref&&(f=n.ref),n)i.call(n,r)&&!l.hasOwnProperty(r)&&(s[r]=n[r]);if(e&&e.defaultProps)for(r in n=e.defaultProps)void 0===s[r]&&(s[r]=n[r]);return{$$typeof:o,type:e,key:c,ref:f,props:s,_owner:a.current}}n.Fragment=s,n.jsx=c,n.jsxs=c},85893:(e,n,t)=>{e.exports=t(75251)}}]);