@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;
}