@keyframes lighting{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.card-article{display:block;position:relative;transition:filter .1s linear}.card-article:hover{filter:drop-shadow(var(--backlight-light));transition:none}.card-article:hover .image-wrapper{position:relative}.card-article:hover .image-wrapper:after{animation:lighting 25s linear infinite;background-image:linear-gradient(45deg,#62f2f7,rgba(98,242,247,.7) 25%,rgba(98,242,247,.3) 50%,rgba(98,242,247,.5) 75%);background-size:400%;content:"";filter:blur(25px);height:100%;left:50%;opacity:1;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);width:100%;will-change:transform;z-index:-1}:root[data-theme=light] .card-article:hover .image-wrapper:after{background-image:linear-gradient(45deg,#cf9cf8 .08%,transparent 16.85%,#b79bfa 33.36%,#cf9cf8 49.48%,transparent 65.6%,#b79bfa 81.2%,#cf9cf8 96.81%)}@media screen and (max-width:1279px){.card-article:hover .image-wrapper:after{display:none}}.card-article:hover .image .bg{transform:scale(1.1)}.card-article:hover .image .bg:after{opacity:1}.card-article:hover .image .annotation{opacity:1;transition:opacity .1s linear}.card-article:hover .v-tags{opacity:0}.card-article .image{align-items:flex-end;border-radius:0;display:flex;height:430px;overflow:hidden;position:relative}.card-article .image .bg{bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .1s linear}.card-article .image .bg:after{background:var(--overlay-hover);content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .1s linear;width:100%}.card-article .image .favorite{position:absolute;right:12px;top:12px}@-moz-document url-prefix(){.card-article .image .favorite{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.card-article .image .annotation{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:var(--buttons-text-on-overlay);display:-webkit-box;font-size:16px;font-weight:400;line-height:24px;margin:0 12px 12px;max-height:140px;opacity:0;overflow:hidden;padding:20px 0 0;position:relative;transition:none;width:100%}.card-article .v-tags{left:-12px;opacity:1;position:absolute;top:12px;transition:opacity .1s linear}.card-article .annotation-button{bottom:12px;position:absolute;right:12px;top:unset!important;z-index:2}.card-article .annotation-button-close{position:absolute;right:0;top:0!important;z-index:2}.card-article__title{color:var(--text-primary);font-size:18px;font-weight:600;line-height:24px;margin-top:12px;padding:0}.card-article__title p{margin:0}.card-article.s .image{height:296px}.card-article.s .image .annotation{font-size:13px;font-weight:400;line-height:20px;margin:12px}.card-article.s .image .favorite{right:10px;top:10px}.card-article.s .card-article__title{font-size:16px;font-weight:600;line-height:22px;margin-top:8px}.card-article.active .bg:after{opacity:1}.card-article.active .annotation{opacity:1;transition:opacity .1s linear}@media screen and (max-width:1279px){.card-article.s .image{height:296px}.card-article.s .image .annotation{font-size:13px;font-weight:400;line-height:20px;margin:12px}.card-article.s .image .favorite{right:10px;top:10px}.card-article.s .card-article__title{font-size:16px;font-weight:600;line-height:22px;margin-top:8px}.card-article .image{height:256px}.card-article .image .bg{transform:none!important}.card-article .v-tags{left:-12px;opacity:1!important;top:12px}.card-article__title{font-size:18px;font-weight:600;line-height:24px;margin-top:16px}.card-article:not(.active):hover .image .annotation,.card-article:not(.active):hover .image .bg:after{opacity:0}}@media screen and (max-width:767px){.card-article .image{height:214px;width:200px}.card-article .image .annotation{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-height:90px;overflow:hidden}.card-article .v-tags{left:-6px;top:8px}.card-article__title{font-size:15px;font-weight:600;line-height:20px;margin-top:10px;width:200px}}