.card-wrapper{width:100%}.app-card{cursor:pointer;background-color:#ffffff1a;border-radius:10px;flex-direction:column;height:260px;text-decoration:none;display:flex;position:relative}.app-card:hover:before{opacity:1}.app-card:before,.app-card:after{border-radius:inherit;content:"";opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.app-card:before{background:radial-gradient(800px circle at var(--mouse-x)var(--mouse-y),#ffffff26,transparent 40%);z-index:3}.app-card:after{background:radial-gradient(600px circle at var(--mouse-x)var(--mouse-y),#fff9,transparent 40%);z-index:1}.app-card-content{border-radius:inherit;z-index:2;background-color:#171717;flex-direction:column;flex-grow:1;padding:10px;display:flex;position:absolute;inset:1px}.app-card-image{justify-content:center;align-items:center;height:140px;display:flex;overflow:hidden}.app-card-info-wrapper{text-align:center;flex-grow:1;justify-content:center;align-items:center;padding:0 20px;display:flex}.app-card-info{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.app-card-info>img{flex-shrink:0;margin:0}.app-card-info-title{text-align:center;flex:1;min-width:0}.app-card-info-title>h3{color:#f0f0f0;text-align:center;margin:0;font-size:1.1em;font-weight:600;line-height:20px}.app-card-info-title>h4{color:#ffffff80;text-align:center;margin:8px 0 0;font-size:.85em;font-weight:400;line-height:1.4}@media (max-width:500px){.app-card{height:180px}.app-card-image{height:80px}.app-card-image img{width:48px!important;height:48px!important}.app-card-info-wrapper{padding:0 10px}.app-card-info>img{width:16px!important;height:16px!important}.app-card-info-title>h3{font-size:.9em}.app-card-info-title>h4{margin-top:4px;font-size:.8em}}