#birdeyeModal {
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rg    ba(0,0,0,0.4); /* Black w/ opacity */
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

#coinInfoTable {
    color: white; /* Change the text color to white */
    background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent black background */
    padding: 20px; /* Add some padding around the table */
    border-radius: 5px; /* Optional: rounded corners for the table container */
}

#coinInfoTable table {
    width: 100%; /* Make the table take the full width of its container */
    border-collapse: collapse; /* Collapse borders */
}

#coinInfoTable th, #coinInfoTable td {
    border: 1px solid white; /* White borders for table cells */
    padding: 8px; /* Padding inside cells */
    text-align: left; /* Align text to the left */
}
label {
    color: white; /* Change the text color to white */
    display: inline-block; /* Add this line */
    margin-right: 10px; /* Optional: adds some space between the label and the slider */
}
#marketCapValue, #liquidityValue, #volumeValue, #maxBubblesValue {
    color: white; /* Change the text color to white */
}
.noUi-target {
    max-width: 80%;
    margin: 0 auto; /* Center the slider */
}
#iframeContainer {
    display: flex;
    justify-content: center; /* Center iframes horizontally */
    align-items: center; /* Center iframes vertically, optional */
    width: 100%; /* Use the full width of the modal */
}