:root{--cols:19;--rows:2;--tile:150px;--avatar:24px;--sprite:url(https://assets.nesscoindia.com/public/assets/homepage/Application_Icon_2.webp);--scale:calc(var(--avatar) / var(--tile));--step-x:var(--avatar);--step-y:var(--avatar);--bg-w:calc(var(--cols) * var(--avatar));--bg-h:calc(var(--rows) * var(--avatar))}.icon{width:var(--avatar);height:var(--avatar);background-image:var(--sprite);background-repeat:no-repeat;background-size:var(--bg-w) var(--bg-h)}.product-card-icon{--avatar:38px;--scale:calc(var(--avatar) / var(--tile));--step-x:var(--avatar);--step-y:var(--avatar);--bg-w:calc(var(--cols) * var(--avatar));--bg-h:calc(var(--rows) * var(--avatar))}.product-card-dialog-icon,.product-card-icon{width:var(--avatar);height:var(--avatar);background-image:var(--sprite);background-repeat:no-repeat;background-size:var(--bg-w) var(--bg-h)}.product-card-dialog-icon{--avatar:54px;--scale:calc(var(--avatar) / var(--tile));--step-x:var(--avatar);--step-y:var(--avatar);--bg-w:calc(var(--cols) * var(--avatar));--bg-h:calc(var(--rows) * var(--avatar))}.icon-0{background-position:0 0}.icon-1{background-position:calc(-1 * var(--step-x)) 0}.icon-2{background-position:calc(-2 * var(--step-x)) 0}.icon-3{background-position:calc(-3 * var(--step-x)) 0}.icon-4{background-position:calc(-4 * var(--step-x)) 0}.icon-5{background-position:calc(-5 * var(--step-x)) 0}.icon-6{background-position:calc(-6 * var(--step-x)) 0}.icon-7{background-position:calc(-7 * var(--step-x)) 0}.icon-8{background-position:calc(-8 * var(--step-x)) 0}.icon-9{background-position:calc(-9 * var(--step-x)) 0}.icon-10{background-position:calc(-10 * var(--step-x)) 0}.icon-11{background-position:calc(-11 * var(--step-x)) 0}.icon-12{background-position:calc(-12 * var(--step-x)) 0}.icon-13{background-position:calc(-13 * var(--step-x)) 0}.icon-14{background-position:calc(-14 * var(--step-x)) 0}.icon-15{background-position:calc(-15 * var(--step-x)) 0}.icon-16{background-position:calc(-16 * var(--step-x)) 0}.icon-17{background-position:calc(-17 * var(--step-x)) 0}.icon-18{background-position:calc(-18 * var(--step-x)) 0}.icon-19{background-position:0 calc(-1 * var(--step-y))}.icon-20{background-position:calc(-1 * var(--step-x)) calc(-1 * var(--step-y))}.icon-21{background-position:calc(-2 * var(--step-x)) calc(-1 * var(--step-y))}.icon-22{background-position:calc(-3 * var(--step-x)) calc(-1 * var(--step-y))}.icon-23{background-position:calc(-4 * var(--step-x)) calc(-1 * var(--step-y))}.icon-24{background-position:calc(-5 * var(--step-x)) calc(-1 * var(--step-y))}.icon-25{background-position:calc(-6 * var(--step-x)) calc(-1 * var(--step-y))}.icon-26{background-position:calc(-7 * var(--step-x)) calc(-1 * var(--step-y))}.icon-27{background-position:calc(-8 * var(--step-x)) calc(-1 * var(--step-y))}.icon-28{background-position:calc(-9 * var(--step-x)) calc(-1 * var(--step-y))}.icon-29{background-position:calc(-10 * var(--step-x)) calc(-1 * var(--step-y))}.icon-30{background-position:calc(-11 * var(--step-x)) calc(-1 * var(--step-y))}.icon-31{background-position:calc(-12 * var(--step-x)) calc(-1 * var(--step-y))}.icon-32{background-position:calc(-13 * var(--step-x)) calc(-1 * var(--step-y))}.icon-33{background-position:calc(-14 * var(--step-x)) calc(-1 * var(--step-y))}.icon-34{background-position:calc(-15 * var(--step-x)) calc(-1 * var(--step-y))}.icon-35{background-position:calc(-16 * var(--step-x)) calc(-1 * var(--step-y))}.icon-36{background-position:calc(-17 * var(--step-x)) calc(-1 * var(--step-y))}.icon-37{background-position:calc(-18 * var(--step-x)) calc(-1 * var(--step-y))}