.RecommendationCard{position:relative}@media (hover:hover) and (pointer:fine){.RecommendationCard .RecommendationCard__overlay{opacity:0;visibility:hidden;background:#0009}.RecommendationCard:hover .RecommendationCard__overlay{opacity:1;visibility:visible}}.RecommendationCard--rejected .ShowCard__content,.RecommendationCard--rejected .ShowCard__poster-image,.RecommendationCard--rejected .ShowCard__rating{filter:grayscale()opacity(.8)}.RecommendationCard .ShowCard__rating{pointer-events:none;z-index:3}.RecommendationCard__overlay{z-index:2;background:#0000004d;width:100%;height:100%;transition:opacity .2s,visibility .2s;position:absolute;top:0;left:0}@media screen and (max-width:480px){.RecommendationCard__overlay{display:none}}.RecommendationCard__reject-button,.RecommendationCard__undo-button{box-shadow:none;color:var(--color-white);cursor:pointer;opacity:.8;text-align:center;z-index:1;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;padding:12px;transition:opacity .2s;display:flex;position:absolute;top:0;right:0}.RecommendationCard__reject-button:hover,.RecommendationCard__undo-button:hover{opacity:1}.RecommendationCard__reject-button--desktop,.RecommendationCard__undo-button--desktop{display:flex}@media screen and (max-width:480px){.RecommendationCard__reject-button--desktop,.RecommendationCard__undo-button--desktop{display:none}}.RecommendationCard__reject-button--mobile,.RecommendationCard__undo-button--mobile{color:var(--info-color);opacity:1;display:none}@media screen and (max-width:480px){.RecommendationCard__reject-button--mobile,.RecommendationCard__undo-button--mobile{padding:14px;display:flex;top:-14px;right:-14px}}.RecommendationCard__undo-button--mobile{padding:12px}.RecommendationsList__ad-mobile-block{grid-column:1/-1;display:none}@media screen and (max-width:767px){.RecommendationsList__ad-mobile-block{margin-left:calc(var(--container-padding)*-1);margin-right:calc(var(--container-padding)*-1);display:block}}.RecommendationsList__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media screen and (max-width:767px){.RecommendationsList__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.RecommendationsList__grid{grid-template-columns:repeat(1,1fr)}}
