.iconpicker{position:relative;border-top-left-radius:3px;border-bottom-left-radius:3px;border:1px solid #888;width:80px}.iconpicker .iconpicker-selected-icon{width:70%;max-width:70%;height:100%;text-align:center;display:inline-block;box-sizing:border-box;vertical-align:top;font-size:20px}.iconpicker .iconpicker-selected-icon i{color:#333;vertical-align:bottom}.iconpicker .iconpicker-selecter{width:30%;min-width:30%;height:100%;text-align:center;display:inline-block;box-sizing:border-box;vertical-align:top;cursor:pointer}.iconpicker .iconpicker-selecter i{vertical-align:bottom}.iconpicker .iconpicker-content{position:absolute;width:100%;height:0;max-height:200px;text-align:center;box-sizing:border-box;z-index:99;margin-top:1px;margin-left:-1px;border:0;border-top:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background-color:hsla(0,0%,100%,.9);overflow:hidden;transition:.3s}.iconpicker .iconpicker-content.active{height:200px;transition:.3s;border:1px solid #888}.iconpicker .iconpicker-content.searching{width:200%;transition:.3s}.iconpicker .iconpicker-content.searching .iconpicker-list .iconpicker-list-icon .iconpicker-list-icon-i{width:30%;padding:15px 0;transform:.3s}.iconpicker .iconpicker-content.searching .iconpicker-list .iconpicker-list-icon .iconpicker-list-icon-word{width:70%;font-size:12px;padding-left:5px;transform:.3s}.iconpicker .iconpicker-content.searching .iconpicker-search .iconpicker-search-click{width:30%;transform:.3s;padding:10px 0}.iconpicker .iconpicker-content.searching .iconpicker-search .iconpicker-search-click-display{width:70%;transition:.3s}.iconpicker .iconpicker-content.searching .iconpicker-search .iconpicker-search-click-display .iconpicker-search-input{width:100%;border:1px solid #fff;color:#fff;font-size:12px;padding-left:5px;transition:.3s}.iconpicker .iconpicker-content .iconpicker-search{background-color:#333}.iconpicker .iconpicker-content .iconpicker-search .iconpicker-search-click{width:100%;padding:10px;color:#fff;display:inline-block;cursor:pointer;transition:.3s}.iconpicker .iconpicker-content .iconpicker-search .iconpicker-search-click-display{width:0;display:inline-block;transition:.3s}.iconpicker .iconpicker-content .iconpicker-search .iconpicker-search-click-display .iconpicker-search-input{width:0;border:0;margin:0;padding:0;background-color:#333;border-radius:5px;transition:.3s}.iconpicker .iconpicker-content .iconpicker-list{height:80%;max-height:80%;overflow:auto}.iconpicker .iconpicker-content .iconpicker-list::-webkit-scrollbar-track{background-color:#fff;border-left:1px solid #dfdfdf}.iconpicker .iconpicker-content .iconpicker-list::-webkit-scrollbar{background-color:#fff;width:10px}.iconpicker .iconpicker-content .iconpicker-list::-webkit-scrollbar-thumb{background-color:#333;border-top:1px solid #fff;width:10px}.iconpicker .iconpicker-content .iconpicker-list .iconpicker-list-icon{text-align:center;font-size:20px;color:#333;transition:.3s;width:100%;cursor:pointer}.iconpicker .iconpicker-content .iconpicker-list .iconpicker-list-icon .iconpicker-list-icon-i{padding:15px;width:100%;display:inline-block}.iconpicker .iconpicker-content .iconpicker-list .iconpicker-list-icon .iconpicker-list-icon-word{width:0;font-size:0;text-align:left;display:inline-block;vertical-align:middle;box-sizing:border-box}.iconpicker .iconpicker-content .iconpicker-list .iconpicker-list-icon:hover{background-color:#333;color:#fff;transition:.3s}