.dropdown,.dropdown div,.dropdown div:after,.dropdown li{-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.dropdown .selected:after,.dropdown.scrollable div:after{-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;pointer-events:none}.dropdown{border:1px solid #ccc;position:relative;border-radius:3px;background:#fff;cursor:pointer;width:160px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown.open{z-index:2}.dropdown:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}.dropdown.focus{box-shadow:0 0 5px rgba(51,102,248,.4)}.dropdown .carat{position:absolute;top:50%}.dropdown .old{height:0;overflow:hidden;width:0}.dropdown .old,.dropdown select{position:absolute;top:0;left:0}.dropdown.touch .old{height:100%;width:100%}.dropdown.touch select{height:100%;opacity:0;width:100%;z-index:10}.dropdown .selected,.dropdown li{overflow:hidden;padding:9px 12px;color:#000;line-height:1;white-space:pre-wrap;display:block}.dropdown.disabled .selected{color:#999}.dropdown .selected:after{right:0;content:"";position:absolute;bottom:0;top:0;box-shadow:inset -55px 0 25px -20px #fff;border-radius:0 2px 2px 0;width:60px}.dropdown div{height:0;overflow:hidden;border:1px solid #ccc;right:-1px;position:absolute;border-top-color:#eee;opacity:0;top:100%;border-radius:0 0 3px 3px;background:#fff;left:-1px;margin-top:-1px}.dropdown.open div{opacity:1;z-index:2}.dropdown.scrollable div:after{height:50px;right:0;content:"";position:absolute;bottom:0;box-shadow:inset 0 -50px 30px -35px #fff;left:0}.dropdown.scrollable.bottom div:after{opacity:0}.dropdown ul{list-style:none;height:100%;overflow:hidden;position:absolute;top:0;left:0;width:100%}.dropdown.scrollable.open ul{overflow-y:auto}.dropdown li{list-style:none;padding:8px 12px}.dropdown li.focus{color:#fff;position:relative;background:#d24a67;z-index:3}.dropdown li.active{font-weight:700}