div.fancy-select{position:relative;margin:0 0 10px 0;font-size:1.6rem}div.fancy-select.disabled{opacity:.5}div.fancy-select div.trigger{line-height:5.5rem;padding:0 1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;background:#f4f6f7;border-left:2px solid #ebeef0;cursor:pointer;transition:all 240ms ease-out;-webkit-transition:all 240ms ease-out;-moz-transition:all 240ms ease-out;-ms-transition:all 240ms ease-out;-o-transition:all 240ms ease-out}div.fancy-select div.trigger:after{content:"";display:block;position:absolute;width:0;height:0;margin-top:-2px;border:5px solid #fff0;border-top-color:#878e93;top:50%;right:1.5rem}div.fancy-select ul.options{list-style:none;margin:0;padding:0;position:absolute;top:40px;left:0;visibility:hidden;opacity:0;z-index:50;max-height:200px;overflow:auto;background:#f4f6f7;width:100%;transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-webkit-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-moz-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-ms-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out;-o-transition:opacity 300ms ease-out,top 300ms ease-out,visibility 300ms ease-out}div.fancy-select ul.options.open{visibility:visible;top:6rem;opacity:1;transition:opacity 300ms ease-out,top 300ms ease-out;-webkit-transition:opacity 300ms ease-out,top 300ms ease-out;-moz-transition:opacity 300ms ease-out,top 300ms ease-out;-ms-transition:opacity 300ms ease-out,top 300ms ease-out;-o-transition:opacity 300ms ease-out,top 300ms ease-out}div.fancy-select ul.options.overflowing{top:auto;bottom:40px;transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-webkit-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-moz-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-ms-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out;-o-transition:opacity 300ms ease-out,bottom 300ms ease-out,visibility 300ms ease-out}div.fancy-select ul.options.overflowing.open{top:auto;bottom:6rem;transition:opacity 300ms ease-out,bottom 300ms ease-out;-webkit-transition:opacity 300ms ease-out,bottom 300ms ease-out;-moz-transition:opacity 300ms ease-out,bottom 300ms ease-out;-ms-transition:opacity 300ms ease-out,bottom 300ms ease-out;-o-transition:opacity 300ms ease-out,bottom 300ms ease-out}div.fancy-select ul.options li{padding:8px 12px;cursor:pointer;white-space:nowrap;transition:all 150ms ease-out;-webkit-transition:all 150ms ease-out;-moz-transition:all 150ms ease-out;-ms-transition:all 150ms ease-out;-o-transition:all 150ms ease-out}div.fancy-select ul.options li.selected{color:#fff}div.fancy-select ul.options li.selected:hover{color:#fff}