.icon-picker{position:relative;margin-top:20px}.icon-picker .icon-list{font-size:0;height:300px;overflow:scroll;position:relative;padding-bottom:40px}.icon-picker .icon-list>*{box-sizing:border-box}.icon-picker .icon-list .item{display:inline-block;width:24%;margin:.5%;font-size:13px;padding:10px;border:1px solid #bbb;box-shadow:0px 1px 2px rgba(0,0,0,.0980392);text-align:center;vertical-align:top;transition:background-color .2s,color .2s}.icon-picker .icon-list .item.selected{background-color:#32373c;color:#fff}.icon-picker .icon-list .item .item-wrapper{height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.icon-picker .icon-list .item .item-image{width:100%}.icon-picker .icon-list .item .item-image i{font-size:50px}.icon-picker .icon-list .item .item-name{display:inline-block;-webkit-hyphens:auto}.icon-picker .show-more{font-size:13px;position:absolute;bottom:0;left:0;width:100%;margin:0 auto;padding-bottom:5px;text-align:center}.icon-picker .show-more .background{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 100%);z-index:0}.icon-picker .show-more .button{color:#000;position:relative;z-index:1}