.xtreme-push-item, .xtreme-push-item__show-more
{
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 0;
}
.xtreme-push-item__card
{
    flex-direction: column;
    padding-top: 0;
}
.xtreme-push-item__card .xtreme-push-item__left .xtreme-push-item__icon
{
    padding: 0;
}
.xtreme-push-item__card .xtreme-push-item__left .xtreme-push-item__icon img
{
    height: auto;
    margin-bottom: 16px;
    width: 100%;
}
.xtreme-push-item__card .xtreme-push-item__middle, .xtreme-push-item__card .xtreme-push-item__right
{
    padding: 0 24px;
}
.xtreme-push-item__left, .xtreme-push-item__middle, .xtreme-push-item__right
{
    display: flex;
}
.xtreme-push-item p
{
    margin: 0;
}
.xtreme-push-item__middle
{
    flex: 1 1 auto;
    flex-direction: column;
    font-size: 14px;
    padding-right: 24px;
}
.xtreme-push-item__middle--inner
{
    display: flex;
    justify-content: space-between;
}
.xtreme-push-item__right
{
    display: flex;
    flex: none;
    margin-left: 8px;
    margin-right: 24px;
    width: 40px;
}
.xtreme-push-item__icon
{
    align-items: center;
    display: flex;
    padding: 0 24px;
}
.xtreme-push-item__icon .xtreme-push-item__placeholder, .xtreme-push-item__icon img
{
    height: 48px;
    width: 48px;
}
.xtreme-push-item__alert, .xtreme-push-item__date, .xtreme-push-item__title
{
    line-height: 24px;
}
.xtreme-push-item__date
{
    font-size: 12px;
    opacity: .8;
    text-align: right;
}
.xtreme-push-item__alert
{
    font-size: 14px;
    font-weight: 400;
    opacity: .8;
}
.xtreme-push-item__title
{
    font-size: 16px;
    font-weight: 600;
}
.xtreme-push-trigger
{
    background-color: #ff0098;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 226 213"><path d="M16 163.6v-111c.6 1 1.7 2.1 3.3 3.2L90.2 108l-70.9 52.2c-1.6 1.3-2.7 2.4-3.3 3.4zM208.3 55.9l-70.9 52.2 70.9 52.2c1.6 1.1 2.6 2.2 3.3 3.2V52.6c-.7 1-1.8 2.1-3.3 3.3zM207 166l-73.6-54.3s-8.8 7.4-19.6 7.4c-10.4 0-19.6-7.4-19.6-7.4L20.5 166c-6.1 4.5-4.8 8.2 2.9 8.2h180.7c7.8 0 9.1-3.7 2.9-8.2zm-104.2-56c6 4.4 15.8 4.4 21.8 0L205 51.3c6-4.4 4.7-8-2.9-8H25.3c-7.6 0-8.9 3.6-2.9 8l80.4 58.7z" fill-rule="evenodd" clip-rule="evenodd" fill="%23fff"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border-radius: 100%;
    bottom: 20px;
    box-shadow: 0 0 6px #ff0098;
    cursor: pointer;
    display: flex;
    height: 65px;
    left: 20px;
    line-height: 65px;
    position: fixed;
    text-align: center;
    transition: background-color .25s ease-in-out;
    width: 65px;
    z-index: 9999999;
}
.xtreme-push-trigger:hover
{
    background-color: #ff33ad;
}
.xtreme-push-trigger__number
{
    border-radius: 20px;
    color: #fff!important;
    font-size: 13px;
    line-height: 9px;
    padding: 3px 8px;
    position: absolute;
    transform: translateX(-50%);
}
.xtreme-push-trigger[data-position=bottom-left]
{
    bottom: 20px;
    left: 20px;
}
.xtreme-push-trigger[data-position=top-left]
{
    bottom: auto;
    left: 20px;
    right: auto;
    top: 20px;
}
.xtreme-push-trigger[data-position=bottom-right]
{
    background-color: #000;
    box-shadow: none;
    display: inline-flex;
    height: 20px;
    left: 0;
    position: relative;
    top: 0;
}
.xtreme-push-trigger[data-position=top-right]
{
    bottom: auto;
    left: auto;
    right: 20px;
    top: 20px;
}
.xtreme-push-trigger[data-position=top-left] .xtreme-push-trigger__number, .xtreme-push-trigger[data-position=top-right] .xtreme-push-trigger__number
{
    bottom: -10px;
}
.xtreme-push-trigger[data-position=bottom-left] .xtreme-push-trigger__number, .xtreme-push-trigger[data-position=bottom-right] .xtreme-push-trigger__number
{
    right: 6px;
    top: -10px;
}
.xtreme-push-trigger__burger-indictor
{
    background-color: #000;
    border-radius: 100%;
    height: 5px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 5px;
}
#webpush-notification-center
{
    width: 450px!important;
    z-index: 99999999;
}
.webpush-notification-center-item
{
    transition: background .25s ease-in-out;
}
#webpush-notification-center #webpush-notification-center-header
{
    background-color: #ff0098;
    border-bottom-width: 0;
}
#webpush-notification-center #webpush-notification-center-header #webpush-notification-center-title
{
    font-size: 16px;
    letter-spacing: normal;
}
#webpush-notification-center.webpush-notification-center-color-dark
{
    background: #2f2f31;
    box-shadow: 0 0 6px #2f2f31;
}
#webpush-notification-center #webpush-notification-center-icon
{
    display: none;
}
.xtreme-push-item__show-more
{
    justify-content: center;
}
.xtreme-push-item__show-more span
{
    margin-right: 8px;
}
.xtreme-push-item__chevron
{
    fill: #fff;
    height: 16px;
    width: 16px;
}
.xtreme-push-indicator
{
    background-color: #ff0098;
    border-radius: 100%!important;
    height: 10px!important;
    position: absolute!important;
    top: 0!important;
    width: 10px!important;
}
.xtreme-push-trigger__mobile-menu span
{
    position: relative;
}
.xtreme-push-trigger__number[data-value]:not([data-value=""]):after
{
    background-color: #ff0098;
    border-radius: 100%;
    color: #fff;
    content: attr(data-value);
    font-size: 13px;
    padding: 5px 6px;
    position: absolute;
    right: -5px;
    top: 0;
}
.xtreme-push-trigger__mobile-menu .xtreme-push-trigger__number
{
    position: absolute;
    right: 0;
}