.res-card{border:1px solid #27282e;background-color:#0d0e11;transform-style:preserve-3d;padding:1.25em;transition:background-color .3s ease,opacity .25s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.res-card .label{background-color:#16161b;border:1px solid #27282e;color:#c7cbdf;font-weight:600}.res-card .date{font-weight:600}.res-card:hover{cursor:pointer;background-color:#12131a}.resource-fade-wrapper{position:absolute;overflow:hidden;height:150px;bottom:-10px;left:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.resource-fade-wrapper.visible{opacity:1}.fade-overlay{position:absolute;bottom:0;left:0;height:100%;width:100%;background:linear-gradient(to top,var(--bg-color) 15%,transparent);pointer-events:none;z-index:0}.resource-fade-wrapper .member-button{position:relative;z-index:1;pointer-events:auto}.res-img{aspect-ratio:14 / 9}