.c-basic-announce{--title-font-size:15px;--title-max-lines:5;--announce-font-size:12px;--announce-color:#5e636b;--announce-max-lines:3;--hover-opacity:.8;--column-gap:40px;display:flex;flex-direction:column;flex-grow:1;gap:10px;height:100%;cursor:pointer;color:inherit}.c-basic-announce.horizontal{--title-max-lines:4;--announce-max-lines:4;flex-direction:row;gap:var(--column-gap)}.c-basic-announce.horizontal.right{flex-direction:row-reverse}.c-basic-announce.horizontal.wide>.content{flex:2}.c-basic-announce.horizontal.wide>.image-container{flex:1}.c-basic-announce.horizontal>*{flex:1 1 0%}.c-basic-announce:hover{color:inherit}.c-basic-announce .image-container{position:relative !important}.c-basic-announce .content{display:flex;flex-direction:column;flex-grow:1;gap:20px;border-bottom:1px solid #dedede}.c-basic-announce .content>.primary{display:flex;flex-direction:column;flex-grow:1;gap:20px}.c-basic-announce .content .text{display:flex;flex-direction:column;gap:10px}.c-basic-announce .content .heading,.c-basic-announce .content .announce{margin:0 !important;text-wrap-style:balance}.c-basic-announce .content .heading:hover,.c-basic-announce .content .announce:hover{opacity:var(--hover-opacity)}.c-basic-announce .content .heading{font-size:var(--title-font-size);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--title-max-lines);line-clamp:var(--title-max-lines)}.c-basic-announce .content .announce{font-size:var(--announce-font-size);color:var(--announce-color);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--announce-max-lines);line-clamp:var(--announce-max-lines);line-height:130%}.c-basic-announce .datetime{display:flex;justify-content:space-between;color:#5e636b !important;text-transform:uppercase !important;font-size:12px}.c-basic-announce.no-bordered .content{border:0 !important}.c-basic-announce.big{--announce-font-size:13px;--title-font-size:18px;--title-max-lines:4;--announce-max-lines:3;gap:40px}.c-basic-announce.big.horizontal{--announce-max-lines:6}@media (max-width: 1199.8px){.c-basic-announce.horizontal{flex-direction:column;gap:10px}.c-basic-announce.horizontal.right{flex-direction:column}}