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

Chatbox {
    z-index: 100;
    flex-direction: column;
    width: 505px;
    font-size: 16px;
    transition: all 0.1s ease, border 0s ease;
    height: 230px;

    .content-label {
        margin-left: 16px;
    }

    .placeholder,
    .content-label {
        font-size: 20px;
        font-family: $font-primary;
        color: $text-primary-color;
        text-shadow: 2px 2px 2px black;
        text-stroke: 3px black;
        margin: 5px;
    }

    .canvas {
        flex-direction: column;
        align-items: flex-start;
        overflow: scroll;
        height: 230px;
    }

    &.open {
        border-radius: 4 4 0 0;
        pointer-events: all;
    }
}