@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification{align-items:center;background-color:#201523;cursor:pointer;gap:24px;padding:10px 24px}.notification,.notification__icon{display:flex;flex-shrink:0;position:relative}.notification__icon svg{height:24px;width:24px}.notification__thumbnail{border-radius:6px;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:96px}.notification__content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.notification__title{font-size:.875rem;color:#fff;line-height:1rem;font-weight:700}.notification__description{font-size:.8125rem;color:#8c7996;line-height:.9375rem;font-weight:400;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;line-clamp:2;overflow:hidden;margin-top:6px}.notification__button{font-size:.75rem;color:#fff;line-height:.875rem;font-weight:700;align-items:center;border-radius:6px;border:1px solid #251929;display:flex;height:40px;justify-content:center;margin-top:11px;padding:0 8px;text-align:center;text-transform:uppercase;width:100%}.notification__time{font-size:.6875rem;color:#fff;line-height:1.1875rem;font-weight:400;flex-shrink:0;text-transform:uppercase;white-space:nowrap}.notification--read{background-color:rgba(0,0,0,0)}.notification--read .notification__time{color:#a997b5}.alert-notification{padding:12px 32px}.alert-notification .notification__title{font-size:1.25rem;line-height:1.4375rem;margin-right:64px}.alert-notification .notification__description{font-size:.875rem;line-height:1.375rem;margin-top:4px}.alert-notification .notification__time{position:absolute;right:32px;top:16px}