[data-cpy]{--opacity:0;position:relative}[data-cpy]:after{content:attr(data-cpy);padding:var(--mp-m);font-size:var(--font-size-h3);text-align:center;color:var(--balatro-white);background:var(--balatro-grey);border-radius:var(--border-ellipsis);opacity:var(--opacity,0);display:block;position:absolute;bottom:110%;left:50%;transform:translate(-50%)}main{gap:var(--mp-xl);flex-direction:column;display:flex;& header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}& header.reverse{flex-direction:row-reverse}& article{align-items:stretch;gap:var(--mp-xl);width:calc(100% - (2*var(--mp-xl)));min-height:240px;padding:var(--mp-l);margin-inline:var(--mp-xl);background-color:var(--bg-light-trans);border-radius:var(--border-ellipsis);box-shadow:0 3px 6px var(--bg-light-trans);flex-direction:column;display:flex;&:first-of-type{margin-top:var(--mp-l)}& img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--border-ellipsis);max-width:320px;height:100%;max-height:160px}& section{flex-direction:column;flex:1;justify-content:space-between;display:flex;& h2{margin:0 0 var(--mp-l)0;font-size:var(--mp-xl);line-height:var(--lh-l)}& p{-webkit-line-clamp:3;max-height:calc(3*var(--mp-xl));margin:0 0 var(--mp-l);line-height:var(--lh-l);-webkit-box-orient:vertical;flex-grow:1;display:-webkit-box;overflow:hidden}}& footer{color:var(--bg-light-grey);justify-content:space-between;align-items:center;font-size:.9rem;display:flex;& a{color:var(--balatro-white)}}}}@media screen and (width<=768px){main{margin:0!important}article{box-sizing:border-box;max-width:100%;margin:0;width:100%!important;margin-inline:0!important;& header{&,&.reverse{flex-direction:row}& h2{margin:0 0 var(--mp-l)0;font-size:var(--mp-xl);white-space:nowrap;text-overflow:ellipsis;width:480px;max-width:480px;overflow:hidden}& figure{box-sizing:border-box;justify-content:center;width:100%;margin:auto auto 1rem;display:flex;& img{width:100%;height:200px}}}& footer{align-items:flex-start;gap:var(--mp-s);flex-direction:row}}}@media screen and (width<=520px){article{& header{& h2{width:380px;max-width:380px}}}}@media screen and (width<=420px){article{& header{& h2{width:280px;max-width:280px}}}}
/*# sourceMappingURL=news.633b4e07.css.map */