.list-item{-webkit-transition:all .45s;transition:all .45s;width:100%}.list-leave-to{opacity:0}.list-enter{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}.list-leave-active{position:absolute!important;max-width:800px}.notifications{height:100%;border:1px solid #e7e7e7;background-color:#fff;position:relative}.notifications__block{background-color:#fff;border-bottom:1px solid #e7e7e7}@media (max-width:1023px){.notifications__block{border:none}}@media (max-width:414px){.notifications__block{padding-top:12px}}.notifications__block-title{font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;padding:0 30px;border-bottom:1px solid #eee;color:#4c4c4c}.notifications__item{display:block;padding:24px 40px;cursor:pointer;color:inherit;text-decoration:inherit;position:relative;background:rgba(54,112,249,.05)}.notifications__item--is-read{background:#fff}@media (max-width:1279px){.notifications__item{padding:24px}}@media (max-width:414px){.notifications__item{padding:12px 24px 16px}}@media (max-width:364px){.notifications__item{padding:12px 16px 16px}}.notifications__item:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(0,0,0,.1)}@media (max-width:1023px){.notifications__item:not(:last-child):after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - 48px)}}@media (max-width:364px){.notifications__item:not(:last-child):after{width:calc(100% - 32px)}}@media (hover:hover){.notifications__item:hover{background:#e1eafe}}.notifications__photo-and-username{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:12px}.notifications__item--is-read{background-color:#fff}.notifications__photo{height:40px;-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;background:#eee top/auto 100% no-repeat;margin-right:12px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}@media (max-width:414px){.notifications__photo{width:32px;height:32px;-webkit-box-flex:0;-ms-flex:0 0 32px;flex:0 0 32px;margin-right:8px}}.notifications__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden}.notifications__item-username{font-size:0;width:100%}.notifications__item-username span{max-width:100%;text-overflow:ellipsis;overflow:hidden;display:inline-block;font-size:16px;line-height:24px;font-weight:700}@media (max-width:414px){.notifications__item-username span{font-size:14px;line-height:16px}}@media (max-width:414px){.notifications__item-username{margin-bottom:3px}}.notifications__item-date{font-size:12px;line-height:16px;color:#4d4d4d}.notifications__item-content{font-size:16px;line-height:20px;-webkit-box-orient:vertical;-o-object-fit:contain;object-fit:contain;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width:1279px){.notifications__item-content{-webkit-box-orient:vertical;-o-object-fit:contain;object-fit:contain;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@media (max-width:1023px){.notifications__item-content{-webkit-box-orient:vertical;-o-object-fit:contain;object-fit:contain;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}@media (max-width:414px){.notifications__item-content{font-size:14px;line-height:18px;-webkit-box-orient:vertical;-o-object-fit:contain;object-fit:contain;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}.notifications__empty{background:#fff;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notifications__empty svg{width:280px;height:280px;margin:8px auto}@media (max-width:1279px){.notifications__empty svg{width:204px;height:204px}}@media (max-width:1023px){.notifications__empty{position:relative;border:none;min-height:calc(100vh - 48px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:15px 0}}.notifications__empty-text{font-size:16px;line-height:22px;color:#000;margin-bottom:24px;font-weight:700;text-align:center}.notifications__loader-icon{height:100%;position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}