/*! For license information please see 4891.f3142007e15d9efff0c1.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:()=>_});var r=t(28416),o=t(5439),s=t.n(o),i=t(9411),a=t.n(i),c=t(87524),l=t.n(c),f=t(2575),p=t.n(f),d=t(85893),m=(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;"])),g=(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,"%")}))),u=function(e){var n=e.percent,t=e.styles;return(0,d.jsx)(m,{style:t.container,children:(0,d.jsx)(g,{style:t.progress,percent:n})})};u.defaultProps={percent:0,styles:{}},u.propTypes={percent:s().number,styles:s().object};const h=(0,r.memo)(u);var y="".concat("https://nar-fg.cchhllpp.net/prd","/images/cashback/shadow.png"),w=(0,i.keyframes)(["0%{transform:scale(1);}50%{transform:scale(1.875);}100%{transform:scale(1);}"]),k=(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;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:1;"])),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);}"]),x=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;",""],y,(function(e){return e.glowView?(0,i.css)(["animation:"," 1s linear infinite;"],w):(0,i.css)(["animation:"," 0.6s linear forwards;"],k)})),j=function(e){var n=e.styles,t=e.onClick,r=e.isGlow,o=e.percent;return(0,d.jsxs)(b,{style:n.container,onClick:t,children:[(0,d.jsx)(x,{style:n.glow,glowView:r}),(0,d.jsx)(v,{style:n.icon,children:(0,d.jsx)(l(),{})}),(0,d.jsx)(h,{styles:n.progress,percent:o}),100===o?(0,d.jsx)(p(),{isAnimated:!0}):null]})};j.defaultProps={onClick:function(){},isGlow:!1,percent:0,styles:{}},j.propTypes={percent:s().number,styles:s().object,onClick:s().func,isGlow:s().bool};const _=j},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,c={key:!0,ref:!0,__self:!0,__source:!0};function l(e,n,t){var r,s={},l=null,f=null;for(r in void 0!==t&&(l=""+t),void 0!==n.key&&(l=""+n.key),void 0!==n.ref&&(f=n.ref),n)i.call(n,r)&&!c.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:l,ref:f,props:s,_owner:a.current}}n.Fragment=s,n.jsx=l,n.jsxs=l},85893:(e,n,t)=>{e.exports=t(75251)}}]);