@import "/UI/Styles/styles.scss";

ChatboxEntry {
    max-width: 100%;
    margin-bottom: 6px;
    flex-shrink: 0;

    img {
        height: 30px;
        width: 30px;
        margin-left: 5px;
        margin-right: 10px;
        flex-shrink: 0;

        &.avatar {
            filter: border-wrap(2px, black);
            border-radius: 2px;
        }
    }

    .kill_icon {
        margin-left: 5px;

        > .invert {
            filter: contrast(-1); // Make white instead of black.
        }
    }

    .name {
        margin-right: 8px;
        margin-top: 3px;
        flex-shrink: 0;
        font-size: 20px;
        font-family: $font-primary;
        text-shadow: 2px 2px 2px black;
        text-stroke: 3px black;
        font-weight: bold;
    }

    .msg {
        margin-top: 3px;
        font-size: 20px;
        font-family: $font-primary;
        color: $text-primary-color;
        text-shadow: 2px 2px 2px black;
        text-stroke: 3px black;
    }

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