.card-shuffle{--gradient:linear-gradient(0deg,#000 19.63%,transparent 54.1%);--transition-duration:.3s;aspect-ratio:9/16;background-color:#414141;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;text-align:left}.card-shuffle__img{display:block;height:auto;width:100%}.card-shuffle__placeholder-logo{display:block;margin:0 auto;width:60%}.card-shuffle__infos{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-orient:vertical;-webkit-box-direction:normal;background:var(--gradient);bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:flex-end;left:0;padding:16px;position:absolute;right:0;row-gap:16px;top:0;-webkit-transition:background-color var(--transition-duration) ease-in-out;transition:background-color var(--transition-duration) ease-in-out}.card-shuffle__title{-webkit-box-orient:vertical;line-clamp:5;-webkit-line-clamp:5;color:#202020;color:#f8f8f8;display:-webkit-box;font-family:BrownBold,sans-serif;font-size:1.8rem;font-weight:700;line-height:135%;overflow:hidden}.card-shuffle__title:first-letter{text-transform:capitalize}.card-shuffle__metadatas{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#5c5c5c;color:#b9b9b9;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.4rem;line-height:125%}.card-shuffle__metadatas,.card-shuffle__point{font-family:BrownRegular,sans-serif;font-weight:400}.card-shuffle__point{color:#ffc300;font-size:1rem}.card-shuffle__play-icon{color:#fff;display:block;left:calc(50% - 32px);opacity:0;position:absolute;top:calc(50% - 32px);-webkit-transition:opacity var(--transition-duration) ease-in-out;transition:opacity var(--transition-duration) ease-in-out}.card-shuffle__img,.card-shuffle__placeholder-logo{-webkit-transition:-webkit-transform var(--transition-duration) ease-in-out;transition:-webkit-transform var(--transition-duration) ease-in-out;transition:transform var(--transition-duration) ease-in-out;transition:transform var(--transition-duration) ease-in-out,-webkit-transform var(--transition-duration) ease-in-out}.card-shuffle:hover .card-shuffle__play-icon{opacity:.7}.card-shuffle:hover .card-shuffle__img,.card-shuffle:hover .card-shuffle__placeholder-logo{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-shuffle:hover .card-shuffle__infos{background:var(--gradient),rgba(0,0,0,.2)}