1"use strict";(self.webpackChunkyumzy=self.webpackChunkyumzy||[]).push([[7975],{93990:function(a,r,e){e.r(r),e.d(r,{EarnedScratchCardsMobileModule:function(){return D},playerFactory:function(){return k}});var n=e(97582),t=e(37716),s=e(38583),c=e(67957),i=e(94546),d=e(34571),o=e(42549),l=e(56371),h=e(63333),p=e(18417),m=e(24276),g=e(73903),v=e(94490),f=e(87602),y=e(73494);let x=class{constructor(a,r,e,n,t,s,c,i,d,o){this.accountService=a,this.modalService=r,this.activatedRoute=e,this.router=n,this.socialSharing=t,this.renderer=s,this.changeDetectionRef=c,this.navCtrl=i,this.cacheService=d,this.statusBar=o,this.iconsOnCards=l.Cf,this.scratchCards=l.Mm,this.redeemType=l.n0,this.skip=0,this.limit=20,this.callApi=!1,this.copyEarnedScratchCards=[],this.allScratchCards=[],this.statusBarHeight=h.YG.statusBarHeight,this.cardsDeclarationForRandomPick={0:"blueCard",1:"greenCard",2:"pinkCard",3:"yellowCard",4:"orangeCard"},this.skeletonLoadingConfig=(0,l.RR)("SKELETON_LOADING_LOTTIE_CONFIG"),this.selectedType="all",this.scratchCardScroll=!1,this.scratchCardExpired=!1,this.isInviteDisable=!1,this.scrollPosition=0,this.containMore=!1,this.activatedRoute.queryParams.subscribe(a=>{var r,e,n,t;if(console.log(a),this.paramsData=a,this.paramsData&&"/home"===(null===(r=this.paramsData)||void 0===r?void 0:r.navigateFrom)){const a={queryParams:{redirectUrl:"/home"}};this.cacheService.setqueryParams(a)}else if(this.paramsData&&"/order-history"===(null===(e=this.paramsData)||void 0===e?void 0:e.navigateFrom)){const a={queryParams:{redirectUrl:"/order-history"}};this.cacheService.setqueryParams(a)}else if("/order-details"===(null===(n=this.paramsData)||void 0===n?void 0:n.navigateFrom)){const a={queryParams:{redirectUrl:"/order-history"}};this.cacheService.setqueryParams(a)}else if("order-tracking"===(null===(t=this.paramsData)||void 0===t?void 0:t.navigateFrom)){const a={queryParams:{redirectUrl:"/account"}};this.cacheService.setqueryParams(a)}}),this.getScratchInfo(),this.getEarnedScratchCards(),setTimeout(()=>{this.statusBar.backgroundColorByHexString("#f1eff3")},500)}getScratchInfo(){this.accountService.getScratchInfo().then(a=>{console.log(a),this.scratchInfoData=a.body.data})}getEarnedScratchCards(){this.callApi=!1,this.accountService.getEarnedScratchCards(this.skip,this.limit).then(a=>{const r=a.body.data;this.allScratchCards=this.allScratchCards.concat(r),this.activeScratchCards=this.getActiveCards(),this.filterCards(this.selectedType),r.length===this.limit?(this.callApi=!0,this.containMore=!0):this.containMore=!1,this.skip++})}filterCards(a){this.selectedType=a,"active"==a?(this.earnedScartchCards=JSON.parse(JSON.stringify(this.activeScratchCards)),console.log("active cards ",this.earnedScartchCards)):(this.earnedScartchCards=JSON.parse(JSON.stringify(this.allScratchCards)),console.log("all cards ",this.earnedScartchCards)),setTimeout(()=>{this.changeDetectionRef.detectChanges()},0)}getActiveCards(){let a=this.allScratchCards.filter(a=>{if(!a.expiryDate)return console.log(a.expiryDate),!0;return new Date(a.expiryDate)>new Date});return console.log("activeScratchCards ",a),a}openScratchCardModal(a,r){if(r>=0){const e=r%Object.keys(this.cardsDeclarationForRandomPick).length,n=this.cardsDeclarationForRandomPick[e];a.randomCard=n}const e=(0,l.iE)("SCRATCH_CARD_CONFIG").EARNED_CARDS,n=this.modalService.open(p.j,e);n.componentInstance.modalObj=a,n.componentInstance.currentCardObj.subscribe(a=>{if(console.log(a),this.allScratchCards.forEach(r=>{r.scratchId===a.scratchId&&(r.scratched=a.scratched)}),this.scratchInfoData.scratchedAmount=this.scratchInfoData.scratchedAmount+a.amount,console.log(this.scratchInfoData.scratchedAmount),0===a.amount&&1==a.scratched){const r=this.allScratchCards.findIndex(r=>r.scratchId===a.scratchId);this.allScratchCards.splice(r,1);const e=this.activeScratchCards.findIndex(r=>r.scratchId===a.scratchId);this.activeScratchCards.splice(e,1),this.earnedScartchCards="active"==this.selectedType?this.getCopiedJson(this.activeScratchCards):this.getCopiedJson(this.allScratchCards)}}),n.result.then(a=>{console.log(a)}).catch(a=>{console.log(a)})}getCopiedJson(a){return JSON.parse(JSON.stringify(a))}getRandomScratchCard(a){const r=a%Object.keys(this.cardsDeclarationForRandomPick).length,e=this.cardsDeclarationForRandomPick[r];return l.Mm[e]}onBack(){var a,r,e,n;if(console.log(this.paramsData),this.paramsData.orderId){let a=this.paramsData.from;this.paramsData.from.indexOf("?")>=0&&(a=this.paramsData.from.substring(0,this.paramsData.from.indexOf("?")));const r={queryParams:{orderId:this.paramsData.orderId}};this.navCtrl.navigateBack([a],r)}else if(this.paramsData.from){let a=this.paramsData.from.split("?");this.navCtrl.navigateBack([a[0]])}else this.paramsData&&this.paramsData.redirectUrl?"/order-tracking"===this.paramsData.redirectUrl&&"/home"===(null===(a=this.paramsData)||void 0===a?void 0:a.navigateFrom)?this.navCtrl.navigateBack([this.paramsData.redirectUrl],{queryParams:{redirectUrl:"/home"}}):"/order-history"===(null===(r=this.paramsData)||void 0===r?void 0:r.navigateFrom)||"/order-details"===(null===(e=this.paramsData)||void 0===e?void 0:e.navigateFrom)?this.navCtrl.navigateBack([this.paramsData.redirectUrl],{queryParams:{redirectUrl:"/order-history"}}):"order-tracking"===(null===(n=this.paramsData)||void 0===n?void 0:n.navigateFrom)?this.navCtrl.navigateBack([this.paramsData.redirectUrl],{queryParams:{redirectUrl:"/account"}}):this.navCtrl.navigateBack([this.paramsData.redirectUrl]):this.navigateToHome()}
1trackByScratchId(a,r){return r.scratchId}onInvite(){const a=(0,g.k7)(h.YG.userInfoData);console.log(h.YG.userInfoData),this.socialSharing.share(a,"YUMZY",null,"").then(()=>{console.log("success")}).catch(a=>{alert("Sharing not possible")})}logScrollEnd(){}doInfinite(a){return(0,n.mG)(this,void 0,void 0,function*(){this.callApi&&this.scrollPosition>20?(yield this.getEarnedScratchCards(),a.target.complete()):a.target.disabled=!0})}logScrolling(a){const r=document.querySelector(".header"),e=document.querySelector(".aval-balance"),n=document.querySelector(".rewards-balance"),t=document.querySelector(".border-bottom-div");this.scrollPosition=a.detail.scrollTop,this.scrollPosition>20?(this.renderer.setStyle(e,"height","0px"),this.renderer.addClass(r,"fixed-header"),this.renderer.setStyle(n,"opacity","1"),this.renderer.addClass(t,"header-bottom-border")):(this.renderer.setStyle(e,"height","76px"),this.renderer.removeClass(r,"fixed-header"),this.renderer.setStyle(n,"opacity","0"),this.renderer.removeClass(t,"header-bottom-border"))}isDateExpired(a){let r=new Date(a),e=new Date;return!!(a&&r<e)}navigateToHome(){this.navCtrl.navigateBack([l.xN.home])}ngOnDestroy(){this.statusBar.backgroundColorByHexString("#ffffff")}};x.ctorParameters=()=>[{type:d.B},{type:o.FF},{type:c.gz},{type:c.F0},{type:m.e},{type:t.Renderer2},{type:t.ChangeDetectorRef},{type:v.SH},{type:f.Q},{type:y.A}],x=(0,n.gn)([(0,t.Component)({template:""})],x);let u=class extends x{constructor(a,r,e,n,t,s,c,i,d,o){super(a,r,e,n,t,s,c,i,d,o)}ngOnInit(){}};u.ctorParameters=()=>[{type:d.B},{type:o.FF},{type:c.gz},{type:c.F0},{type:m.e},{type:t.Renderer2},{type:t.ChangeDetectorRef},{type:v.SH},{type:f.Q},{type:y.A}],u=(0,n.gn)([(0,t.Component)({selector:"app-earned-scratch-cards-mobile",template:'<div class="earned-scratch-cards ">\n\n <ion-header class="header" [ngStyle]="{\'padding-top\':statusBarHeight + \'px\'}">\n <div class="d-flex justify-content-between mb-1 align-items-center header-main">\n <div class="d-flex align-items-center">\n <span (click)="onBack()" class="fs-14 icon-arrow-back p-2 primary-grey-2 sitefontbold"></span>\n <div class="d-flex align-items-center pl-2 pt-2 pb-2">\n <p class="m-0 fs-14 sitefontmedium text-capitalize"> Rewards</p>\n\n </div>\n </div>\n <p class=" text-right pl-3 pr-2 earn-more fs-14 fw-6 sitefontmedium" (click)="onInvite()">EARN MORE</p>\n </div>\n\n <div class="border-bottom-div"></div>\n\n <div class="aval-balance opacity-100">\n <p class="fs-12 sitefontmedium text-uppercase pb-1">CHACHA COINS</p>\n <p class="fs-20 sitefontbold red-rose-clr d-flex align-items-center">\n <span><img src="assets/scratch-cards/icons-on-card/coin.png" width="32px" alt=""></span>\n <span class="fs-20 sitefontbold red-rose-clr pl-2 mt-1">{{ scratchInfoData?.scratchedAmount }}</span> \n </p>\n </div>\n\n \n\n <div class="row pt-2 mx-0 px-0 border-bottom w-100 bg-white">\n <div class="col-2 sitefontnormal fs-16 pb-1 ml-3 text-center" (click)="filterCards(\'all\')"\n [ngClass]="{\'disabled-item\': earnedScartchCards?.length === 0 && selectedType ==\'all\'}"\n [class]="selectedType ==\'all\' ? \'scratch-status-clicked\': \'scratch-status\' ">All</div> \n <div class="col-3 sitefontnormal fs-16 pb-1 text-center" value="acive" (click)="filterCards(\'active\')"\n [class]="selectedType ==\'active\' ? \'scratch-status-clicked\': \'scratch-status\' "\n [ngClass]="{\'border-grey\': earnedScartchCards?.length === 0 && selectedType ==\'active\'}">Active</div>\n </div>\n \n </ion-header>\n\n <ion-content [scrollEvents]="true" (ionScrollEnd)="logScrollEnd()" (ionScroll)="logScrolling($event)" class="">\n <div class="scratch-cards py-4">\n\n\n <div class="row">\n <div *ngFor="let card of earnedScartchCards;let i = index;trackBy:trackByScratchId; last as isLast"\n class="col-6 p-0 " \n [ngClass]="{\'scratch-card-expired\': isDateExpired(card?.expiryDate)}">\n <div *ngIf="card?.scratched" class="my-2 mx-1 main-card card-main" (click)="openScratchCardModal(card, -1)">\n <img [src]="scratchCards[\'whiteCard\']"\n class="h-100 w-100 box-shadow br-9" (load)="card.loaded = true" />\n\n <div class="card-data content w-100 text-center" [ngClass]="{\'cardImage\':card?.image}"\n [class.content-bg]="card?.loaded">\n <img [src]="card?.image ? card?.image : iconsOnCards[\'chacha\']" alt=""\n class="scratch-image">\n\n <div class="scratch-message-sec" [ngClass]="{\'scratch-message-sec-non-img\':!(card?.image)}">\n <p [innerHTML]="card?.scratchMessage ? card?.scratchMessage : card?.earnBy"\n class="text-center message"\n [class.limit-line-length-2]="card?.redeemType === redeemType.THIRD_PARTY"\n [ngClass]="{\'expired-message\': scratchCardExpired}">\n </p>\n\n </div>\n <p class=" fs-12 mt-3" *ngIf="card?.expiryDate"\n [class]="!isDateExpired(card?.expiryDate)? \'expiry-date\': \'expired-date\' ">
1\n <span *ngIf="!isDateExpired(card?.expiryDate) sitefontnormal">Expires on {{card?.expiryDate | date: \'d MMM y\'}}</span>\n <span *ngIf="isDateExpired(card?.expiryDate)" class="scratch-card-expired sitefontnormal">Expired on\n {{card?.expiryDate | date: \'d MMM y\'}}</span>\n </p>\n\n </div>\n\n </div>\n\n <div class="card-data my-2 mx-1" *ngIf="!card?.scratched">\n <img [src]="card?.loaded ? \'assets/scratch-cards/scratch_card.png\' : \'assets/icon/common/yumzy-placeholder.png\'"\n class="h-100 w-100 br-9" (click)="openScratchCardModal(card,i)" (load)="card.loaded = true" />\n </div>\n </div>\n </div>\n\n\n\n <div class="no-scratch-cards-img d-flex" *ngIf="earnedScartchCards && earnedScartchCards?.length === 0">\n <div class="align-self-center text-center w-100 inside-div">\n <div class=" image-row">\n <img src="assets/images/rewards/main-page.svg" class="" alt="" width="288pt">\n </div>\n\n <div class="no-img-text">\n <p class="text my-2 fs-16 sitefontbold">Make your first order </p>\n <p class="pt-2 fs-12 sitefontmedium">Get exciting rewards and coupons By ordering now.</p>\n </div>\n\n\n <div>\n <div class="bottom-btn-view">\n <div class="px-3">\n <button class="btn btn-lg btn-block btn-pink-bg sitefontmedium" (click)="navigateToHome()">Start ordering now\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <ion-infinite-scroll (ionInfinite)="doInfinite($event)" >\n <ion-infinite-scroll-content *ngIf="earnedScartchCards && earnedScartchCards.length > 10 && containMore">\n </ion-infinite-scroll-content>\n </ion-infinite-scroll>\n\n </div>\n </ion-content>\n\n</div>\n\n\n\x3c!-- <div class="earned-scratch-cards">\n <div class="row m-0 top-header p-3 justify-content-between w-100 pt-5">\n <div class="d-flex">\n <img src="assets/icon/common/left-back-white.svg" alt="" width="16px" height="16px" (click)="onBack()"\n style="margin-top: 5px;">\n <div class="ml-3">\n <p class="my-rewards-txt">My Rewards</p>\n <p class="fw-7 scratch-amount"> {{ scratchInfoData?.scratchedAmount }} </p>\n </div>\n </div>\n <div>\n <img src="assets/scratch-cards/no-scratch-cards.svg" height="100px" width="160px" class="top-header-img">\n </div>\n </div>\n\n <div class="scratch-cards p-3">\n <div class="dummy"></div>\n <ion-content [scrollEvents]="true" (ionScrollEnd)="logScrollEnd()" *ngIf="earnedScartchCards?.length > 0">\n <div class="row m-0">\n <div class="m-1 p-2 banner br-9 w-100">\n <p class="title" [innerHTML]="scratchInfoData?.banner?.title"></p>\n <p class="desc fw-6"> {{ scratchInfoData?.banner?.description }} </p>\n </div>\n </div>\n\n <div class="row m-0">\n <div *ngFor="let card of earnedScartchCards;let i = index;trackBy:trackByScratchId" class="col-6 p-0"\n [@spliceAnimation]="card.state">\n <div *ngIf="card?.scratched" class="m-2 main-card" (click)="openScratchCardModal(card, -1)">\n <img [src]="card?.loaded ? scratchCards[\'whiteCard\'] : \'assets/icon/common/yumzy-placeholder.png\'"\n class="h-100 w-100 box-shadow br-9" (load)="card.loaded = true" />\n\n <div class="card-data content w-100 text-center p-2" *ngIf="card?.loaded" [class.content-bg]="card?.loaded">\n <img [ngClass]="card?.image ? \'w-100\' : \'w-50\'" [src]="card?.image ? card?.image : iconsOnCards[\'cookie\']"\n alt="">\n\n <p [innerHTML]="card?.scratchMessage ? card?.scratchMessage : card?.earnBy"\n class="text-center mt-1 message fw-6"\n [class.limit-line-length-2]="card?.redeemType === redeemType.THIRD_PARTY">\n </p>\n </div>\n\n <p *ngIf="card?.action?.couponCode && card?.loaded"\n class="text-center mt-1 coupon-code fw-5 p-1 limit-line-length-1 text-uppercase">\n {{ card?.action?.couponCode }}\n </p>\n </div>\n\n <div class="card-data m-2" *ngIf="!card?.scratched">\n <img [src]="card?.loaded ? getRandomScratchCard(i) : \'assets/icon/common/yumzy-placeholder.png\'"\n class="h-100 w-100 br-9" (click)="openScratchCardModal(card,i)" (load)="card.loaded = true" />\n </div>\n </div>\n </div>\n\n <div class="row m-0" *ngIf="callApi">\n <ng-lottie [options]="skeletonLoadingConfig"> </ng-lottie>\n </div>\n </ion-content>\n\n <div class="no-scratch-cards-img d-flex" *ngIf="earnedScartchCards?.length === 0">\n <div class="align-self-center text-center w-100">\n <img src="assets/images/rewards/main-page.svg" class="w-80" alt="">\n <p class="text my-2 fw-5">Invite your friends & stand a chance to earn! </p>\n <button class="btn invite-btn" (click)="onInvite()">INVITE</button>\n </div>\n </div>\n </div>\n</div> --\x3e',styles:[i]})],u);var b=e(98679),C=e(63052),w=e.n(C);const S=[{path:"",component:u,data:{animationState:"accountSection"}}];function k(){return w()}let D=class{};D=(0,n.gn)([(0,t.NgModule)({declarations:[u],imports:[s.ez,c.Bz.forChild(S),b.CT.forRoot({player:k}),v.Pc]})],D)},94546:function(a){a.exports=".earned-scratch-cards {\n overflow-x: hidden;\n}\n.earned-scratch-cards ion-content {\n height: 85vh;\n width: 100% !important;\n}\n.earned-scratch-cards .header {\n display: block;\n width: 100%;\n top: 0px;\n background-color: var(--layout-bg-color);\n transition: background-color 0.5s ease;\n z-index: 2;\n height: auto !important;\n position: sticky !important;\n padding: 1.5rem 0rem 0rem 0rem;\n}\n.earned-scratch-cards .header .header-main {\n padding: 8px 12px 0px 12px;\n}\n.earned-scratch-cards .header .rewards-balance {\n opacity: 0;\n transition: opacity 0.5s ease;\n}\n.earned-scratch-cards .scratch-cards {\n position: relative;\n padding-left: 24px;\n padding-right: 24px;\n background: var(--white);\n border-radius: 1.25rem;\n overflow-y: hidden;\n}\n.earned-scratch-cards .scratch-cards .main-card {\n position: relative;\n transition: all 0.5s;\n}\n.earned-scratch-cards .scratch-cards .main-card .card-data {\n padding: 48px 8px 0px 8px;\n}\n.earned-scratch-cards .scratch-cards .main-card .card-data .scratch-image {\n width: auto;\n}\n.earned-scratch-cards .scratch-cards .main-card .card-data .message {\n line-height: 1.6;\n font-size: 14px;\n font-size: 0.875rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n min-height: 40px;\n padding-top: 8px;\n margin: 0 auto;\n}\n.earned-scratch-cards .scratch-cards .main-card .card-data .message ::ng-deep h3 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n font-size: 1rem;\n font-weight: 600 !important;\n}\n.earned-scratch-cards .scratch-cards .main-card .card-data .scratch-message-sec-non-img {\n position: absolute;\n font-weight: 600;\n top: 28%;\n left: 6%;\n}\n.earned-scratch-cards .scratch-cards .main-card .card-data .scratch-message-sec-non-img .message {\n width: 60%;\n line-height: 1.4;\n font-size: 14px;\n margin: 0px;\n}\n.earned-scratch-cards .scratch-cards .main-card .card-data .scratch-message-sec-non-img .message ::ng-deep h3 {\n display: inline-block;\n font-size: 12px;\n}\n.earned-scratch-cards .scratch-cards .main-card .content {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -60%);\n}\n.earned-scratch-cards .scratch-cards .main-card .cardImage {\n padding: 16px 16px 0px 16px;\n}\n.earned-scratch-cards .scratch-cards .main-card .cardImage .scratch-image {\n padding-top: 24px;\n width: 60px;\n max-height: 80px;\n}\n.earned-scratch-cards .scratch-cards .main-card .content-bg {\n background-position: top;\n background-repeat: no-repeat;\n}\n.earned-scratch-cards .scratch-cards .main-card .box-shadow {\n box-shadow: 0 0 3px var(--black-65);\n}\n.earned-scratch-cards .scratch-cards .br-9 {\n border-radius: 0.5625rem;\n}\n.earned-scratch-cards .no-scratch-cards-img .image-row img {\n max-width: 80%;\n}\n.earned-scratch-cards .no-scratch-cards-img .image-row .text {\n font-size: 0.875rem;\n}\n.earned-scratch-cards .scratch-status {\n color: var(--primary-grey-2) !important;\n}\n.earned-scratch-cards .scratch-status-clicked {\n color: var(--primary-cta) !important;\n border-bottom: 2px solid var(--primary-cta);\n font-weight: 300;\n}\n.earned-scratch-cards .scratch-length {\n color: var(--primary-grey-2) !important;\n border-bottom: 2px solid var(--primary-grey-2);\n}\n.earned-scratch-cards .border-grey {\n color: var(--primary-grey-2) !important;\n border-bottom: 2px solid var(--primary-grey-2);\n}\n.earned-scratch-cards .description-text {\n opacity: 0;\n visibility: hidden;\n}\n.earned-scratch-cards .scratch-info-change {\n text-transform: uppercase;\n font-size: 14px !important;\n color: var(--primary-grey-2);\n font-weight: 200;\n}\n.earned-scratch-cards .expiry-date {\n color: var(--btn-red-rose-clr);\n background-color: var(--bg-btn-clr);\n border-radius: 500px;\n padding: 11px 7px;\n height: 30pt;\n min-width: 100px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.earned-scratch-cards .expired-date {\n border-radius: 500px;\n padding: 11px 7px;\n height: 30pt;\n min-width: 100px;\n background-color: var(--layout-bg-color);\n color: var(--primary-grey-2);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.earned-scratch-cards .earn-more {\n color: #119839;\n}\n.earned-scratch-cards .scratch-card-expired {\n pointer-events: none !important;\n opacity: 0.4;\n color: var(--primary-grey-2) !important;\n}\n.earned-scratch-cards .expired-message {\n color: var(--black-65);\n}\n.earned-scratch-cards .scratch-scrolled {\n background-color: var(--white) !important;\n}\n.earned-scratch-cards .border-added {\n border-bottom: 2px solid var(--layout-bg-color);\n padding-bottom: 20px;\n}\n.earned-scratch-cards .aval-balance {\n padding-left: 1.25rem;\n z-index: 5;\n overflow: hidden !important;\n height: 76px;\n transition: height 0.3s ease;\n background-color: var(--layout-bg-color);\n}\n.earned-scratch-cards .aval-balance p:first-child {\n color: black;\n}\n.earned-scratch-cards .fixed-header {\n background: var(--white) !important;\n border-bottom: 1px solid var(--silver) !important;\n}\n.earned-scratch-cards .header-bottom-border {\n background-color: var(--silver) !important;\n border-bottom: 1px solid var(--silver) !important;\n}\n.earned-scratch-cards p h3 {\n margin: 0px !important;\n font-size: 16px !important;\n padding: 0px !important;\n font-weight: bold;\n}\n.earned-scratch-cards .disabled-item {\n color: var(--primary-grey-2) !important;\n border-bottom: 2px solid var(--primary-grey-2);\n}\n@media screen and (max-height: 640px) {\n .earned-scratch-cards .message {\n line-height: 1.6;\n font-size: 0.875rem;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2 !important;\n -webkit-box-orient: vertical;\n min-height: 40px;\n }\n .earned-scratch-cards .message ::ng-deep h3 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n font-size: 1rem;\n font-weight: 600 !important;\n }\n .earned-scratch-cards .scratch-message-sec-non-img {\n position: absolute;\n font-weight: 600;\n top: 28%;\n left: 10%;\n }\n .earned-scratch-cards .scratch-message-sec-non-img .message {\n width: 60%;\n line-height: 1.3;\n font-size: 12px;\n margin: 0px;\n }\n .earned-scratch-cards .scratch-message-sec-non-img .message ::ng-deep h3 {\n display: inline-block;\n font-size: 12px;\n }\n .earned-scratch-cards .expiry-date {\n color: var(--btn-red-rose-clr);\n background-color: var(--bg-btn-clr);\n border-radius: 500px;\n padding: 4px 7px;\n height: 20pt;\n min-width: 80px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .earned-scratch-cards .expired-date {\n border-radius: 500px;\n padding: 4px 7px;\n height: 20pt;\n min-width: 80px;\n background-color: var(--layout-bg-color);\n color: var(--primary-grey-2);\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}"}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.