.mohaet__card{display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--Line-Color-Line-Color-01, #c9c9c9);max-width:384px;width:384px;overflow:hidden}@media(hover:hover){.mohaet__card:hover{box-shadow:4px 4px 4px #12124f0a,0 0 20px -4px #12124f14;border:1px solid var(--Line-Color-Line-Color-02, #c4cee4)}}@media screen and (max-width:1199px){.mohaet__card{width:100%;max-width:100%;height:100%;border-radius:16px}}.mohaet__card-youtube{border:none;border-radius:0}@media(hover:hover){.mohaet__card-youtube:hover{box-shadow:none;border:none}}.mohaet__card__thumbnail{width:100%;height:216px;display:flex}@media screen and (max-width:1199px){.mohaet__card__thumbnail{height:100%}}.mohaet__card__thumbnail img{width:100%;aspect-ratio:16/9;border-top-left-radius:10px;border-top-right-radius:10px;object-fit:cover}.mohaet__card__thumbnail-youtube img{border-radius:20px}@media screen and (max-width:1199px){.mohaet__card__thumbnail-youtube img{border-radius:16px}}.mohaet__card__box{flex:1;display:flex;padding:24px 24px 32px;background:#fff;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch}@media screen and (max-width:1199px){.mohaet__card__box{gap:12px;padding:20px 20px 24px}}.mohaet__card__box-youtube{padding:24px 16px;background:none}@media screen and (max-width:1199px){.mohaet__card__box-youtube{padding:16px 0}}@media screen and (max-width:1199px){.mohaet__card__box-trade{gap:16px}}.mohaet__card__box--title{width:100%;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word;display:-webkit-box;overflow:hidden;min-height:60px;max-height:60px}@media screen and (max-width:1199px){.mohaet__card__box--title{min-height:auto;max-height:none;-webkit-line-clamp:2}}@media(hover:hover){.mohaet__card__box--title-youtube:hover{color:#006cfc}}.mohaet__card__box--sub_label,.mohaet__card__box--date{text-align:left;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;word-break:break-all;display:-webkit-box;overflow:hidden}.mohaet__card__badge{display:flex;align-items:center;gap:16px}@media screen and (max-width:1199px){.mohaet__card__badge{gap:8px}}
