.notification section {

}

.notification {
  border-bottom: 1px solid var(--bg-333);
  /*padding-bottom: 30px;*/
}

.notification * {
    /*font-size: 15.3px;*/
    font-size: 14.3px;
}

.notification-text,
.notification-action {
  margin-left: 44px;

}

.notification-action,
.notification-action * {
 /*font-size: 15.3px !important*/
 font-size: 14.3px !important;
 color: gray;
}

.notification .icon-follow {
  width: 48px;
  height: 48px;
  background: var(--icon-follow);
  background-position: 5px 6px;
  margin-left: -17px;
  /* margin-right: 12px; */
  background-size: 74%;
}

.notification .icon-like {
  width: 48px;
  height: 48px;
  background: url(https://ghosttogether.net/static/normalheart.png) no-repeat;
  background-size: 107%;
  background-position: -4px 8px;
  margin-left: -17px;
}

.notification .icon-agree {
  width: 48px;
  height: 48px;
  background: url(https://ghosttogether.net/static/normalagree.png) no-repeat;
  background-size: 112%;
  background-position: -6px 8px;
  margin-left: -17px; 
  /* margin-right: 12px;*/
}

.notification .icon-whisper {
 width: 48px;
 height: 48px;
 background: url(https://ghosttogether.net/static/whisperreply2.png) no-repeat;
 background-size: 77%;
 background-position: 3px 5px;
 margin-left: -17px;
 margin-right: 12px;
}

.notification .icon-retweet {
  width: 48px;
  height: 48px;
  background: url(https://ghosttogether.net/static/retweet.svg) no-repeat;
  background-position: 8px 10px;
  background-size: 58%;
  margin-left: -17px;
  /* margin-right: 12px; */
  /*opacity: 0.40;*/
}

.notification .icon-mention {
 width: 48px;
 height: 48px;
 background: url('https://ghosttogether.net/static/mention-ic.png') no-repeat;
 background-position: 7px 12px;
 opacity: 0.5;
 margin-left: -17px;
 margin-right: 12px;
}

.notification .icon-comment,
.notification .icon-community_comment {
  width: 48px;
  height: 48px;
  background: url(https://ghosttogether.net/static/ovalrep.png) no-repeat;
  background-position: 5px 8px;
  background-size: 74%;
  margin-left: -17px;
  /* margin-right: 12px; */
  margin-right: 0px;
  opacity: 0.35;
}


/* new: first community post by → bell */
.notification .icon-first_community_post_by {
  width: 48px;
  height: 48px;
  background: url(https://ghosttogether.net/static/warning.svg) no-repeat;
  background-size: 48px 48px;
  background-position: 0 0;
  margin-left: -17px;
}

.notification-user {
  width: 28px;
  height: 28px;
  background: gray;
  border-radius: 50%;
  margin-left: 14px;
}

.notification-user:hover {}

.notification-user-link:hover {
 text-decoration: underline;
}

.notification-text {
 margin-top: 4px;
 font-size: 15.3px;
}

.notification-text-inner {
  /* margin-top: 3px; */
  /* border: 1px solid var(--hl-fainter-lines); */
  border-radius: 6px;
  padding: 10px;
  margin-left: -12px;
  padding-bottom: 4px;
  padding-top: 4px;
}

.own-bubble {
  font-weight: 500;
  background: var(--highest-contrast-text-color);
  color: var(--hl-brighter);
  padding: 7px;
  border-radius: 10px;
  max-width: 388px;
  margin-bottom: 6px;
  margin-left: -10px;
  padding-left: 10px;
  margin-top: -10px;
}

.notification-text-inner * {
  font-size: 17px;
}

.notification-text,
.notification-text a {
   text-decoration: none;
   color: #777;
}

.navbar-notifications {
 font-size: 20px;
 height: 57px;
 font-weight: bold;
}

#navbar-notifications-icon {
 width: 50px;
 height: 50px;
 background: var(--notifications-off);
 background-position: center center;
 background-size: cover;
 transform: scale(0.7);
}

#navbar-messages-icon {
 position: relative;
 width: 33px;
 height: 33px;
 padding: 0;
}

#navbar-messages-color {
 position: absolute;
 display: block;
 width: 33px;
 height: 33px;
 background: #666666;
}

#navbar-messages-hole {
 position: absolute;
 display: block;
 width: 33px;
 height: 33px;
 background: var(--messages-hole);
 background-position: center center;
}

#navbar-freegift-icon {
 width: 31px;
 height: 27px;
 background: var(--freegift-off) !important;
 background-size: contain !important;
 transform: scale(1);
 margin-top: 2px;
 margin-left: 5px;
 opacity: 1;
}

#view {
 /* content-visibility: auto; */
}

#notif-num {
 display: none;
 width: unset !important;
}


.notification-timestamp {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  margin-right: 14px;
  margin-top: 8px;
  font-size: 13px;
  /*color: var(--hl-faint-lines);*/
  color: var(--highest-contrast-text-color);

}

.sub-tweet {
  position: relative;
  margin-top: 8px;
  padding-top: 8px;
}

.sub-tweet-mark {}

.poll-container {
  padding-top: 17px;
}

.poll-answer-text {
  margin-top: 10px;
  color: var(--hl-brightest);
  font-size: 16px;
  font-weight: 500;
}

.subwisp-arrow {
  top: 1px;
  left: -2px;
  opacity: 0.75;
  width: 12px;
  height: 21px;
  position: absolute;
  display: block;
  background: url("https://ghosttogether.net/static/notif-reply.png") no-repeat;
}

.subwisp-arrow-notification {
  top: 2px;
  left: 1px;
  opacity: 0.75;
  width: 12px;
  height: 21px;
  position: absolute;
  display: block;
  background: var(--replied-to-notification-arrow);
  background-repeat: no-repeat;
  background-size: 171%;
  background-position: center;
}

.icon-vote {
  width: 48px;
  height: 48px;
  /*background: url(https://ghosttogether.net/static/comment-ic.png) no-repeat;*/
  background-position: 12px 0px;
  background-size: 61%;
  margin-left: -17px;
}

.notification {
  /*padding-top: 0;*/
}


.notification-text-inner {
  /*border: 1px solid var(--hl-fainter-lines);
  padding: 10px;
  border-radius: 4px;
  margin-right: 43px;
  cursor: pointer;
  width: fit-content;
  max-width: 480px;*/
}

.notification-text-inner:hover {
  /*border: 1px solid var(--hl-faint-lines);*/
}

body.darkmode .notification-text-inner {
  /*background: #ffffff14;
  color: #c8c8c8 !important;*/
}

body.darkmode .notification .icon-mention {
 width: 48px;
 height: 48px;
 background: url('https://ghosttogether.net/static/mention-ic-dark.png') no-repeat;
 background-position: 7px 12px;
 opacity: 0.5;
 margin-left: -17px;
 margin-right: 12px;
}

.notification-text-inner {
  /*margin-left: -14px;
  margin-top: 10px;*/
  font-size: 17px;
}

.notification-action b {
  font-size: 17px !important;
}

.notif-action-type,
.notif-action-type * {
  font-size: 17px !important;
}

.notif-community-context{
  font-size: 13px;
  color: var(--text-color);
  margin-top: 6px;
}
.notif-community-snippet{
  font-size: 14px;
  color: var(--text-color);
  margin-top: 4px;
}
.two-line-ellipsis{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.darkmode .firstpost-actions {
  margin-left: 10px;
  color: var(--complete-color);
}

body.is-timeline .overlay,
body.reddit .overlay,
body.is-dm .overlay,
body.ison-msg .overlay {
  display: none !important;
}