select,
::picker(select) {
    appearance: base-select;
    font-family: system-ui;
}


option::checkmark {
    display: none;
}

::picker(select) {
    max-height: 80dvh;
    padding: 0;
}

select:has(:popover-open) {
    border-radius: 0;
}

.country-select:hover {
    background-color: hsl(0deg, 0%, 98%);
    color: #FF2FB2 !important;
}

.country-select:focus {
    outline: none;   
}

.country-select option {
    display: grid;
    grid-template-columns: 1.5rem 1fr;
    /*  gap: 1rem;*/
    font-size: 1rem;
    align-items: center;
    place-items: initial;
    padding: 0.5rem;
    align-content: space-around;
    align-items: stretch;
   
}

    .country-select option:focus {
        outline: none;
        border: none;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    selectedcontent {
        display: grid;
        grid-template-columns: 1.5rem 1fr;
        /* gap: 1rem;*/
        font-size: 1rem;
        align-items: center;
        place-items: initial;
        padding: 4PX;
        align-content: space-around;
        color: black;
        place-items: stretch;
        align-items: center;
    }

select {
    align-items: center;
    border: 0px;
    padding: 0px;
    align-self: center;
    height: min-content;
}