@import "../variables/light.less";

.message-own {
    background-color: @gray-lighter;
}

// Apply variables to theme.
@import "../theme_base_chat.less";

* {
    &::-webkit-scrollbar-track {
        box-shadow: inset 0 0 8px @gray;
        border-radius: 10px;
    }

    &::-webkit-scrollbar {
        width: 12px;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
        background-color: @gray-lighter;
        &:hover {
            background-color: @gray-light;
        }

        &:active {
            background-color: @gray;
        }
    }
}