@import "/UI/Style.scss";

ChatEntry {
    max-width: 100%;
    width: 100%;
    transition: all 0.15s ease-out;
    flex-shrink: 0;
    padding: 6 50;
    opacity: 1;
    align-items: flex-start;
    font-family: $font-secondary;
    background-color: rgba( 0, 0, 0, 0.6 );
    text-shadow: 2px 2px 0px rgba( 0, 0, 0, 0.5 );
    font-weight: bold;
    font-size: 18px;

    .icon {
        align-self: center;
        aspect-ratio: 1;
        height: 20px;
        background-size: cover;
        background-repeat: no-repeat;
        margin-right: 5px;
    }

    .announcement {
    }

    .chat-message {
        letter-spacing: 2px;
        color: $chat-default;
    }

    .author {
        flex-shrink: 0;
        margin-right: 14px;
    }

    &:intro {
        transform: translateX(-50);
    }

    &.stale {
        transition: opacity 0.1s ease;
        opacity: 0;
    }
}