.user-notification{background-color:#fff;border-top:1px solid #f3f6f6;padding:16px 32px}.user-notification--default{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto;grid-template-rows:auto auto}.user-notification--new,.user-notification--tech-work{background-color:#f0f9fa}.user-notification--new .user-notification__text,.user-notification--tech-work .user-notification__text{font-weight:700!important}.user-notification--new{cursor:pointer}.user-notification--popup{align-items:start;border-radius:8px!important;box-shadow:0 4px 8px #031e450d;padding:16px}.user-notification__text{grid-column:1/1;grid-row:1/1;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.user-notification__date{grid-column:1/1;grid-row:2/2}.user-notification__icon-wraper{color:#9a9b9c;display:flex;flex-direction:column;grid-column:2/2;grid-row:1/-1}