Your IP : 216.73.216.86
.ui-notification-manager-browser-column {
display: flex;
flex-direction: column;
height: 100%;
}
.ui-notification-manager-browser-column-wide {
width: 100%;
}
.ui-notification-manager-browser-row {
display: flex;
flex-direction: row;
width: 100%;
}
.ui-notification-manager-browser-row-reply {
height: 0;
margin-top: 0;
opacity: 0;
transition: all .25s linear;
}
.ui-notification-manager-browser-row-reply-animate {
height: auto;
margin-top: 6px;
margin-bottom: 11px;
opacity: 1;
}
.ui-notification-manager-browser-balloon {
display: block;
position: fixed;
opacity: 0;
z-index: 3200;
transform: translateZ(0px);
transition: opacity .25s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
}
.ui-notification-manager-browser-balloon-animate {
opacity: 1;
}
.ui-notification-manager-browser-content {
display: flex;
flex-direction: column;
font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
padding: 16px;
background-color: rgba(0, 0, 0, .8);
border-radius: 8px;
}
.ui-notification-manager-browser-message {
display: flex;
padding: 0;
color: #fff;
cursor: pointer;
}
.ui-notification-manager-browser-icon {
width: 44px;
height: 44px;
margin-right: 10px;
border-radius: 50%;
}
.ui-notification-manager-browser-title {
height: 17px;
font-size: 14px;
line-height: 16px;
font-weight: var(--ui-font-weight-bold);
margin-bottom: 3px;
max-width: 300px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ui-notification-manager-browser-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
font-size: 13px;
line-height: 16px;
max-width: 336px;
max-height: 48px;
}
.ui-notification-manager-browser-column + .ui-notification-manager-browser-column > .ui-notification-manager-browser-text {
min-height: 16px;
}
.ui-notification-manager-browser-actions {
display: flex;
align-items: center;
padding: 9px 0 0;
}
.ui-notification-manager-browser-reply-action {
padding: 0;
}
.ui-notification-manager-browser-reply-action:before {
left: 0;
top: 16px;
width: 100%;
}
.ui-notification-manager-browser-reply-wrapper {
position: relative;
display: flex;
flex-direction: column;
box-sizing: border-box;
max-width: 100%;
width: 277px;
height: 10px;
vertical-align: middle;
align-items: flex-start;
justify-content: center;
min-height: 31px;
margin-right: 9px;
}
.ui-notification-manager-browser-input-reply {
box-sizing: border-box;
margin: 0;
padding: 0 11px;
width: 100%;
outline: none;
vertical-align: middle;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
transition: border .3s ease, background-color .3s ease, color .3s ease, padding .3s ease;
flex: 1;
-webkit-appearance: none;
appearance: none;
height: 27px;
color: #fff;
background: rgba(255, 255, 255, 0.05);
border: 1px solid #2FC6F6;
border-radius: 96px;
}
.ui-notification-manager-browser-input-reply::placeholder {
color: #747474;
}
.ui-notification-manager-browser-button-reply {
height: 29px;
width: 29px;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUuODdhNC4yMDIgNC4yMDIgMCAwMTAgOC40MDNIMy45ODF2Mi43ODdMLjQzMiA4LjUxbDMuNTUtMy41NXYyLjg1N2g0LjMzMWEyLjc4NCAyLjc4NCAwIDAwMC01LjU2N2gtMS4zN1YuODdoMS4xODN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+") no-repeat center;
border-radius: 50%;
border: 1px solid #979797;
cursor: default;
transition: all 160ms linear;
}
.ui-notification-manager-browser-button-reply:hover {
cursor: pointer;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjEyNS44N2E0LjIwMiA0LjIwMiAwIDAxMCA4LjQwM0gzLjk4MXYyLjc4N0wuNDMyIDguNTFsMy41NS0zLjU1djIuODU3aDQuMzMxYTIuNzg0IDIuNzg0IDAgMDAwLTUuNTY3aC0xLjM3Vi44N2gxLjE4M3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") no-repeat center;
border-color: #fff;
}
.ui-notification-manager-browser-button-reply:active {
border-color: rgba(255, 255, 255, 0.8);
}
.ui-notification-manager-browser-button-close {
position: absolute;
top: 0;
right: 2px;
display: inline-block;
width: 8px;
height: 8px;
padding: 16px;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIG9wYWNpdHk9Ii4yMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDRsMyAzLTEgMS0zLTMtMyAzLTEtMSAzLTMtMy0zIDEtMSAzIDMgMy0zIDEgMS0zIDN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+") no-repeat center;
cursor: pointer;
transition: all 160ms linear;
}
.ui-notification-manager-browser-button-close:hover {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9Im5vbmUiPjxwYXRoIG9wYWNpdHk9Ii44IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDRsMyAzLTEgMS0zLTMtMyAzLTEtMSAzLTMtMy0zIDEtMSAzIDMgMy0zIDEgMS0zIDN6IiBmaWxsPSIjZDVkNWQ1Ii8+PC9zdmc+") no-repeat center;
}
.ui-notification-manager-browser-button {
height: 24px;
padding: 0 16px;
text-transform: none;
font-size: 12px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
border-radius: 13px;
line-height: 22px;
color: #eeeeee;
background-color: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.18);
cursor: pointer;
transition: all 160ms linear;
}
.ui-notification-manager-browser-button:after {
position: relative;
top: calc(-50% - 5px);
left: -15px !important;
display: block;
width: 9px;
height: 7px;
content: '';
transition: 160ms color linear, 160ms opacity linear, 160ms background-color linear;
}
.ui-notification-manager-browser-button:hover {
color: #eeeeee;
background-color: rgba(255, 255, 255, 0.17);
border-color: rgba(255, 255, 255, 0.28);
}
.ui-notification-manager-browser-button:active {
color: #eeeeee;
background-color: rgba(255, 255, 255, 0.37);
border-color: rgba(255, 255, 255, 0.48);
}
.ui-notification-manager-browser-button > .ui-btn-text {
font-size: 12px;
height: 24px;
max-width: 90px;
}
.ui-notification-manager-browser-button-accept > .ui-btn-text {
max-width: 150px;
}
.ui-notification-manager-browser-button-accept {
padding: 0 16px 0 28px;
background-color: rgba(47, 198, 246, 0.3);
border-color: rgba(47, 198, 246, 0.4);
}
.ui-notification-manager-browser-button-accept:hover {
background-color: rgba(47, 198, 246, 0.5);
border-color: rgba(47, 198, 246, 0.7);
}
.ui-notification-manager-browser-button-accept:active {
background-color: rgba(47, 198, 246, 0.6);
border-color: rgba(47, 198, 246, 0.89);
}
.ui-notification-manager-browser-button-accept:after {
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNjcxIDcuMTc1TC40MzMgNC4wMmwxLjEzMy0xLjEwNSAyLjEwNSAyLjA1Mkw4LjQzNC4zMjQgOS41NjcgMS40MyAzLjY3MSA3LjE3NXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") no-repeat center;
}
.ui-notification-manager-browser-button + .ui-notification-manager-browser-button {
margin-left: 5px;
}