.mdl-select{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:visible;-webkit-box-sizing:border-box;box-sizing:border-box;width:300px;cursor:pointer;background-repeat:no-repeat;background-position:right 10px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230' fill-rule='evenodd' opacity='.54' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.mdl-select,.mdl-select__surface{position:relative;height:56px;border:none;border-radius:4px 4px 0 0;outline:none}.mdl-select__surface{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:100%;padding:0 26px 0 16px;background-color:rgba(0,0,0,.04);-webkit-font-smoothing:antialiased;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mdl-select__surface::-ms-expand{display:none}.mdl-select__selected-text{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-transition:mdc-animation-exit-temporary(opacity,125ms),mdc-animation-exit-temporary(transform,125ms);transition:mdc-animation-exit-temporary(opacity,125ms),mdc-animation-exit-temporary(transform,125ms);white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mdl-select__bottom-line{bottom:0;height:1px;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:bottom;transform-origin:bottom;background-color:rgba(0,0,0,.5)}.mdl-select__bottom-line,.mdl-select__bottom-line:after{position:absolute;left:0;width:100%;-webkit-transition:-webkit-transform .18s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1)}.mdl-select__bottom-line:after{z-index:2;bottom:-1px;height:2px;content:"";-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}.mdl-select .mdl-menu__container{z-index:4;max-height:100%;-webkit-transform-origin:center center;transform-origin:center center}.mdl-select .mdl-menu__container,.mdl-select .mdl-menu__outline{min-width:100%!important}.mdl-select .mdl-menu__outline{-webkit-transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s cubic-bezier(.4,0,.2,1)}.mdl-select .mdl-menu{clip:auto!important;width:100%;padding:0}.mdl-select .mdl-menu__item{line-height:48px;height:48px}.mdl-select .mdl-menu__item:hover{background-color:rgba(0,0,0,.04)}.mdl-select .mdl-menu__item.active{color:#fff;background-color:rgba(0,0,0,.4)}