.select-wrapper .loading-indicator {
    /* Position the loading indicator as needed */
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Add any other styling like background, padding, etc. */
    background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent background */
    padding: 10px;
    border-radius: 5px;
    display: none; /* Initially hidden */
}

.select-wrapper.is-loading .loading-indicator {
    display: block; /* Show the loading indicator when the parent has .is-loading */
}

/* Adjust the styling of the select element when it's loading */
.select-wrapper.is-loading select {
    opacity: 0.5; /* Partially transparent */
    pointer-events: none; /* Prevent interactions */
}