.navbar {
    padding: .5rem 1rem;
}

/* we are responsible for positioning toasts */
.toast-container {
    /* toasts in top-right corner */
    position: fixed;
    top: 100px;
    right: 20px;
    /* so that toasts are shown on top */
    z-index: 100;
    /* to get rid of the toast translucence (same as body bg color) */
    /*background-color: #f5f5f5;*/
}

.thumb-post {
    object-fit: cover;
    /* Do not scale the image */
    object-position: center;
    /* Center the image within the element */
    width: 100%;
    max-height: 250px;
}

.vertical-right-aligned {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 100;
}

#feedback-module {
    color: #0a0a0a;
}

/* Custom scrollbar */
html {
    scrollbar-width: thin;
    scrollbar-color: var(--gray) var(--dark);
}

body::-webkit-scrollbar {
    width: 11px;
}

body::-webkit-scrollbar-track {
    background: var(--dark);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--gray);
    border-radius: 6px;
    border: 3px solid var(--dark);
}

textarea {
    scrollbar-width: thin;
    scrollbar-color: var(--gray) var(--light);
}

textarea::-webkit-scrollbar {
    width: 11px;
}

textarea::-webkit-scrollbar-track {
    background: var(--light);
}

textarea::-webkit-scrollbar-thumb {
    background-color: var(--gray);
    border-radius: 6px;
    border: 3px solid var(--light);
}