.expanding-cards-container{--bg-color:rgb(20,20,20);--card-color:rgba(17,24,39,1);width:100%;display:flex;justify-content:center;align-items:center;padding:2rem}.expanding-cards-grid{display:flex;flex-wrap:wrap;gap:8px;max-width:916px;width:calc(100% - 20px);justify-content:center}.expanding-cards-grid:hover>.expanding-card:after{opacity:1}.expanding-card{background-color:rgba(255,255,255,.1);border-radius:10px;cursor:pointer;display:flex;height:260px;flex-direction:column;position:relative;width:300px}.expanding-card:hover:before{opacity:1}.expanding-card:after,.expanding-card:before{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%}.expanding-card:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(0,217,245,.25),transparent 40%);z-index:3}.expanding-card:after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(0,217,245,1),transparent 40%);z-index:1}.expanding-card-content{background-color:var(--card-color);border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;inset:1px;padding:10px;position:absolute;z-index:2}.expanding-card h1,.expanding-card h2,.expanding-card h3,.expanding-card h4,.expanding-card span{color:rgb(240,240,240);margin:0}.expanding-card i{color:rgb(240,240,240)}.expanding-card-image{align-items:center;display:flex;height:140px;justify-content:center;overflow:hidden}.expanding-card-image>i{font-size:6em;opacity:.25}.expanding-card-info-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:flex-start;padding:0 20px}.expanding-card-info{align-items:flex-start;display:flex;gap:10px}.expanding-card-info>i{font-size:1em;height:20px;line-height:20px}.expanding-card-info-title>h3{font-size:1.1em;line-height:20px}.expanding-card-info-title>h4{color:rgba(255,255,255,.5);font-size:.85em;margin-top:8px}@media(max-width:1000px){.expanding-card{flex-shrink:1;width:calc(50% - 4px)}}@media(max-width:500px){.expanding-card{height:180px}.expanding-card-image{height:80px}.expanding-card-image>i{font-size:3em}.expanding-card-info-wrapper{padding:0 10px}.expanding-card-info>i{font-size:.8em}.expanding-card-info-title>h3{font-size:.9em}.expanding-card-info-title>h4{font-size:.8em;margin-top:4px}}@media(max-width:480px){.expanding-card{width:100%}}