.mobile-select-component select{
    display:none;
}

.mobile-select-button{
    width:100%;
    min-height:50px;
    border:1px solid #ccc;
    border-radius:10px;
    background:#fff;
    padding:12px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.mobile-select-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
}

.mobile-select-modal.open{
    display:flex;
    align-items:flex-end;
}

.mobile-select-box{
    /*width:80vw;
	margin-left:10%;
    max-height:80vh;
    overflow:auto;
    background:#fff;
    border-radius:0 18px 18px 0;
	position:fixed;
	top:10%;*/
	
	/* width: 85vw; */
    /* margin-left: 10%; */
    right: 0vw;
    max-height: 85vh;
    overflow: auto;
    background: #fff;
    border-radius: 18px 18px 18px 18px;
    position: fixed;
    padding: 1.5em;
    margin: 1vh;
    top: 12vh;
}

.mobile-select-option{
    width:100%;
    padding:16px;
    border:none;
    margin:3px;
    background:whitesmoke;
    text-align:left;
    border:1px solid #0c0c0c;
    border-radius: 18px 18px 18px 18px;
}

.mobile-select-option.active{
    font-weight:bold;
}