.notification-modal{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:60px;background-color:rgba(18,18,18,.7);margin:0px;flex-direction:row;justify-content:space-between;align-items:center;color:#fff;position:fixed;bottom:calc(64px + env(safe-area-inset-bottom));z-index:-10;transform:translateY(35px);transition:all ease-in-out .5s;opacity:0}@media screen and (min-width: 768px){.notification-modal{margin:0 auto;width:768px}}.notification-modal.show{opacity:1;transform:translateY(0);transition:all ease-in-out .5s;z-index:200}.notification-modal .box-notify{position:relative;overflow:hidden;width:calc(100% - 54px);height:100%}.notification-modal .notification-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;left:0;transform:translateX(100%);top:0;padding:10px 0 10px 10px;width:100%;cursor:pointer}.notification-modal .notification-wrapper.active:not(.first-load){animation:slideIn .6s forwards;-webkit-animation:slideIn .6s forwards}.notification-modal .notification-wrapper.hide-active:not(.first-load){animation:slideOut .6s forwards;-webkit-animation:slideOut .6s forwards}.notification-modal .notification-wrapper.hide-active.first-load{transform:translateX(-100%)}.notification-modal .notification-wrapper.first-load{transform:translateX(0)}.notification-modal .wrapper-img-avatar{width:40px;height:40px;border-radius:50%}.notification-modal .wrapper-img-avatar img{object-fit:cover;width:40px;height:40px;border-radius:50%}.notification-modal .wrapper-img-gift{width:40px;height:40px;border-radius:5px}.notification-modal .wrapper-img-gift img{object-fit:cover;width:40px;height:40px;border-radius:5px}.notification-modal .wrapper-content{padding-left:5px;font-size:14px;line-height:18px;width:100%;overflow:hidden;text-overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-modal .wrapper-content .mess .name-truncate{display:none}.notification-modal .wrapper-content .mess.truncate .name-normal{display:none}.notification-modal .wrapper-content .mess.truncate .name-truncate{display:inline-block}.notification-modal .wrapper-content .g-name,.notification-modal .wrapper-content .g-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.notification-modal .wrapper-content .highlight{color:#fff700}.notification-modal .wrapper-content .highlight u{text-decoration-color:#fff700}.notification-modal .close-btn{width:54px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.notification-modal .close-btn svg{fill:#fff;width:20px;height:20px}@keyframes growthUp{from{opacity:0;transform:translateY(35px);height:50px}to{opacity:1;transform:translateY(0);height:60px}}@-webkit-keyframes growthUp{from{opacity:0;transform:translateY(35px);height:50px}to{opacity:1;transform:translateY(0);height:60px}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@-webkit-keyframes slideIn{100%{transform:translateX(0)}}@-webkit-keyframes slideOut{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.idea-liked{cursor:pointer}
.new-idea{cursor:pointer}
.idea-reached-point{cursor:pointer}
.stamp-icon-msg{width:100%;margin-top:10px;position:relative}.stamp-icon-msg img{width:96px;height:96px}.message-stamp .reply-stamp{display:flex;justify-content:center;align-items:center;flex-direction:row;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:1px solid #ccc;border-radius:12px;padding:6px 10px 5px;color:#b3b3b3;cursor:pointer}.message-stamp .reply-stamp:hover{background-color:#777;border-color:#777;color:#fff}.message-stamp .reply-stamp:hover svg{color:#fff}.message-stamp .reply-stamp .reply__icon{width:16px;height:20px;margin-right:5px}.message-stamp .reply-stamp svg{width:100%;height:100%;fill:#b3b3b3;color:#b3b3b3}
.user-response-wrapper{display:flex;margin-top:5px;height:35px}.user-response-wrapper .avatar-wrapper{height:inherit;display:flex;align-items:center}.user-response-wrapper .avatar-wrapper .user-avt{width:32px;height:32px;margin:0 auto 0px}.user-response-wrapper .user-response-info{margin-left:5px;width:60%;height:inherit;display:flex;align-items:center}.user-response-wrapper .user-response-info h1{font-size:14px;color:#121212;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1}.user-response-wrapper .user-response-info div.team{font-size:12px;margin-top:5px;color:#696d69;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1}.user-response-wrapper .user-profile{height:inherit;width:80%;text-align:right;display:flex;align-items:center;justify-content:flex-end}.user-response-wrapper .user-profile button{border-radius:5px;font-size:12px;height:28px;width:98px;background:#ee9031;padding:5px 10px 6px 10px;color:#fff;font-weight:bold}
.user-response-list-wrapper{padding:10px;height:480px}.user-response-list-wrapper .v-tabs{margin:-25px -10px 0px -10px;border-bottom:1px solid #ccc}.user-response-list-wrapper .v-tabs .v-tabs__div{margin-left:10px}.user-response-list-wrapper .v-tabs .v-tabs__item{padding:6px 0px}.user-response-list-wrapper .v-tabs .v-tabs__item--active{color:#121212;font-weight:bold}.user-response-list-wrapper .comment{background-color:#01b4da}.user-response-list-wrapper .tip{background-color:#00b050}.user-response-list-wrapper .react{background-color:#fb5252}.user-response-list-wrapper .btn-close{display:flex;justify-content:flex-end}.user-response-list-wrapper svg{width:20px;height:20px;z-index:1000;cursor:pointer}.user-response-list-wrapper .action-status-icon{margin-right:2px}.user-response-list-wrapper .action-status-icon img{height:16px;width:16px}.user-response-list-wrapper .action-status-type{font-size:16px}.user-response-list-wrapper .v-tabs__slider-wrapper{background:#ccc;height:3px}.wrappper-list-item-response{overflow-y:scroll;height:420px}
.users-replies .comment-wrapper .user-avt{width:24px;height:24px}.users-replies .comment-wrapper.reply-wrapper{margin-top:12px;margin-bottom:12px}
.comment-wrapper{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:15px;margin-bottom:15px}.comment-wrapper .avatar-wrapper img{width:30px;height:30px;margin:unset}.comment-wrapper .user-comment-details{width:100%;margin-left:5px;font-size:12px}.comment-wrapper .user-comment-details .info{display:flex}.comment-wrapper .user-comment-details .info span:first-of-type{color:#121212;font-weight:bold}.comment-wrapper .user-comment-details .info span:last-of-type{margin-left:1px;color:#696d69}.comment-wrapper .user-comment-details .info span{margin-right:5px}.comment-wrapper .user-comment-details .comment{white-space:pre-line;display:block;margin-top:8px;margin-bottom:8px;font-size:14px}.comment-wrapper .user-comment-details .like-details{display:flex}.comment-wrapper .user-comment-details .like-details span{font-size:12px;color:#777;margin-right:5px}.comment-wrapper .user-comment-details .like-details .edit-comment{margin-left:10px;color:#01b4da;text-decoration:underline;font-weight:bold;cursor:pointer}.comment-wrapper .user-comment-details .like-details .reply-comment{margin-left:10px;color:#ee9031;text-decoration:underline;font-weight:bold;cursor:pointer}.comment-wrapper .user-comment-details .reply-list{margin-top:4px;font-size:12px;color:#777;text-decoration:underline;font-weight:bold;cursor:pointer}.comment-wrapper .user-comment-like{width:10%;text-align:right;margin-top:8px}.comment-wrapper .user-comment-like span{display:inline-block;cursor:pointer;width:14px;height:14px}.comment-wrapper .user-comment-like span img{width:100%}.users-replies-wrapper{margin-left:20px}.users-replies-wrapper .reply-list{margin-top:10px;margin-bottom:15px;margin-left:4px;font-size:10px;color:#777;font-weight:bold;cursor:pointer;text-decoration:underline}