/*
 * 全站滚动条样式：统一页面、弹窗、输入框和表情面板的滚动条观感。
 * 作者: @ccfork
 */
* {
    scrollbar-width: thin;
    scrollbar-color: #ff8aac #fff4f8;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    border-radius: 999px;
    background: #fff4f8;
    box-shadow: inset 0 0 0 1px rgba(255, 193, 212, 0.42);
}

*::-webkit-scrollbar-thumb {
    min-height: 36px;
    border: 2px solid #fff4f8;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffbfd2 0%, #ff8aac 100%);
}

*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ffacc5 0%, #f76f9d 100%);
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

*::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

textarea,
.users-list,
.messages-area,
.messages-container,
.side-content,
.profile-dialog,
.emoji-tabs,
.emoji-grid {
    scrollbar-gutter: stable;
}

@media (max-width: 899px) {
    *::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    *::-webkit-scrollbar-thumb {
        border-width: 2px;
    }
}