.notification{position:fixed;bottom:0;z-index:3;padding:var(--inner-pad);box-sizing:border-box;opacity:0;transform:translate(-50%,300px);left:50%}.mobile .notification{width:100%}.notification.right{left:initial;right:0;transform:translate(0,300px)}.notification .note_text .highlight{color:var(--white-blue)}.notification.show{opacity:1;transform:translate(-50%,0);transition:opacity 0.5s ease,transform 0.5s ease}.notification.right.show{transform:translate(0,0)}.notification .title{display:block;margin-bottom:5px}.notification_inner{max-width:450px;display:flex;margin:0 auto;position:relative;width:calc(100vw - var(--inner-pad)*2)}.notification_inner .ks:hover{background:var(--hov-gg)}.notification_inner .ks{background:var(--podl-bg);border-radius:var(--hint-br);box-shadow:var(--hint-sh);padding:var(--sm-bl-pad) 60px var(--sm-bl-pad) var(--sm-bl-pad);display:flex;color:inherit;width:100%}.notification_inner .video,.notification_inner .pic{margin-right:var(--spad);min-width:60px}.notification_inner .video_holder,.notification_inner .pic_holder{width:60px;height:60px;display:flex}.notification_inner .video_holder .video_el,.notification_inner .pic_holder .img{width:100%;object-fit:cover;border-radius:50%}.notification_inner .note_text{font-size:15px;line-height:20px}.notification_inner .note_text .emojiimg{margin:-4px 2px;width:20px;height:20px}.notification:not(.noclamp) .note_text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification_inner .close_wrapper{position:absolute;right:var(--sm-bl-pad);top:var(--sm-bl-pad);width:35px;height:35px;z-index:2}.notification .close{font-size:17px;cursor:pointer;width:34px;height:34px;text-align:center;border-radius:60px;display:inline-flex;justify-content:center;align-items:center}.notification .close:hover{background-color:var(--hov-gg)}