.article-and-content-card{border-radius:12px}.article-and-content-card:hover{background-color:#f8fafd}.article-and-content-card__wrapper{display:flex;height:100%;flex-direction:column}.article-and-content-card img{width:100%;border-top-left-radius:12px;border-top-right-radius:12px}.article-and-content-card .card-title__wrapper{margin-top:4px;margin-bottom:4px;cursor:pointer}.article-and-content-card .card-title__wrapper a{color:#000;font-size:18px;line-height:25px}.article-and-content-card .card-title__wrapper a:hover{color:#000;text-decoration:underline}.article-and-content-card .card-title__wrapper .card-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-weight:800;line-height:22px}.article-and-content-card .card-title__wrapper .card-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:8px;font-size:14px;font-weight:400;line-height:20px}.article-and-content-card .card-content{display:flex;overflow:hidden;flex-direction:column;justify-content:space-between;padding:8px 16px}.article-and-content-card .card-content--alt{justify-content:flex-end}.article-and-content-card .card-content__wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.article-and-content-card .card-category{color:#ed1148;cursor:pointer;font-size:14px;font-weight:400;text-transform:uppercase;white-space:nowrap}.article-and-content-card .card-category:hover{text-decoration:underline}.article-and-content-card .card-date{color:#999;font-size:11px;line-height:8px;text-transform:uppercase;white-space:nowrap}.article-and-content-card .card-date:before{margin-right:3px;content:"";float:left;font-family:"Font Awesome 6 Pro";font-weight:500}.article-and-content-card .advertise-on-bitdegree{color:#999;font-size:11px;text-align:right;white-space:nowrap}.article-and-content-card .advertise-on-bitdegree i{padding-right:2px}@media (max-width: 575px){.article-and-content-card{height:unset;max-height:485px}}@media ((min-width: 576px) and (max-width: 768px)){.article-and-content-card{height:365px}}@media (min-width: 768px){.article-and-content-card{height:410px}.article-and-content-card.small-card{height:330px}}@media (min-width: 576px){.article-and-content-card--news,.article-and-content-card--videos{height:290px}}@media (min-width: 620px){.article-and-content-card--news,.article-and-content-card--videos{height:310px}}@media (min-width: 768px){.article-and-content-card--news,.article-and-content-card--videos{height:270px}}@media (min-width: 855px){.article-and-content-card--news,.article-and-content-card--videos{height:295px}}@media (min-width: 992px){.article-and-content-card--news,.article-and-content-card--videos{height:260px}}@media (min-width: 1060px){.article-and-content-card--news,.article-and-content-card--videos{height:270px}}@media (min-width: 1200px){.article-and-content-card--news,.article-and-content-card--videos{height:285px}}@media (min-width: 1300px){.article-and-content-card--news,.article-and-content-card--videos{height:310px}}.article-and-content-card--news img,.article-and-content-card--videos img{border-radius:8px}.article-and-content-card--news .card-title__wrapper a,.article-and-content-card--videos .card-title__wrapper a{font-size:20px}.article-and-content-card--news.card,.article-and-content-card--videos.card,.article-and-content-card--tutorials{border:none}@media (min-width: 576px){.article-and-content-card--tutorials{height:360px}}@media (min-width: 630px){.article-and-content-card--tutorials{height:360px}}@media (min-width: 768px){.article-and-content-card--tutorials{height:340px}}@media (min-width: 880px){.article-and-content-card--tutorials{height:350px}}@media (min-width: 992px){.article-and-content-card--tutorials{height:350px}}@media (min-width: 1200px){.article-and-content-card--tutorials{height:385px}}@media (min-width: 1300px){.article-and-content-card--tutorials{height:385px}}.dark-theme .article-and-content-card{background-color:#39015d}.dark-theme .article-and-content-card:hover{background-color:#410465}.dark-theme .article-and-content-card .card-title{color:#fff}
