.selector{position:relative;width:10.7em;height:auto;margin:12.5em auto 15.5em auto}.selector button{position:relative;padding:.77em .77em;background:#2ba2ce;border-radius:50%;border:0;color:#fff;font-size:1.4em;cursor:pointer;box-shadow:0 3px 3px rgba(0,0,0,.1);transition:all .1s}.selector button:hover{background:#3071a9}.selector button:focus{outline:0}.selector ul{position:absolute;list-style:none;padding:0;margin:0;top:-.3em;right:-3em;bottom:-.3em;left:-2em}.selector li{position:absolute;width:0;height:100%;margin:0 50%;-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);transition:all .8s ease-in-out}.selector li input{display:none}.selector li input+label{position:absolute;left:50%;bottom:100%;width:0;height:0;line-height:1px;margin-left:8em;background:#fff;border-radius:50%;text-align:center;font-size:1px;overflow:hidden;cursor:pointer;box-shadow:none;transition:all .8s ease-in-out,color .1s,background .1s}.selector li a,.selector li a:visited{color:#636363}.selector li input+label:hover{background:#abdded}.selector.open li input+label{width:auto;min-width:5em;height:auto;padding:.7em;line-height:1.3em;box-shadow:0 3px 3px rgba(0,0,0,.1);font-size:1em;font-weight:700}.selector abbr[title],.selector acronym[title]{border-bottom:none;text-decoration:underline lightblue}