.article-gradient{background:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.article-gradient,.article-gradient-strong{position:absolute;inset:0;transition:opacity .3s ease-in-out}.article-gradient-strong{background:linear-gradient(180deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.8))}.article-gradient-light{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 50%,transparent);transition:opacity .3s ease-in-out}.group:hover .article-gradient{opacity:.8}.group:hover .article-gradient-strong{opacity:.9}.group:hover .article-gradient-light{opacity:.7}.custom-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{display:none}.dark .custom-scrollbar{scrollbar-color:rgba(255,255,255,.1) transparent}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.1)}.regular-card{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.regular-card:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.regular-card:hover .group-hover\:opacity-100{opacity:1}