.BloggerCard{border-radius:18px;align-items:flex-end;max-width:264px;height:470px;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.BloggerCard{max-width:unset}}.BloggerCard-ImgContainer{width:100%;height:100%;position:absolute;inset:0}.BloggerCard-Playing{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.BloggerCard-ImgContainer:before{content:"";z-index:10;background:linear-gradient(#0000004d 0% 100%);position:absolute;inset:0}.BloggerCard-Img{-o-object-fit:cover;object-fit:cover;position:absolute;inset:0}.BloggerCard-Video{position:absolute;inset:0}.BloggerCard-PlayButton{z-index:20;--tw-translate-x:-50%;--tw-translate-y:-50%;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));background-color:#ccd1db99;border-radius:9999px;padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%}@media (hover:hover) and (pointer:fine){.BloggerCard-PlayButton:hover{--tw-bg-opacity:1;background-color:rgb(204 209 219/var(--tw-bg-opacity,1))}}.BloggerCard-Text{z-index:20;flex-direction:column;gap:.375rem;width:100%;padding-bottom:1.25rem;padding-left:1.25rem;padding-right:1.25rem;display:flex;position:relative}.BloggerCard-Nickname{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-weight:500}.BloggerCard-Title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.BloggerCard-Video{width:100%;height:100%}.BloggerCard-Button{font-size:14px}
.NewsCard{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:18px;flex-direction:column;align-items:flex-start;gap:42px;max-width:264px;height:470px;display:flex;overflow:hidden}@media (min-width:1024px){.NewsCard{max-width:unset}}.NewsCard-Button{font-size:14px}.NewsCard-ImageContainer{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;width:100%;height:200px;overflow:hidden}.NewsCard-Image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding-left:1.25rem;padding-right:1.25rem}.NewsCard-Text{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));flex-direction:column;gap:.375rem;padding-bottom:1.25rem;padding-left:1.25rem;padding-right:1.25rem;display:flex}.NewsCard-Name{padding-bottom:.5rem}.NewsCard-Title{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:60px;display:-webkit-box;overflow:hidden}.NewsCard-Description{line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;height:4rem;margin-bottom:.5rem;line-height:1rem;display:-webkit-box;overflow:hidden}