/* Prettified by Source 2 Viewer 10.0.0.0 - https://valveresourceformat.github.io */

@define chatBgGrey: rgba(94, 94, 94, 0.5);
.chat-panel-outer
{
    opacity: 1;
    visibility: visible;
    horizontal-align: right;
    vertical-align: top;
    padding-right: 64px;
    z-index: 1;
    transition-property: clip, position;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

.chat-panel-outer.hidden
{
    opacity: 0;
    visibility: collapse;
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}

.MainMenuRootPanel--PauseMenuMode .chat-panel-outer
{
    opacity: 0;
    visibility: collapse;
}

.chat-panel
{
    width: 400px;
    opacity: 1;
    visibility: visible;
    transition-property: opacity, brightness;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.AspectRatio4x3 .chat-panel
{
    width: 300px;
}

.AspectRatio16x9 .chat-panel,.AspectRatio16x10 .chat-panel
{
    width: 400px;
}

.chat-panel .TickBox
{
    visibility: collapse;
}

.chat-panel.hidden
{
    opacity: 0;
    visibility: collapse;
    transition-property: opacity, transform;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}

.chat-container
{
    vertical-align: top;
    width: 100%;
    max-height: 64px;
    transition-property: height;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.chat-container.closed-minimized
{
    max-height: 64px;
    transition-property: height;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.chat-open
{
    height: fit-children;
    max-height: 400px;
}

.chat-container__lines
{
    height: fit-children;
    width: 100%;
    padding: 0px 0px;
    overflow: squish scroll;
    flow-children: up;
    vertical-align: bottom;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.chat-container:hover .chat-panel-blur
{
    opacity: 1;
}

.chat-container.chat-open .chat-container__lines
{
    height: 300px;
    overflow: squish scroll;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.chat-panel-blur
{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.55);
    opacity: .1;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.premier-pickban .chat-panel-blur
{
    background-color: gradient( linear, 0% 120%, 0% 0%, from(rgba(0, 0, 0, 0.589)), to( rgba(48, 57, 63, 0) ) );
}

.chat-open .chat-panel-blur
{
    opacity: 1;
}

.chat-entry
{
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    height: fit-children;
}

.player-color__yellow .chat-entry__name
{
    color: color-player-yellow;
}

.player-color__purple .chat-entry__name
{
    color: color-player-purple;
}

.player-color__green .chat-entry__name
{
    color: color-player-green;
}

.player-color__blue .chat-entry__name
{
    color: color-player-blue;
}

.player-color__orange .chat-entry__name
{
    color: color-player-orange;
}

.self-chat Label
{
    horizontal-align: left;
}

.chat-entry Label
{
    color: white;
    font-size: 16px;
	font-family: Stratum2;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
    padding: 0px 8px;
    border-radius: 2px;
    text-align: left;
    white-space: normal;
    width: 400px;
    transition-property: background-color;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
    animation-name: chat-new-entry;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

.chat-open .chat-entry Label
{
    padding: 2px 8px;
    margin: 0px 5px;
}

.AspectRatio16x9 .chat-entry Label,.AspectRatio16x10 .chat-entry Label
{
    width: 400px;
}

.chat-open .chat-entry:not(.error-message) Label
{
    background-color: none;
}

.chat-entry__player-invited
{
    flow-children: right;
    height: fit-children;
    background-color:blueColor;
}

.chat-entry__player-invited Image
{
    vertical-align: center;
    padding-left: 8px;
}

.chat-entry__player-invited Label
{
    background-color: none;
    padding: 2px 0px 2px 8px;
}

.error-message Label
{
    background-color: #c21b1b50;
}

.error-message--green Label
{
    background-color: #4caf4f50;
}

.error-message--yellow Label
{
    background-color: #b1af2d50;
}

.chat-entry CSGOAvatarImage
{
    vertical-align: center;
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

@keyframes 'chat-new-entry'
{
    0%
    {
        transform: translateX(-100%);
        brightness: 10;
    }
    
    80%
    {
        brightness: 10;
    }
    
    100%
    {
        brightness: 1;
        transform: translateX(0%);
    }
    
}

.chat-open-text
{
    font-weight: bold;
	font-family: STratum2;
    text-decoration: underline;
}

.chat-container__input-container
{
    visibility: collapse;
    height: 48px;
    width: 100%;
    vertical-align: bottom;
    transition-property: position;
    transition-duration: .1s;
    transition-timing-function: ease-in-out;
}

.chat-container__input
{
    visibility: collapse;
    font-size: 16px;
    font-family: Stratum2, "Arial Unicode MS";
    width: 100%;
    color: White;
    padding-left: 8px;
    margin: 0px 6px;
    border: 0px solid white;
    vertical-align: center;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.7);
}

TextEntry.chat-container__input #PlaceholderText
{
    opacity: .5;
    transition-property: opacity;
    transition-duration: 0.2s;
    color: rgb(184, 181, 181);
    font-family: Stratum2, "Arial Unicode MS";
    font-size: 16px;
}

TextEntry.chat-container__input.HasInput #PlaceholderText
{
    opacity: 0.0;
}

.chat-container__input:focus
{
    border-bottom: 0px;
}

.chat-container.chat-open .chat-container__input-container,.chat-container.chat-open .chat-container__input
{
    visibility: visible;
}

.chat-container__close
{
    width: 100%;
    height:fit-children;
    visibility: collapse;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgba(255, 255, 255, 0.0);
    transition-property: background-color;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

.chat-container.chat-open .chat-container__close
{
    visibility: visible;
}

.premier-pickban .chat-container.chat-open .chat-container__close
{
    visibility: collapse;
}

.chat-container__close__icon
{
    horizontal-align: center;
    margin: 8px 0px;
    height: 16px;
    width: 16px;
    vertical-align: top;
    transform: rotateZ( 180deg );
    transition-property: brightness;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

.chat-container__close:Hover
{
    background-color: rgba(255, 255, 255, 0.1);
    transition-property: background-color;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
}

CSGOAvatarImage
{
    visibility: collapse;
}

TextEntry
{
    height: 32px;
}

TextEntry.
{
    height: 32px;
}

