@import './layout.css';
@import './sidebar.css';
@import './chat.css';
@import './header.css';
@import './user.css';
@import './message-list.css';
@import './actions.css';
@import './buttons.css';

:root{
    --headerSize: 50px;
    --actionsSize: 50px;
    font-size: 16px;
    --black: #000000;
    --grey10: #666667;
    --grey15: rgba(210, 210, 210, .7);
    --grey20: #f2f2f2;
    --grey30: #f6f6f6;
    --grey40: #ededed;
    --white: #ffffff;
    --green10: #e1f7cb;
    --green20: #56bca6;
    --green30: #429488;
    --blue: #5cb3f0;
    --red: #ff4a4a;
    --body-16regular: 400 1rem/1.25rem Inter;
    --body-16bold: 700 1rem/1.25rem Inter;
    --body-14regular: 400 0.875rem/1.125rem Inter;
    --body-14regular_u: 500 0.875rem/1.25rem Inter;
    --caption-12bold: 700 0.75rem/1rem Inter;
    --caption-12regular: 400 0.75rem/1rem Inter;
    --caption-12regular_u: 400 0.75rem/1.25rem Inter;
    }

/* body{
    margin: 0;
    font-family: 'inter', sans-serif;
    min-block-size: 100vh;
} */

::-webkit-scrollbar{
    background-color: transparent;
    inline-size: .5rem;
}

::-webkit-scrollbar-button{
    display: none;
}

::-webkit-scrollbar-thumb{
    background-color: var(--grey15);
    opacity: 1;
}


/* *{
    border: 1px solid red;
} */


@media screen and (min-width: 768px) {
    .chat{
        display: flex;
    }

    .sidebar2{
        display: flex;
    }
}