.flag-icon {
    /* Default size */
    width: 21px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Custom Material Design Scrollbar */
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top,
    from(#7a5db8), /* Darker Purple */
    color-stop(25%, #208b8b), /* Darker Teal */
    color-stop(50%, #6495ED), /* Slightly Darker Blue */
    to(#2a2a72)); /* Very Dark Blue */
    background-image: -webkit-linear-gradient(bottom,
    #7a5db8 0%, /* Darker Purple */
    #208b8b 25%, /* Darker Teal */
    #6495ED 50%, /* Slightly Darker Blue */
    #2a2a72 100%); /* Very Dark Blue */
    background-image: linear-gradient(to top,
    #7a5db8 0%, /* Darker Purple */
    #208b8b 25%, /* Darker Teal */
    #6495ED 50%, /* Slightly Darker Blue */
    #2a2a72 100%); /* Very Dark Blue */
}

::-webkit-scrollbar-track {
    background-color: #3a3a4f; /* Dark shade that complements the gradient */
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

/* Modal for Cookies */
.modal-dialog-bottom-right {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    width: 300px;
    margin: 0;
}

.modal-open .modal-backdrop.show {
    opacity: .8;
}

.modal-open .wrapper {
    filter: blur(5px);
}