.editor-choose-icon-btn {
  position: relative;
  display: flex;
}
.editor-choose-icon-btn .editor-input-affix-wrapper-sm {
  height: 28px;
}
.editor-choose-icon-btn .editor-input-affix-wrapper-sm .editor-input.editor-input-sm {
  height: auto;
}
.editor-choose-icon-btn .editor-input-affix-wrapper-sm .editor-input-prefix img {
  width: 14px;
  height: 14px;
}
.editor-choose-icon-btn .svgIcon {
  width: 16px;
  height: 16px;
}
.editor-choose-icon-btn .svgIcon svg {
  width: 16px;
  height: 16px;
}
.editor-choose-icon-btn button {
  margin-right: 8px;
}
.editor-choose-icon-btn .downIcon {
  color: rgba(0, 0, 0, 0.25) !important;
  font-size: 12px;
}
.editor-choose-icon-btn .closeIcon {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
  color: rgba(28, 36, 46, 0.25);
  font-size: 12px;
}
.editor-choose-icon-btn .closeIcon:hover,
.editor-choose-icon-btn .closeIcon:focus,
.editor-choose-icon-btn .closeIcon:active {
  color: rgba(28, 36, 46, 0.55);
}
.editor-choose-icon-btn:hover .iconVisible,
.editor-choose-icon-btn:focus .iconVisible,
.editor-choose-icon-btn:active .iconVisible {
  z-index: 2;
  display: inline;
}
.editor-choose-icon-btn:hover .iconHide,
.editor-choose-icon-btn:focus .iconHide,
.editor-choose-icon-btn:active .iconHide {
  display: none;
}
.editor-choose-icon-modal {
  top: 100px;
}
.editor-choose-icon-modal.editor-modal {
  top: 100px;
}
.editor-choose-icon-modal .editor-modal-content {
  display: flex;
  flex-direction: column;
  min-height: 320px;
  max-height: calc(100vh - 80px);
  overflow: hidden;
}
.editor-choose-icon-modal .editor-modal-body {
  flex: 1;
  overflow-y: auto;
}
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar-thumb {
  width: 10px;
  background: #f2f2f2;
  border-radius: 0;
}
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar-track,
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar,
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar-corner {
  background: #bfbfbf;
  border-radius: 0;
}
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar-track {
  border-color: #bfbfbf;
}
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar-thumb {
  width: 10px;
  background: #f2f2f2;
  border-radius: 0;
}
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar-track,
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar,
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar-corner {
  background: #bfbfbf;
  border-radius: 0;
}
.editor-choose-icon-modal .editor-modal-body::-webkit-scrollbar-track {
  border-color: #bfbfbf;
}
.editor-choose-icon-modal .editor-modal-body {
  padding: 0;
}
.editor-choose-icon-modal .wrap .search {
  padding: 12px 24px;
}
.editor-choose-icon-modal .wrap .tabs {
  padding-right: 24px;
  padding-left: 8px;
}
.editor-choose-icon-modal .wrap .tabs .editor-tabs-tab {
  margin-bottom: 0;
}
.editor-choose-icon-modal .wrap .dl {
  margin-bottom: 16px;
}
.editor-choose-icon-modal .wrap .dl .dt {
  margin-bottom: 8px;
  font-size: 14px;
}
.editor-choose-icon-modal .wrap .dl .dd {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.editor-choose-icon-modal .wrap .dl .dd .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.5s;
}
.editor-choose-icon-modal .wrap .dl .dd .item .icon {
  font-size: 18px;
}
.editor-choose-icon-modal .wrap .dl .dd .item:hover {
  background: #47e;
}