@import url('https://rsms.me/inter/inter.css');

:root {
    --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

html,
body {
    font-feature-settings: "cv03", "cv04", "cv11";
    /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
    /* font-size: 12px; */
    /* background-color: #F0F0F0; */
    scrollbar-width: thin !important;
}

.flag-icon {
    font-size: 15px;
    border: solid 1px #ccc;
}

.swal2-container {
    z-index: 2500 !important;
}

#scrollToTopBtn {
    display: none;
    /* Hidden by default */
    bottom: 20px;
    /* 20px from the bottom */
    right: 20px;
    /* 20px from the right */
    z-index: 99;
    /* Ensure it appears above other elements */
    cursor: pointer;
    /* Pointer/hand icon */
}

#scrollToTopBtn:hover {
    background-color: #333;
    /* Darker background on hover */
}

.index-list-sort {
    cursor: pointer;
}

.ti {
    font-size: 1.25rem;
    stroke-width: 1.5;
}

.ti-xs {
    font-size: 1rem;
    stroke-width: 1;
}

.ti-lg {
    font-size: 3.5rem;
    stroke-width: 1;
}

.clickable {
    cursor: pointer;
}

#right-sidebar-chat {
    width: 25%;
    min-height: 94vh;
    /* background-color: red; */
    /* z-index: 1000; */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    padding: 5px;
    position: fixed;
    right: 0;
}

.chat-container {
    height: 75vh;
}

@media (max-width: 1200px) {
    #right-sidebar-chat {
        min-height: unset;
        position: unset;
        width: 100%;
    }

    #main-page-body {
        width: 100% !important;
    }

    .chat-container {
        height: 30vh;
        font-size: 12px;
    }
}