.grid-notification{display:grid;grid-gap:12px;grid-template-columns:auto 1fr;grid-template-areas:"a b" "a d"}.grid-notification,.grid-notification .a{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grid-notification .a{grid-area:a;align-self:flex-start;width:40px;height:40px;border-radius:50%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-notification .a img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.grid-notification .a.no-has-picture{padding:10px 15px;border-radius:20px;background:var(--maincolor)}.grid-notification .a.no-has-picture p{margin:0;padding:0;font-weight:600;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;text-decoration:none}.grid-notification .a.not-viewed:after{content:"";position:absolute;width:10px;height:10px;top:0;left:0;background:var(--maincolor);border-radius:50%;z-index:1e+21}.grid-notification .b{grid-area:b;font-family:Montserrat;font-style:normal;width:100%}.grid-notification .b p{font-weight:400;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3px;margin:0!important}.grid-notification .b span{font-weight:300;font-size:14px;color:#9a9a9a}.grid-notification .c{grid-area:c;font-family:Montserrat;font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#9a9a9a}.grid-notification .d{grid-area:d;max-width:100%;background:var(--closes-bg);border-radius:10px;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-notification .d p{margin:0;max-width:100%;white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}