.c-article-recommendation{background-color:#333;border-top:4px solid var(--capital-blue);bottom:70px;cursor:pointer;font-weight:400;height:130px;max-width:100%;opacity:0;overflow:hidden;position:fixed;right:-100%;transition:1s;visibility:hidden;width:454px;z-index:1000}.c-article-recommendation--visible{animation-duration:1s;animation-fill-mode:forwards;animation-name:articleRecommendationIn;opacity:1;visibility:visible}.c-article-recommendation--visible:hover{box-shadow:0 .125rem .25rem rgba(0,0,0,.35)}.c-article-recommendation--hidden{animation-duration:1s;animation-fill-mode:forwards;animation-name:articleRecommendationOut}.c-article-recommendation img{height:100%;object-fit:cover;position:absolute;right:0;top:0;width:50%;z-index:1}.c-article-recommendation__overlay{background:linear-gradient(270deg,rgba(0,174,239,0) 30%,var(--dark-charcoal) 50%,var(--dark-charcoal) 100%);bottom:0;display:flex;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:2}.c-article-recommendation__label{color:var(--capital-blue);font-family:var(--font-stage-lc-sans);font-size:14px;line-height:14px;margin-bottom:.5rem}.c-article-recommendation__title{color:var(--white-smoke);display:-webkit-box;flex:1;font-family:var(--font-slc);font-size:1.1875rem;line-height:1.2;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.c-article-recommendation__title:hover{color:var(--white-smoke);opacity:1}.c-article-recommendation__close{background:none;border:none;color:var(--capital-blue);cursor:pointer;padding:0;position:absolute;right:14px;top:10px;z-index:3}.c-article-recommendation__close svg{color:var(--capital-blue)}@media (max-width:575.98px){.c-article-recommendation{bottom:-100%;right:0;width:100%}.c-article-recommendation img{display:none}.c-article-recommendation__overlay{padding:1rem}.c-article-recommendation__title{font-size:1.0625rem;-webkit-line-clamp:3}.c-article-recommendation--visible{animation-duration:1s;animation-fill-mode:forwards;animation-name:articleRecommendationInMobile;opacity:1;visibility:visible}.c-article-recommendation--hidden{animation-duration:1s;animation-fill-mode:forwards;animation-name:articleRecommendationOutMobile}}@media (max-width:991.98px){.c-article-recommendation__title{font-size:1.125rem;line-height:23px}}@keyframes articleRecommendationIn{0%{right:-100%}to{right:0}}@keyframes articleRecommendationOut{0%{right:0}to{right:-100%}}@keyframes articleRecommendationInMobile{0%{bottom:-100%}to{bottom:0}}@keyframes articleRecommendationOutMobile{0%{bottom:0}to{bottom:-100%}}