.article-preview{position:relative;z-index:0}.article-preview__link:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.article-preview__link:hover~.article-preview__card{background-color:#fafafa;border-color:#dcdcdc}.article-preview__link:focus-visible~.article-preview__card{outline:2px solid #185abc}.article-preview__link:active~.article-preview__card{background-color:#f3f3f3;border-color:#acaead}.article-preview__card{display:flex;flex-direction:column;height:100%;transition:background-color .3s,border-color .3s}.article-preview__card a,.article-preview__card button{position:relative;z-index:2}.article-preview__image{border-radius:inherit;display:block!important;height:200px!important;margin:calc(var(--as-card-padding-y)*-1) calc(var(--as-card-padding-x)*-1) 0!important;width:calc(100% + var(--as-card-padding-x)*2)}.article-preview__meta{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:24px;width:100%}.article-preview__tag{border:2px solid transparent;border-radius:12px;color:var(--color)!important;display:block;font-size:14px;max-width:100%;overflow:hidden!important;padding:2px 16px;position:relative;text-overflow:ellipsis!important;transition:border-color .3s;white-space:nowrap!important;z-index:0}.article-preview__tag:focus-visible{outline:2px solid #185abc}.article-preview__tag:before{background-color:var(--color);border-radius:inherit;content:"";top:-2px;right:-2px;bottom:-2px;left:-2px;opacity:.2;position:absolute;transition:opacity .3s}.article-preview__tag:active,.article-preview__tag:hover{border-color:var(--color)}.article-preview__tag:active:before{opacity:.3}.article-preview__views{align-items:center;color:#00ac54;display:inline-flex;font-size:14px}.article-preview__views svg{height:16px;margin-right:4px;min-width:16px;width:16px;fill:#00ac54}.article-preview__name{-webkit-hyphens:auto;hyphens:auto;margin:16px 0 0!important}.article-preview__annotation{display:-webkit-box;overflow:hidden!important;-webkit-line-clamp:5;-webkit-box-orient:vertical;flex:1;font-size:14px;margin:8px 0 0!important;opacity:.65}.article-preview__created{font-size:14px;justify-self:flex-end;margin:8px 0 0!important;opacity:.35}@media screen and (min-width:401px){.article-preview__image{border-radius:14px 14px 16px 16px}.article-preview__tag{font-size:16px;padding:4px 16px}.article-preview__name{font-size:24px!important;line-height:32px!important}.article-preview__annotation,.article-preview__views{font-size:16px}}