.highlights{display:flex;flex-direction:column}.highlight{display:flex;flex-direction:column;margin-bottom:1.5rem;position:relative;z-index:0;border:solid var(--grey2);border-width:0 1px 1px 1px;&:before,&:after{display:block;content:"";position:absolute;height:100%;left:-4px;right:-4px;width:calc(100% + 8px)}&:after{z-index:-1;background:linear-gradient(to bottom,#fff,#0000);height:70%}&:before{z-index:-2;top:1px;background:linear-gradient(to right,#dcdcdc00 0,#dcdcdc 4px,#dcdcdc00 4px calc(100% - 4px),#dcdcdc calc(100% - 4px),#dcdcdc00)}}.highlight-content{height:100%;display:flex;flex-direction:column;background-color:#fff;h2{margin-top:0;padding-left:.8rem}a{line-height:0}a img,img{margin-bottom:.5rem;width:100%}>div{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:0 .8rem .8rem;hyphens:auto}}@media screen and (min-width: 768px),print{.highlights{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.highlight{min-height:25rem;margin-bottom:0}}@media screen and (min-width: 1024px),print{.highlights{margin-top:2rem;>:nth-child(3n+1){border-left-width:0;padding-left:0;&:before{background:linear-gradient(to right,#dcdcdc00 0 calc(100% - 4px),#dcdcdc calc(100% - 4px),#dcdcdc00)}&:before,&:after{left:0}}>:nth-child(3n+3){border-right-width:0;padding-right:0;&:before{background:linear-gradient(to right,#dcdcdc00 0,#dcdcdc 4px,#dcdcdc00 4px 100%)}&:before,&:after{right:0}}>:nth-child(3n+1):before,>:nth-child(3n+1):after,>:nth-child(3n+3):before,>:nth-child(3n+3):after{width:calc(100% + 4px)}}}
/*# sourceMappingURL=highlight.min.css.map */
