ul {
margin: 0;
padding: 0;
list-style: none;
}.Tw1nGo1 {
font-size: 1em;
padding: 0 .6em .6em;
background-color: #f7f7f7;
border-bottom: 1px solid #e9e9e9;
}.Tw1nGo2 {
padding: 7px 0 0;
}.Tw1nGo3 {
-webkit-tap-highlight-color: transparent;
padding: .3em 0 0;
}.Tw1nGo4 {
position: relative;
overflow: hidden;
zoom: 1;
}.Tw1nGo5 {
padding: .35em 7px;
margin: .25em .25em 0 0;
white-space: nowrap;
border-radius: 2px;
float: left;
-webkit-tap-highlight-color: transparent;
}.Tw1nGo6 {
background-color: #5181b8 !important;
color: #fff !important;
}.Tw1nGo5:hover, .Tw1nGo5.active, .Tw1nGo5.hover {
background-color: #E4E8ED;
text-decoration: none;
}.Tw1nGo7 {
color: #8ea4bc;
font-style: normal;
font-size: .92em;
font-weight: 700;
}.Tw1nGo6 .Tw1nGo7 {
color: #CDD9E4;
}.basisDefault__row {
margin-top: 12px;
}.Tw1nGo8 {
background: #fff;
position: relative;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}.Row {
padding: 12px;
font-size: 15px;
line-height: 20px;
position: relative;
display: block;
text-decoration: none !important;
color: #000;
padding-left: 16px;
padding-right: 16px;
}.notification {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
}.notification_withActions {
min-height: 70px;
}.notification__fillLink {
position: absolute !important;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}.notification a {
position: relative;
z-index: 2;
}.notification__left {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 8px;
}.notification a {
position: relative;
z-index: 2;
}
.notification__avatar {
display: block;
position: relative;
}.notification__avatarPhoto {
width: 48px;
height: 48px;
}.notification__avatarPhoto img{
width: 48px;
height: 48px;
border-radius: 50%;
}.Icon_notify_mini_birthday, .Icon_notify_mini_comment, .Icon_notify_mini_follow, .Icon_notify_mini_friend_accepted, .Icon_notify_mini_friend_found, .Icon_notify_mini_gift, .Icon_notify_mini_interesting, .Icon_notify_mini_invite_app, .Icon_notify_mini_invite_group, .Icon_notify_mini_invite_group_accepted, .Icon_notify_mini_like, .Icon_notify_mini_live, .Icon_notify_mini_mention, .Icon_notify_mini_new_post, .Icon_notify_mini_photo_tag, .Icon_notify_mini_private_post, .Icon_notify_mini_repost, .Icon_notify_mini_request_money, .Icon_notify_mini_story_reply, .Icon_notify_mini_transfer_money, .Icon_notify_mini_transfer_money_cancelled, .Icon_notify_mini_transfer_votes, .Icon_notify_mini_wall {
width: 20px;
height: 20px;
}.Icon {
display: block;
}.notification__avatarIcon {
position: absolute;
right: -2px;
bottom: -2px;
}.Icon::before {
content: '';
display: block;
background-size: 100%;
background-repeat: no-repeat;
}.Icon_notify_mini_birthday::before, .Icon_notify_mini_comment::before, .Icon_notify_mini_follow::before, .Icon_notify_mini_friend_accepted::before, .Icon_notify_mini_friend_found::before, .Icon_notify_mini_gift::before, .Icon_notify_mini_interesting::before, .Icon_notify_mini_invite_app::before, .Icon_notify_mini_invite_group::before, .Icon_notify_mini_invite_group_accepted::before, .Icon_notify_mini_like::before, .Icon_notify_mini_live::before, .Icon_notify_mini_mention::before, .Icon_notify_mini_new_post::before, .Icon_notify_mini_photo_tag::before, .Icon_notify_mini_private_post::before, .Icon_notify_mini_repost::before, .Icon_notify_mini_request_money::before, .Icon_notify_mini_story_reply::before, .Icon_notify_mini_transfer_money::before, .Icon_notify_mini_transfer_money_cancelled::before, .Icon_notify_mini_transfer_votes::before, .Icon_notify_mini_wall::before {
width: 20px;
height: 20px;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_gift::before {
background-position: 0 -340px;
}.Icon_notify_mini_mention::before {
background-position: 0 -60px;
}.Icon_notify_mini_friend_accepted::before, .Icon_notify_mini_invite_group_accepted::before {
background-position: 0 -120px;
}.Icon_notify_mini_hhh::before {
background-position: 0 -320px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_hhf::before {
background-position: 0 -360px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_hff::before {
background-position: 0 -540px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_fff::before {
background-position: 0 -220px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_ffy::before {
background-position: 0 -200px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_fyy::before {
background-position: 0 -500px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_yyy::before {
background-position: 0 -40px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_qyy::before {
background-position: 0 -460px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_qyar::before {
background-position: 0 -100px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_qerqr::before {
background-position: 0 -40px;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.Icon_notify_mini_wgsqr::before {
background-position: 0 0;
width: 20px;
height: 20px;
display: block;
background-image: url(/style/notifi_mini.png?6);
}.like_button_icon {
background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%229%22%20viewBox%3D%220%200%2011%209%22%20width%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.9%200C9.612%200%2011%201.36%2011%203.039c0%201.688-.69%202.534-3.597%204.75L6.063%208.81a.931.931%200%200%201-1.126%200l-1.34-1.022C.69%205.573%200%204.727%200%203.039%200%201.36%201.388%200%203.1%200c.904%200%202.4.9%202.4%202.25C5.5.9%206.996%200%207.9%200z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fsvg%3E');
opacity: 0.48;
width: 11px;
height: 9px;
display: inline-block;
}
.notification__center {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}.notification__row {
font-size: 15px;
word-break: break-word;
}.notification__row_name_header {
margin-bottom: 2px;
line-height: 20px;
}.notification__row {
font-size: 15px;
word-break: break-word;
}.notification__row_name_buttons {
margin-top: 8px;
margin-bottom: 8px;
}.BtnStack {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -8px;
}.Btn {
margin: 0;
margin-top: 0px;
margin-right: 0px;
padding: 0;
display: inline-block;
font-size: 14px;
font-weight: 500;
border-radius: 4px;
border: none;
outline: 0;
position: relative;
cursor: pointer;
text-decoration: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
-webkit-appearance: none;
box-sizing: border-box;
font-family: inherit;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
}.Btn_theme_secondary {
height: 34px;
line-height: 34px;
padding: 0 14px;
color: #306096 !important;
background: #e6ebf1;
}.notification a {
position: relative;
z-index: 2;
}.BtnStack__btn {
margin-right: 8px;
margin-top: 8px;
}.BtnStack__btn:last-child {
margin-right: 0;
}.notification__row a {
color: #426997;
}.notification__row_name_footer {
margin-top: 2px;
font-size: 13px;
color: #909499;
}.notification__row:last-child {
margin-bottom: 0;
}.notification__right {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}.notification__media {
display: block;
width: 48px;
height: 48px;
margin-left: 8px;
border-radius: 2px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}.notification__body {
position: absolute;
left: 12px;
right: 12px;
top: 12px;
bottom: 12px;
pointer-events: none;
}.notification__body {
left: 16px;
right: 16px;
}.notification__actions {
position: absolute;
right: -6px;
bottom: -4px;
width: 12px;
height: 12px;
padding: 6px;
z-index: 2;
}
.notification__body > * {
pointer-events: all;
}.notification__actions::before {
content: '';
position: absolute;
top: 0;
left: -32px;
right: 0;
bottom: 0;
background: -o-linear-gradient(0deg,rgba(255,255,255,0),#fff,#fff);
background: linear-gradient(90deg,rgba(255,255,255,0),#fff,#fff);
}.Row_style_withBorder + .Row_style_withBorder::after, .Row_style_withBorderForce::after {
content: '';
position: absolute;
top: -1px;
left: 12px;
right: 12px;
height: 1px;
background: rgba(0,0,0,.08);
}.Row_style_withBorder + .Row_style_withBorder::after {
left: 16px;
right: 16px;
}.notification__actionsTrigger::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
}.notification__actionsTrigger {
cursor: pointer;
display: block;
background-size: 100%;
width: 14px;
height: 14px;
position: absolute;
z-index: 1;
-webkit-tap-highlight-color: transparent;
background-image: url(/style/cross_light.png?3);
}.Pad__header {
font-weight: 600;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 13px;
color: #909499;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
white-space: nowrap;
}.Pad__title {
text-overflow: ellipsis;
text-transform: uppercase;
overflow: hidden;
font-weight: 500;
font-size: 13px;
padding: 0;
margin: 0;
color: #909499;
}.Pad__corner {
font-size: 15px;
font-weight: 400;
opacity: 1;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #768494;
}a.Pad__corner {
color: #426997;
}.tape_views::before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%221%202%2014%2010%22%20style%3D%22fill%3A%23828a99%3B%22%3E%3Cpath%20d%3D%22M8%2012C3.8%2012%201%208%201%207%201%206%203.8%202%208%202%2012.2%202%2015%206%2015%207%2015%208%2012.2%2012%208%2012ZM8%2010.5C9.9%2010.5%2011.5%208.9%2011.5%207%2011.5%205.1%209.9%203.5%208%203.5%206.1%203.5%204.5%205.1%204.5%207%204.5%208.9%206.1%2010.5%208%2010.5ZM8%208.6C7.1%208.6%206.4%207.9%206.4%207%206.4%206.1%207.1%205.4%208%205.4%208.9%205.4%209.6%206.1%209.6%207%209.6%207.9%208.9%208.6%208%208.6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% / contain;
margin-right: 6px;
margin-bottom: -2px;
}.tape_dell::before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
background-image: url(/style/cross_light.png?3);
margin-right: 6px;
margin-bottom: -2px;
}.feedback_attachments {
margin-top: 5px;
}
.clear_fix {
display: block;
}.clear_fix::after {
content: '.';
display: block;
height: 0;
font-size: 0;
line-height: 0;
clear: both;
visibility: hidden;
}.feedback_attachments .notification__mediato {
margin-right: 8px;
width: 34px;
height: 34px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
display: inline-block;
border-radius: 3px;
}.feedback_header {
padding: 2px 0 0;
color: #222;
line-height: 17px;
}.feedback_content {
word-wrap: break-word;
font-size: 12.5px;
}