.aclst{position:absolute;display:none;width:auto !important;clear:none;padding:0;font-size:90%;font-style:normal;text-align:left;background:var(--bkg-snd-color,#fff);border-radius:0.2em;max-width:calc(100% - 2px) !important;
border:1px solid var(--action-color,rgba(0,128,208,0.7));box-shadow:0px 0px 4px var(--action-color,rgba(0,128,208,0.7));
max-height:calc(100vh - 7em);overflow-x:hidden;overflow-y:auto;
margin-top:-0.1em;
/*width: 100%;*/
max-width:calc(100% - 1em) !important;
}
@media screen and (min-width:880px){
.aclst{overflow:hidden;}
}
.aclst:hover,.aclst:focus{overflow-y:auto;}
.aclst li {position:relative;display:block;padding:0.7em 0.2em;cursor:pointer;white-space:nowrap;width:100% !important;max-width:100% !important;overflow:hidden;}
.aclst li:not(:last-of-type){border-bottom:1px solid var(--border-alt-color,#eee);}
.aclst li i{color:var(--text-alt-color,#999);}
.aclst li b{float:right;display:inline-block;width:auto;color:var(--text-color,#333);text-align:right;margin-left:1em;font-weight:normal;}
.aclst li:hover,.aclsts {background:var(--action-color,rgba(0,128,208,0.9));border-bottom:1px solid var(--action-color,rgba(0,128,208,0.9));color:var(--bkg-snd-color,#fff);}
.aclst:empty{display:none;opacity:0;}
[data-ac]:empty:before{content:attr(data-ac);}

[data-acxhr]{
transition:background 0s;
padding-right:1.8em;
background-image:var(--svg-select);
background-size:2em;
background-position:right center;
background-repeat:no-repeat, no-repeat;
}
[data-acxhr]:invalid,[data-acxhr]:focus:invalid{
background-image:var(--svg-select),var(--svg-invalid);

background-size:2em,0.2em 200%;
background-repeat:no-repeat, no-repeat;
background-position:right center, left center;
}