.select{display:inline-block;position:relative;cursor:pointer;vertical-align:middle;line-height:1;outline:none;font-size:1em;}
.select.open{z-index:1;}

.select>ul{position:absolute;top:100%;left:0;max-height:70vh;overflow-y:auto;border:thin solid #ccc;border-radius:.2em;padding:0;margin:0;background:#fff;list-style:none;transition:transform .2s;transform:scale(0);transform-origin:0 0;}
.select.open>ul{box-shadow:0 .1em .5em #99999966;transform:scale(1); width: 100%;}
.select:not(.open)>ul{visibility:hidden;}
.select:focus>span{box-shadow:0 0 0 .15em #cccccc66;}
.select li{padding:.5em 1em;}
.select li:hover{background:#00000009;}
.select li.actual{background:#F7F9FC;}
/*.select li.selected{color:#0033cc;}*/

.select>label{position:absolute;top:.42em;left:.3em;padding:0 .2em;color:#999;transition:transform .2s;transform-origin:0 0;}
.select.open>label, .select.selected>label{background:#fff;transform:translate(0, -.85em) scale(.8);}

.select>span{position:relative;display:inline-block;width:10em;height:1.4em;line-height:1.5;overflow:hidden;border:thin solid #ccc;border-radius:.2em;padding:.2em .5em;background:#fff;white-space:nowrap;box-sizing:content-box;}

.select>b{position:absolute;right:.5em;top:.3em;padding:.2em .5em;background:#fff;border-right:thin solid transparent;background-clip:padding-box;}
.select>b:after{content: url('../img/arrow.svg')}
.filter .select>b:after{content: url('../img/tdown-w.svg')!important}
.select>a{position:absolute;z-index:1;right:1.5em;top:.45em;padding:0 .25em;background:#eee;border-radius:50%;transform:scale(1.25);}
.select>a:after{content:"\d7";/*"\2a2f", "\2573"*/}
.select:not(.open)>a{display:none;}

/*
.select div{position:fixed;top:0;left:0;bottom:0;right:0;background:#eeeeee99;cursor:default;}
.select:not(.open) div{display:none;}
*/