@keyframes rotate
{
    from
    {
        transform: rotate(0);
    }
    to
    {
        transform: rotate(360deg);
    }
}
.user-messages
{
    position: relative;
    font-size: 16px;
    color: #fff;
}
.user-messages__btn
{
    min-width: 2.3125em;
    height: 2.3125em;
}
.user-messages__content
{
    position: absolute;
    top: 100%;
    z-index: 5;
    width: 24.375em;
    box-shadow: 0 .5em .75em rgba(0,0,0,.3);
    right: 0;
}
.user-messages__content .user-message__text>a
{
    text-decoration: underline;
}
.user-messages__content .user-message__text>a:hover
{
    color: #fff;
    font-weight: 600;
}
.user-messages *
{
    box-sizing: border-box;
}
.user-messages .user-message-game
{
    display: flex;
    align-items: center;
    padding: .3125em .9375em;
}
.user-messages .user-message-game:hover
{
    color: #fff;
    font-weight: 600;
    background-color: rgba(0,0,0,0);
}
.user-messages .user-message-game__liga
{
    font-size: 1em;
    margin-inline-end: 5px;
}
.user-messages .user-message-game__liga, .user-messages .user-message-game__teams, .user-messages .user-message-game__date
{
    color: #f04a41;
}
.user-messages .user-message-game__liga:hover, .user-messages .user-message-game__teams:hover
{
    color: #fff;
}
.user-messages .user-message-game-date
{
    text-align: center;
}
.user-messages-content-empty
{
    padding: .625em;
    background-color: #005862;
    text-align: center;
}
.user-messages-content__close
{
    width: 100%;
    margin: 0;
}
.user-messages-content__list
{
    position: relative;
    max-height: 20em;
    margin: 0;
}
.user-messages-content-close
{
    display: block;
    cursor: pointer;
    padding: .625em 1.25em;
    outline: 0;
    border: 0;
    background-color: #009fb0;
    text-transform: uppercase;
    color: inherit;
    transition: background-color .25s ease,color .25s ease;
}
.user-messages-content-close:hover
{
    background-color: #30c75d;
}
.user-messages-btn-ico-count
{
    padding: 1px 4px;
    border-radius: 50%;
    background-color: #30c75d;
    text-align: center;
    font-size: .5625em;
    line-height: 1.3333333333em;
}
.user-messages-btn
{
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding-right: .75em;
    padding-left: .75em;
    border: 0;
    box-shadow: inset 0 3.125em 1.5625em -.9375em #008492;
    background-color: #004f5a;
    font-size: inherit;
    color: inherit;
    transition: background-color .3s ease,box-shadow .3s ease;
}
.user-messages-btn:hover
{
    box-shadow: none;
}
.user-messages-btn-ico
{
    position: relative;
    line-height: 1;
}
.user-messages-btn-ico__count
{
    position: absolute;
    top: -5px;
    left: calc(100% - .8888888889em);
    height: 1.5555555556em;
}
.user-messages-btn-ico__svg
{
    display: block;
    width: .9444444444em;
    height: .9444444444em;
    font-size: 1.125em;
    fill: #fff;
}
.user-messages-btn-ico__svg--loading
{
    width: .7777777778em;
    height: .7777777778em;
    animation: rotate 2s infinite;
}
.user-messages-content-list
{
    padding: 0;
    overflow: hidden;
    list-style: none;
    text-align: left;
}
.user-messages-content-list .ps__scrollbar-y-rail
{
    z-index: 5;
}
.user-messages-content-list .ps__scrollbar-y-rail .ps__scrollbar-y
{
    z-index: 5;
}
.user-messages-content-list.scrollbar
{
    overflow-y: scroll;
    background-color: #ccc;
}
.user-messages-content-list-item:not(:first-child)
{
    border-top: 1px solid #ccc;
}
.user-message__text
{
    padding: 5px;
}
.user-message
{
    position: relative;
    background-color: #005862;
    font-size: .75em;
    border-left: 4px solid #ccc;
}
.user-message--new
{
    border-left-color: #30c75d;
}
.user-message--opened .user-message__drop
{
    transform: rotate(180deg);
}
.user-message__header
{
    position: relative;
    min-height: 5.8333333333em;
    transition: background-color .25s ease;
}
.user-message__title
{
    margin-bottom: .6666666667em;
}
.user-message__title::first-line 
{
    font-weight: 700;
}
.user-message__del
{
    position: absolute;
    top: .6666666667em;
    width: 2.5em;
    right: .6666666667em;
}
.user-message__drop
{
    position: absolute;
    bottom: .6666666667em;
    width: 2.5em;
    cursor: pointer;
    right: .6666666667em;
}
.user-message__text a
{
    display: block;
    color: inherit;
    line-height: 1.5;
}
.user-message__text a:hover
{
    color: #000;
}
.user-message__text img
{
    width: 100%;
    height: auto;
    display: block;
}
.user-message__text p
{
    margin: 0;
}
.user-message__text p+p
{
    margin-top: .8333333333em;
}
.user-message__button
{
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    height: 2.6666666667em;
    margin-inline-start: auto;
}
.user-message-button
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .625em;
    border-radius: 2px;
    border-color: rgba(0,0,0,0);
    background-color: #008796;
    text-align: center;
    transition: background-color .3s ease;
}
.user-message-button:hover
{
    background-color: #30c75d;
}
.user-message-button__text
{
    color: #fff;
    font-size: .75em;
    font-weight: 400;
    line-height: 1.1666666667em;
}
.user-message-content
{
    padding: .5em;
}
.user-message-content--matches
{
    padding: 0;
}
.user-message-link
{
    color: inherit;
}
.user-message-drop
{
    padding-right: .625em;
    padding-left: .625em;
    text-align: center;
    transition: transform .25s ease;
    pointer-events: none;
}
.user-message-drop__icon.fa
{
    font-size: initial;
}
.user-message-del-btn
{
    cursor: pointer;
    padding: .625em;
    outline: 0;
    border: 0;
    border-radius: 3px;
    background-color: #00909f;
    color: inherit;
    text-align: center;
    font-size: inherit;
    transition: all .2s ease;
}
.user-message-del-btn:hover
{
    background-color: #30c75d;
}
.user-message--opened .user-message-del-btn
{
    background-color: #005862;
}
.user-message-header
{
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: .6666666667em 4.1666666667em .6666666667em .6666666667em;
}
.user-message-header:hover
{
    background-color: #006873;
}
.user-message--opened .user-message-header
{
    background-color: #0096a6;
}
.user-message--opened .user-message-header:hover
{
    background-color: #0096a6;
}
.user-message-game-date, .user-message-game-liga
{
    opacity: 1;
    font-size: .875em;
    line-height: 1.3571428571em;
}
.user-message-game
{
    display: flex;
    padding: .3125em .5em;
}
.user-message-game:nth-child(2n)
{
    background-color: rgba(255,255,255,.1);
}
.user-message-game:hover
{
    background-color: #30c75d;
}
.user-message-game__ico
{
    width: 1.3125em;
    height: 1.3125em;
    margin-right: .5em;
}
.user-message-game__col
{
    flex: 0 0 auto;
}
.user-message-game__content
{
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-message-game__liga, .user-message-game__teams
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-message-game__date
{
    max-width: 4.6428571429em;
}
.user-message-game-col
{
    display: flex;
    align-items: center;
}
.user-message-game-ico
{
    display: block;
    fill: #fff;
}
.user-message-game-date
{
    text-align: right;
}
.user-message-game-liga
{
    color: rgba(255,255,255,.2);
}
.user-messages-btn
{
    box-shadow: none;
    background-color: rgba(0,0,0,0);
}
.user-messages-btn-ico-count
{
    background-color: #f04b42;
}
.user-messages-content
{
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 .25em 1em 0 rgba(0,0,0,.5);
}
.user-message-button
{
    border-radius: 1.5625em;
}