.earned-module__wrap{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.earned-module__group{background-color:#fff}.earned-module__group:hover{cursor:pointer}.group--thumb{background-image:url();background-repeat:no-repeat;border:1px solid #e2e2e2;height:250px;max-width:100%;position:relative}.group--logo{background-color:#fff;bottom:25px;box-shadow:5px 0 3px rgba(0,0,0,.3);left:0;padding:10px;position:absolute}.group--logo img{max-width:75px}.group__content{background-color:#fff;border:1px solid #e2e2e2;border-top:none;flex:1;padding:20px}.content__name{display:flex}.content__name p{font-weight:700}.group--overlay{background-color:rgba(0,0,0,.5);display:flex;height:100%;left:0;opacity:1;overflow:auto;padding:30px;position:fixed;top:0;width:100%;z-index:999999}.group--box{background-color:#fff;display:block;display:flex;flex-direction:column;height:fit-content;margin:auto;max-width:800px;padding:20px;width:100%}.group--close{margin-bottom:20px;text-align:end}.group--overlay .group--full{height:100%}.group--overlay .group--full img{height:100%;object-fit:contain}.group--close i{font-size:22px}.visible-content{display:flex;flex-direction:column;height:100%;transform-origin:center center;transition:transform .4s ease-in-out}.visible-content:hover{transform:scale(1.05)}@media only screen and (max-width:768px){.earned-module__wrap{grid-template-columns:repeat(2,1fr)}.content__name{flex-wrap:wrap}}@media only screen and (max-width:550px){.earned-module__wrap{grid-template-columns:100%}.group--overlay{padding:15px}.group--close i{font-size:16px}}