/* img cut */
:root {
    --cut-size: 60px;
    --primary-orange: #f66428;
}

.card-clip {
    clip-path: polygon(var(--cut-size) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut-size));
    overflow: hidden;
}

.card-clip-right {
    clip-path: polygon(0 0, calc(100% - var(--cut-size)) 0, 100% var(--cut-size), 100% 100%, 0 100%);
    overflow: hidden;
}


.image-clip {
    clip-path: polygon(var(--cut-size) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut-size));
}

/* Thin scrollbar for sidebar chat list */
.sidebar-scroll {
    scrollbar-width: thin;
    scrollbar-color: #8d8f92 white;
    /* thumb, track */
}

.sidebar-scroll::-webkit-scrollbar {
    width: 6px;
}

.sidebar-scroll::-webkit-scrollbar-thumb {
    background-color: white;
    /* gray-600 */
    border-radius: 9999px;
}