.card-wrapper{z-index:3;width:100%;max-width:280px;margin:auto;transition:z-index .251s;animation:.25s ease-in-out both appear;position:relative}.card-wrapper:after{content:"";z-index:49;visibility:hidden;opacity:0;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%) 0 0/200% 100%;width:100%;height:100%;transition:opacity .25s ease-in-out,visibility .4s;animation:1s linear infinite shine;position:absolute;top:0;left:0}.card-wrapper.loading:after{visibility:visible;opacity:1}.card-wrapper:not(.loading):hover,.card-wrapper:not(.loading):focus-within{z-index:5}.card-wrapper:not(.loading):hover .card,.card-wrapper:not(.loading):focus-within .card{transform:scale(1.15);background-color:#0000!important}.card-wrapper:not(.loading):hover .card .card__pattern,.card-wrapper:not(.loading):focus-within .card .card__pattern{opacity:0;transform:scale(1.5)}.card-wrapper:not(.loading):hover .card .card__illustration,.card-wrapper:not(.loading):focus-within .card .card__illustration{filter:grayscale(0)}.card-wrapper:not(.loading):hover .card .play-button,.card-wrapper:not(.loading):focus-within .card .play-button{opacity:1;transform:translate(-50%)translateY(-50%)}.card-wrapper:not(.loading):hover .card .card__title,.card-wrapper:not(.loading):focus-within .card .card__title{opacity:0;transform:translateY(38px)}.card-wrapper:not(.loading):hover .card .card__category,.card-wrapper:not(.loading):focus-within .card .card__category{transform:translateY(-300%)}.card-wrapper:not(.loading):hover .card__playing-icon,.card-wrapper:not(.loading):focus-within .card__playing-icon{opacity:0}.card-wrapper:not(.loading):hover .card-addon,.card-wrapper:not(.loading):focus-within .card-addon{z-index:100;opacity:1;visibility:visible;border-top-width:6px;transition:opacity .38s ease-in-out}.card-wrapper .card{aspect-ratio:1;background-blend-mode:saturation;background-position:50%;background-size:cover;height:100%;transition:transform .25s ease-in-out,opacity .25s ease-in-out,background-color .25s ease-in-out;position:relative;overflow:hidden}.card-wrapper .card__illustration{z-index:2;object-fit:cover;filter:grayscale();background-color:#fff;width:100%;height:100%;transition:filter .25s ease-in-out}.card-wrapper .card__title{z-index:3;text-transform:uppercase;text-align:right;max-width:90%;line-height:25px;transition:inherit;display:inline-block;position:absolute;bottom:20px;right:0}@media screen and (min-width:1900px){.card-wrapper .card__title-highlight{font-size:1.1rem}}.card-wrapper .card__title-highlight{color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000c;padding-top:.375rem;padding-left:5px;padding-right:5px;font-size:.95rem;font-weight:700;display:inline}.card-wrapper .card__category{z-index:3;text-transform:uppercase;max-width:100%;font-size:.8rem;transition:inherit;position:absolute;top:20px;left:0}.card-wrapper .card__category-highlight{color:#000;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fff;padding-top:3px;padding-left:5px;padding-right:5px;display:inline}.card-wrapper .card .play-button{z-index:3;opacity:0;transition:inherit;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(35px)}.card-wrapper .card__playing-icon{z-index:3;opacity:1;transition:opacity .25s ease-in-out;position:absolute;top:25px;right:0}.card-wrapper .card:before{z-index:3;content:"";mix-blend-mode:multiply;background-color:inherit;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.card-wrapper .card-addon{border-top:6px solid;border-color:inherit;color:#fff;box-sizing:border-box;opacity:0;visibility:hidden;background:#000;width:170%;max-width:98vw;transition:opacity .38s ease-in-out,visibility .4s;position:absolute;overflow:hidden;transform:translate(-20%)}.card-wrapper .card-addon.border-left{transform:translate(-4.6%)}.card-wrapper .card-addon.border-right{transform:translate(-36.6%)}@media screen and (max-width:460px){.card-wrapper .card-addon{width:115%;transform:translate(-6.5%)!important}}.card-wrapper .card-addon__wrapper{flex-direction:column;gap:15px;width:100%;height:fit-content;padding:8%;display:flex}.card-wrapper .card-addon__title{font-size:1.44rem;font-weight:700}.card-wrapper .card-addon__content{-webkit-line-clamp:6;-webkit-box-orient:vertical;font-size:1.2rem;line-height:1.4rem;display:-webkit-box;overflow:hidden}@keyframes shine{to{background-position-x:-200%}}@keyframes appear{0%{opacity:0}to{opacity:1}}
.card__playing-icon{background:#fffc;width:43px;height:28px;padding:0}