div.JDialog>div.JDialog-dialog>div.JDialog-content>div.JDialog-body {
  background: url('data:image/png;base64,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');
}

.ilst {
  width: 100%;
  height: 100%;
  position: relative;
  display: none
}

.lst {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.lst li {
  display: inline-block;
  list-style: none;
  width: auto;
  height: auto;
  margin: 0px 20px 20px 0px;
  background-color: #eee;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  border: 3px solid rgba(255, 255, 255, 0)
}

.lst li .imageItemResolution {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #16fd0061;
  font-size: small;
  text-align: center;
  line-height: normal;
}

.lst li.select-item.selecting-item,
.lst li.select-item.selected-item,
.lst li.select-item:hover {
  border: 3px solid #1094fa;
  box-shadow: #1094fa 0 0 8px 0
}

.lst li.select-item.unselecting-item {
  border: 3px solid #83b6ff;
  box-shadow: #83b6ff 0 0 8px 0
}

.lst li.select-item.selected-item.success {
  border: 3px solid #00FF00;
  box-shadow: #00FF00 0 0 8px 0
}

.lst li.select-item.selected-item.fail {
  border: 3px solid #FF0000;
  box-shadow: #FF0000 0 0 8px 0
}
.jj-flash-note__popper[data-v-44225974] {
  position: absolute;
  border: none;
  outline: 0;
  text-align: center;
  width: 28px;
  height: 28px;
  background: #f7f8fa;
  border: 1px solid #e5e6eb;
  border-radius: 2px;
  padding: 4px
}

.jj-flash-note__popper .icon[data-v-44225974] {
  pointer-events: none
}

.jj-flash-note__frame[data-v-dd761a64] {
  max-width: 50%;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #fff;
  z-index: 9999
}

.slide-left-enter-active[data-v-dd761a64],
.slide-left-leave-active[data-v-dd761a64] {
  transition: transform .15s linear
}

.slide-left-enter-from[data-v-dd761a64],
.slide-left-leave-to[data-v-dd761a64] {
  transform: translateX(100%)
}

.jj-flash-note__app[data-v-ed443a7e] {
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0
}

.jj-flash-note__app .mask[data-v-ed443a7e] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9000;
  background-color: rgba(0, 0, 0, .4);
  opacity: 1
}

.jj-flash-note__app .fade-enter-active[data-v-ed443a7e],
.jj-flash-note__app .fade-leave-active[data-v-ed443a7e] {
  transition: opacity .15s ease
}

.jj-flash-note__app .fade-enter-from[data-v-ed443a7e],
.jj-flash-note__app .fade-leave-to[data-v-ed443a7e] {
  opacity: 0
}

[data-v-41285de6]:root {
  --jjext-color-brand: #1E80FF;
  --jjext-color-brand-light: #E8F3FF;
  --jjext-color-nav-title: #86909C;
  --jjext-color-nav-popup-bg: #FFFFFF;
  --jjext-color-primary: #1D2129;
  --jjext-color-secondary-app: #4E5969;
  --jjext-color-thirdly: #86909C;
  --jjext-color-hover: #1e80ff;
  --jjext-color-hover-thirdly: #86909c;
  --jjext-color-dropdown-text: #1E80FF;
  --jjext-color-divider: #E5E6EB;
  --jjext-color-main-bg: #f4f5f5;
  --jjext-color-secondary-bg: #FFFFFF;
  --jjext-color-thirdly-bg: #f4f5f5;
  --jjext-color-hover-bg: #E8F3FF;
  --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(232, 243, 255, 0) 0%,
      rgba(232, 243, 255, 0.8) 25.09%,
      #e8f3ff 50.16%,
      rgba(232, 243, 255, 0.8) 75.47%,
      rgba(232, 243, 255, 0) 100%);
  --jjext-color-font-2: #1171EE;
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #ffffff;
  --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
  --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
  --jjext-color-tips: #F53F3F;
  --jjext-color-fourthly: #C9CDD4;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #e5e6eb;
  --jjext-color-icon-search: #ffffff;
  --jjext-color-navbar-icon: #1e80ff;
  --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
  --jjext-color-layout-title: #4E5969;
  --jjext-color-layout-title-active: #1E80FF;
  --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
  --jjext-color-layout-icon-fill: #ffffff;
  --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
  --jjext-color-layer-2-1: #F7F8FA;
  --jjext-color-layer-4: #ffffff;
  --jjext-color-font-brand-1: #1e80ff;
  --jjext-color-font-brand-4: #abcdff;
  --jjext-color-font-1: #252933;
  --jjext-color-font-3: #8A919F;
  --jjext-color-font-4: #C2C8D1;
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
}

:root .dark[data-v-41285de6] {
  --jjext-color-brand: #1352a3;
  --jjext-color-nav-title: #e3e3e3;
  --jjext-color-nav-popup-bg: #1352A3;
  --jjext-color-primary: #e3e3e3;
  --jjext-color-secondary-app: #a9a9a9;
  --jjext-color-thirdly: #7d7d7f;
  --jjext-color-hover: #eeeeee;
  --jjext-color-hover-thirdly: #878789;
  --jjext-color-dropdown-text: #878789;
  --jjext-color-divider: #4a4a4a;
  --jjext-color-main-bg: #121212;
  --jjext-color-secondary-bg: #272727;
  --jjext-color-thirdly-bg: #3a3a3a;
  --jjext-color-hover-bg: #3a3a3a;
  --jjext-color-comment-bg: #313131;
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(58, 58, 58, 0) 0%,
      rgba(58, 58, 58, 0.8) 25.09%,
      #3a3a3a 50.16%,
      rgba(58, 58, 58, 0.8) 75.47%,
      rgba(58, 58, 58, 0) 100%);
  --jjext-color-font-2: rgba(238, 238, 238, 0.8);
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #e3e3e3;
  --jjext-color-nav-bg: rgb(30, 30, 30);
  --jjext-color-nav-selected-border: #4a4a4a;
  --jjext-color-tips: #bc3030;
  --jjext-color-fourthly: #878789;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #3a3a3a;
  --jjext-color-icon-search: #e3e3e3;
  --jjext-color-navbar-icon: #e3e3e3;
  --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
  --jjext-color-layout-title: #eeeeee;
  --jjext-color-layout-title-active: #eeeeee;
  --jjext-color-layout-icon-outline: #131313;
  --jjext-color-layout-icon-fill: #e3e3e3;
  --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
  --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
  --jjext-color-layer-4: #2f2f2f;
  --jjext-color-font-brand-1: #4495FF;
  --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
  --jjext-color-font-1: rgba(255, 255, 255, 0.9);
  --jjext-color-font-3: rgba(255, 255, 255, 0.55);
  --jjext-color-font-4: rgba(255, 255, 255, 0.45);
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
}

.juejin-search[data-v-41285de6] {
  display: flex;
  width: 682px;
  height: 46px;
  border-radius: 2px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative
}

.juejin-search .search-anim[data-v-41285de6] {
  position: absolute;
  left: 8px;
  width: 28px;
  height: 28px;
  object-fit: contain;
  animation-play-state: paused
}

.juejin-search .search-anim.slide-right-enter-active[data-v-41285de6],
.juejin-search .search-anim.slide-right-leave-active[data-v-41285de6] {
  transition: width .3s linear
}

.juejin-search .search-anim.slide-right-enter-from[data-v-41285de6],
.juejin-search .search-anim.slide-right-leave-to[data-v-41285de6] {
  width: 0
}

.juejin-search .juejin-search-logo[data-v-41285de6] {
  right: 16px;
  position: absolute;
  width: 23px;
  height: 18px;
  object-fit: contain
}

.juejin-search .juejin-search-logo path[data-v-41285de6] {
  transition: all .3s linear
}

.juejin-search #juejin-search-input-global[data-v-41285de6] {
  height: 100%;
  width: 100%
}

.juejin-search #juejin-search-input-global .input[data-v-41285de6] {
  padding: 0 39px 0 33px;
  width: 100%;
  height: 100%;
  outline: 0;
  border: none;
  border-radius: 2px;
  color: var(--jjext-color-font-1);
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  caret-color: transparent;
  box-sizing: border-box;
  background-color: var(--jjext-color-layer-4-plugin)
}

.juejin-search #juejin-search-input-global .input.active[data-v-41285de6] {
  border: 2px solid var(--jjext-color-font-brand-4)
}

.juejin-search #juejin-search-input-global .input.animation-stopped[data-v-41285de6] {
  caret-color: #1e80ff;
  padding-left: 16px
}

.juejin-search #juejin-search-input-global .input[data-v-41285de6]::placeholder {
  font-weight: 400;
  color: #86909c
}

.calculator[data-v-4faf9c0e] {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 16px;
  cursor: pointer
}

.calculator .result[data-v-4faf9c0e] {
  font-size: 14px;
  text-align: start;
  font-weight: 500;
  line-height: 22px;
  color: #1d2129;
  margin: 0 12px;
  text-overflow: ellipsis;
  flex: 1 0 auto;
  overflow: hidden;
  white-space: nowrap;
  max-width: 494px
}

.calculator .hint[data-v-4faf9c0e] {
  font-size: 14px;
  line-height: 22px;
  color: #8a919f
}

[data-v-d8e306de]:root {
  --jjext-color-brand: #1E80FF;
  --jjext-color-brand-light: #E8F3FF;
  --jjext-color-nav-title: #86909C;
  --jjext-color-nav-popup-bg: #FFFFFF;
  --jjext-color-primary: #1D2129;
  --jjext-color-secondary-app: #4E5969;
  --jjext-color-thirdly: #86909C;
  --jjext-color-hover: #1e80ff;
  --jjext-color-hover-thirdly: #86909c;
  --jjext-color-dropdown-text: #1E80FF;
  --jjext-color-divider: #E5E6EB;
  --jjext-color-main-bg: #f4f5f5;
  --jjext-color-secondary-bg: #FFFFFF;
  --jjext-color-thirdly-bg: #f4f5f5;
  --jjext-color-hover-bg: #E8F3FF;
  --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(232, 243, 255, 0) 0%,
      rgba(232, 243, 255, 0.8) 25.09%,
      #e8f3ff 50.16%,
      rgba(232, 243, 255, 0.8) 75.47%,
      rgba(232, 243, 255, 0) 100%);
  --jjext-color-font-2: #1171EE;
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #ffffff;
  --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
  --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
  --jjext-color-tips: #F53F3F;
  --jjext-color-fourthly: #C9CDD4;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #e5e6eb;
  --jjext-color-icon-search: #ffffff;
  --jjext-color-navbar-icon: #1e80ff;
  --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
  --jjext-color-layout-title: #4E5969;
  --jjext-color-layout-title-active: #1E80FF;
  --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
  --jjext-color-layout-icon-fill: #ffffff;
  --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
  --jjext-color-layer-2-1: #F7F8FA;
  --jjext-color-layer-4: #ffffff;
  --jjext-color-font-brand-1: #1e80ff;
  --jjext-color-font-brand-4: #abcdff;
  --jjext-color-font-1: #252933;
  --jjext-color-font-3: #8A919F;
  --jjext-color-font-4: #C2C8D1;
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
}

:root .dark[data-v-d8e306de] {
  --jjext-color-brand: #1352a3;
  --jjext-color-nav-title: #e3e3e3;
  --jjext-color-nav-popup-bg: #1352A3;
  --jjext-color-primary: #e3e3e3;
  --jjext-color-secondary-app: #a9a9a9;
  --jjext-color-thirdly: #7d7d7f;
  --jjext-color-hover: #eeeeee;
  --jjext-color-hover-thirdly: #878789;
  --jjext-color-dropdown-text: #878789;
  --jjext-color-divider: #4a4a4a;
  --jjext-color-main-bg: #121212;
  --jjext-color-secondary-bg: #272727;
  --jjext-color-thirdly-bg: #3a3a3a;
  --jjext-color-hover-bg: #3a3a3a;
  --jjext-color-comment-bg: #313131;
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(58, 58, 58, 0) 0%,
      rgba(58, 58, 58, 0.8) 25.09%,
      #3a3a3a 50.16%,
      rgba(58, 58, 58, 0.8) 75.47%,
      rgba(58, 58, 58, 0) 100%);
  --jjext-color-font-2: rgba(238, 238, 238, 0.8);
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #e3e3e3;
  --jjext-color-nav-bg: rgb(30, 30, 30);
  --jjext-color-nav-selected-border: #4a4a4a;
  --jjext-color-tips: #bc3030;
  --jjext-color-fourthly: #878789;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #3a3a3a;
  --jjext-color-icon-search: #e3e3e3;
  --jjext-color-navbar-icon: #e3e3e3;
  --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
  --jjext-color-layout-title: #eeeeee;
  --jjext-color-layout-title-active: #eeeeee;
  --jjext-color-layout-icon-outline: #131313;
  --jjext-color-layout-icon-fill: #e3e3e3;
  --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
  --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
  --jjext-color-layer-4: #2f2f2f;
  --jjext-color-font-brand-1: #4495FF;
  --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
  --jjext-color-font-1: rgba(255, 255, 255, 0.9);
  --jjext-color-font-3: rgba(255, 255, 255, 0.55);
  --jjext-color-font-4: rgba(255, 255, 255, 0.45);
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
}

.search-action[data-v-d8e306de] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
  height: 36px;
  border-left: 4px solid transparent;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transition: all .15s linear;
  padding: 0 16px 0 12px
}

.search-action.active[data-v-d8e306de] {
  border-left-color: var(--jjext-color-font-brand-1);
  background-color: #f4f5f5
}

.search-action .search-content[data-v-d8e306de] {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  margin-right: 16px
}

.search-action .search-content .search-content__logo[data-v-d8e306de] {
  width: 28px;
  height: 28px
}

.search-action .search-content .search-content__engine[data-v-d8e306de],
.search-action .search-content .search-content__keyword[data-v-d8e306de] {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px
}

.search-action .search-content .search-content__keyword[data-v-d8e306de] {
  color: var(--jjext-color-font-1);
  margin: 0 4px 0 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 396px
}

.search-action .search-content .search-content__engine[data-v-d8e306de] {
  color: var(--jjext-color-font-brand-1)
}

.search-action .hint[data-v-d8e306de] {
  font-size: 14px;
  line-height: 22px;
  color: var(--jjext-color-font-brand-1)
}

em[data-v-b1604592] {
  font-style: normal;
  color: #f53f3f
}

[data-v-434372b6]:root {
  --jjext-color-brand: #1E80FF;
  --jjext-color-brand-light: #E8F3FF;
  --jjext-color-nav-title: #86909C;
  --jjext-color-nav-popup-bg: #FFFFFF;
  --jjext-color-primary: #1D2129;
  --jjext-color-secondary-app: #4E5969;
  --jjext-color-thirdly: #86909C;
  --jjext-color-hover: #1e80ff;
  --jjext-color-hover-thirdly: #86909c;
  --jjext-color-dropdown-text: #1E80FF;
  --jjext-color-divider: #E5E6EB;
  --jjext-color-main-bg: #f4f5f5;
  --jjext-color-secondary-bg: #FFFFFF;
  --jjext-color-thirdly-bg: #f4f5f5;
  --jjext-color-hover-bg: #E8F3FF;
  --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(232, 243, 255, 0) 0%,
      rgba(232, 243, 255, 0.8) 25.09%,
      #e8f3ff 50.16%,
      rgba(232, 243, 255, 0.8) 75.47%,
      rgba(232, 243, 255, 0) 100%);
  --jjext-color-font-2: #1171EE;
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #ffffff;
  --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
  --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
  --jjext-color-tips: #F53F3F;
  --jjext-color-fourthly: #C9CDD4;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #e5e6eb;
  --jjext-color-icon-search: #ffffff;
  --jjext-color-navbar-icon: #1e80ff;
  --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
  --jjext-color-layout-title: #4E5969;
  --jjext-color-layout-title-active: #1E80FF;
  --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
  --jjext-color-layout-icon-fill: #ffffff;
  --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
  --jjext-color-layer-2-1: #F7F8FA;
  --jjext-color-layer-4: #ffffff;
  --jjext-color-font-brand-1: #1e80ff;
  --jjext-color-font-brand-4: #abcdff;
  --jjext-color-font-1: #252933;
  --jjext-color-font-3: #8A919F;
  --jjext-color-font-4: #C2C8D1;
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
}

:root .dark[data-v-434372b6] {
  --jjext-color-brand: #1352a3;
  --jjext-color-nav-title: #e3e3e3;
  --jjext-color-nav-popup-bg: #1352A3;
  --jjext-color-primary: #e3e3e3;
  --jjext-color-secondary-app: #a9a9a9;
  --jjext-color-thirdly: #7d7d7f;
  --jjext-color-hover: #eeeeee;
  --jjext-color-hover-thirdly: #878789;
  --jjext-color-dropdown-text: #878789;
  --jjext-color-divider: #4a4a4a;
  --jjext-color-main-bg: #121212;
  --jjext-color-secondary-bg: #272727;
  --jjext-color-thirdly-bg: #3a3a3a;
  --jjext-color-hover-bg: #3a3a3a;
  --jjext-color-comment-bg: #313131;
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(58, 58, 58, 0) 0%,
      rgba(58, 58, 58, 0.8) 25.09%,
      #3a3a3a 50.16%,
      rgba(58, 58, 58, 0.8) 75.47%,
      rgba(58, 58, 58, 0) 100%);
  --jjext-color-font-2: rgba(238, 238, 238, 0.8);
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #e3e3e3;
  --jjext-color-nav-bg: rgb(30, 30, 30);
  --jjext-color-nav-selected-border: #4a4a4a;
  --jjext-color-tips: #bc3030;
  --jjext-color-fourthly: #878789;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #3a3a3a;
  --jjext-color-icon-search: #e3e3e3;
  --jjext-color-navbar-icon: #e3e3e3;
  --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
  --jjext-color-layout-title: #eeeeee;
  --jjext-color-layout-title-active: #eeeeee;
  --jjext-color-layout-icon-outline: #131313;
  --jjext-color-layout-icon-fill: #e3e3e3;
  --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
  --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
  --jjext-color-layer-4: #2f2f2f;
  --jjext-color-font-brand-1: #4495FF;
  --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
  --jjext-color-font-1: rgba(255, 255, 255, 0.9);
  --jjext-color-font-3: rgba(255, 255, 255, 0.55);
  --jjext-color-font-4: rgba(255, 255, 255, 0.45);
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
}

.search-suggest[data-v-434372b6] {
  background: var(--jjext-color-layer-4);
  padding: 0 4px 8px 4px
}

.search-suggest .calculator.active[data-v-434372b6],
.search-suggest .search-action.active[data-v-434372b6] {
  background: var(--jjext-color-layer-2-1)
}

.search-suggest .calculator[data-v-434372b6] {
  transition: background-color .15s linear
}

.search-suggest .list[data-v-434372b6] {
  display: flex;
  border-top: 1px solid var(--jjext-color-layer-gray-1-2);
  flex-direction: column;
  padding-top: 4px
}

.search-suggest .list .item[data-v-434372b6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 36px;
  cursor: pointer
}

.search-suggest .list .item .content[data-v-434372b6] {
  color: var(--jjext-color-font-1);
  font-size: 14px
}

.search-suggest .list .item.active[data-v-434372b6] {
  background: var(--jjext-color-layer-2-1)
}

.search-suggest .list .tool-item[data-v-434372b6] {
  position: relative;
  padding: 0 9px 0 4px
}

.search-suggest .list .tool-item .tool-icon[data-v-434372b6] {
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat
}

.search-suggest .list .tool-item .content[data-v-434372b6] {
  margin-left: 8px
}

.search-suggest .list .tool-item .icon-tool-arrow[data-v-434372b6] {
  opacity: 0;
  transition: all .15s linear;
  position: absolute;
  stroke: var(--jjext-color-font-brand-1);
  top: 50%;
  transform: translateY(-50%);
  right: 9px
}

.search-suggest .list .tool-item.active .icon-tool-arrow[data-v-434372b6] {
  opacity: 1
}

.search-suggest .list .suggest-item[data-v-434372b6] {
  padding: 0 7px;
  transition: background-color .15s linear
}

.search-suggest .list .suggest-item .icon-search[data-v-434372b6] {
  stroke: var(--jjext-color-font-4)
}

.search-suggest .list .suggest-item .content[data-v-434372b6] {
  margin-left: 12px
}

.search-suggest .list .suggest-item[data-v-434372b6] .highlight-keyword {
  color: var(--jjext-color-font-3)
}

.search-suggest .setting-hint[data-v-434372b6] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 8px 16px 0 16px
}

.search-suggest .setting-hint .text[data-v-434372b6] {
  color: #8a919f;
  line-height: 22px;
  cursor: pointer;
  user-select: none
}

.search-suggest .setting-hint .text[data-v-434372b6]:hover:not(.disabled) {
  color: #1e80ff;
  transition: all .15s linear
}

.search-suggest .setting-hint .text.disabled[data-v-434372b6] {
  cursor: initial
}

:root {
  --jjext-color-input-bg: #f4f5f5;
  --jjext-color-input-error-bg: #ffece8;
  --jjext-color-input-placeholder: #86909c;
  --jjext-color-input-text: #4e5969;
  --jjext-color-input-icon: #f53f3f
}

:root .dark {
  --jjext-color-input-bg: rgba(255, 255, 255, 0.12);
  --jjext-color-input-error-bg: rgba(255, 81, 50, 0.15);
  --jjext-color-input-placeholder: #e3e3e3;
  --jjext-color-input-text: #e3e3e3;
  --jjext-color-input-icon: #ff6247
}

[data-v-341e7439]:root {
  --jjext-color-brand: #1E80FF;
  --jjext-color-brand-light: #E8F3FF;
  --jjext-color-nav-title: #86909C;
  --jjext-color-nav-popup-bg: #FFFFFF;
  --jjext-color-primary: #1D2129;
  --jjext-color-secondary-app: #4E5969;
  --jjext-color-thirdly: #86909C;
  --jjext-color-hover: #1e80ff;
  --jjext-color-hover-thirdly: #86909c;
  --jjext-color-dropdown-text: #1E80FF;
  --jjext-color-divider: #E5E6EB;
  --jjext-color-main-bg: #f4f5f5;
  --jjext-color-secondary-bg: #FFFFFF;
  --jjext-color-thirdly-bg: #f4f5f5;
  --jjext-color-hover-bg: #E8F3FF;
  --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(232, 243, 255, 0) 0%,
      rgba(232, 243, 255, 0.8) 25.09%,
      #e8f3ff 50.16%,
      rgba(232, 243, 255, 0.8) 75.47%,
      rgba(232, 243, 255, 0) 100%);
  --jjext-color-font-2: #1171EE;
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #ffffff;
  --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
  --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
  --jjext-color-tips: #F53F3F;
  --jjext-color-fourthly: #C9CDD4;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #e5e6eb;
  --jjext-color-icon-search: #ffffff;
  --jjext-color-navbar-icon: #1e80ff;
  --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
  --jjext-color-layout-title: #4E5969;
  --jjext-color-layout-title-active: #1E80FF;
  --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
  --jjext-color-layout-icon-fill: #ffffff;
  --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
  --jjext-color-layer-2-1: #F7F8FA;
  --jjext-color-layer-4: #ffffff;
  --jjext-color-font-brand-1: #1e80ff;
  --jjext-color-font-brand-4: #abcdff;
  --jjext-color-font-1: #252933;
  --jjext-color-font-3: #8A919F;
  --jjext-color-font-4: #C2C8D1;
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
}

:root .dark[data-v-341e7439] {
  --jjext-color-brand: #1352a3;
  --jjext-color-nav-title: #e3e3e3;
  --jjext-color-nav-popup-bg: #1352A3;
  --jjext-color-primary: #e3e3e3;
  --jjext-color-secondary-app: #a9a9a9;
  --jjext-color-thirdly: #7d7d7f;
  --jjext-color-hover: #eeeeee;
  --jjext-color-hover-thirdly: #878789;
  --jjext-color-dropdown-text: #878789;
  --jjext-color-divider: #4a4a4a;
  --jjext-color-main-bg: #121212;
  --jjext-color-secondary-bg: #272727;
  --jjext-color-thirdly-bg: #3a3a3a;
  --jjext-color-hover-bg: #3a3a3a;
  --jjext-color-comment-bg: #313131;
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(58, 58, 58, 0) 0%,
      rgba(58, 58, 58, 0.8) 25.09%,
      #3a3a3a 50.16%,
      rgba(58, 58, 58, 0.8) 75.47%,
      rgba(58, 58, 58, 0) 100%);
  --jjext-color-font-2: rgba(238, 238, 238, 0.8);
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #e3e3e3;
  --jjext-color-nav-bg: rgb(30, 30, 30);
  --jjext-color-nav-selected-border: #4a4a4a;
  --jjext-color-tips: #bc3030;
  --jjext-color-fourthly: #878789;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #3a3a3a;
  --jjext-color-icon-search: #e3e3e3;
  --jjext-color-navbar-icon: #e3e3e3;
  --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
  --jjext-color-layout-title: #eeeeee;
  --jjext-color-layout-title-active: #eeeeee;
  --jjext-color-layout-icon-outline: #131313;
  --jjext-color-layout-icon-fill: #e3e3e3;
  --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
  --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
  --jjext-color-layer-4: #2f2f2f;
  --jjext-color-font-brand-1: #4495FF;
  --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
  --jjext-color-font-1: rgba(255, 255, 255, 0.9);
  --jjext-color-font-3: rgba(255, 255, 255, 0.55);
  --jjext-color-font-4: rgba(255, 255, 255, 0.45);
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
}

.input-option[data-v-341e7439] {
  display: flex;
  flex-direction: column
}

.input-option span.error[data-v-341e7439] {
  margin-left: 6.6666666667rem;
  font-size: 1rem;
  line-height: 20px;
  display: inline-block;
  height: 20px;
  color: var(--jjext-color-tips)
}

.input-wrapper[data-v-341e7439] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%
}

.input-wrapper label[data-v-341e7439] {
  width: 4em;
  font-size: 1.1666666667rem;
  line-height: 1.8333333333rem;
  color: var(--jjext-color-thirdly);
  margin-right: 1rem
}

.input-wrapper .input[data-v-341e7439] {
  flex: 1 0 auto;
  position: relative
}

.input-wrapper .input.error .input-inner[data-v-341e7439] {
  background-color: var(--jjext-color-input-error-bg)
}

.input-wrapper .input.error .btn-clear[data-v-341e7439] {
  color: var(--jjext-color-input-icon)
}

.input-wrapper .input .input-inner[data-v-341e7439] {
  background: var(--jjext-color-input-bg);
  border-radius: 2px;
  color: var(--jjext-color-input-text);
  font-size: 1.0833333333rem;
  line-height: 1.8333333333rem;
  height: 2.3333333333rem;
  padding: 0 8px;
  outline: 0;
  border: none;
  width: 100%
}

.input-wrapper .input .input-inner[data-v-341e7439]::placeholder {
  color: var(--jjext-color-input-placeholder)
}

.input-wrapper .btn-clear[data-v-341e7439] {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: 0 0;
  border: none;
  outline: 0;
  color: var(--jjext-color-fourthly)
}

.input-wrapper .btn-clear[data-v-341e7439]::before {
  font-size: 10px;
  line-height: 10px
}

[data-v-5a92de1e]:root {
  --jjext-color-brand: #1E80FF;
  --jjext-color-brand-light: #E8F3FF;
  --jjext-color-nav-title: #86909C;
  --jjext-color-nav-popup-bg: #FFFFFF;
  --jjext-color-primary: #1D2129;
  --jjext-color-secondary-app: #4E5969;
  --jjext-color-thirdly: #86909C;
  --jjext-color-hover: #1e80ff;
  --jjext-color-hover-thirdly: #86909c;
  --jjext-color-dropdown-text: #1E80FF;
  --jjext-color-divider: #E5E6EB;
  --jjext-color-main-bg: #f4f5f5;
  --jjext-color-secondary-bg: #FFFFFF;
  --jjext-color-thirdly-bg: #f4f5f5;
  --jjext-color-hover-bg: #E8F3FF;
  --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(232, 243, 255, 0) 0%,
      rgba(232, 243, 255, 0.8) 25.09%,
      #e8f3ff 50.16%,
      rgba(232, 243, 255, 0.8) 75.47%,
      rgba(232, 243, 255, 0) 100%);
  --jjext-color-font-2: #1171EE;
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #ffffff;
  --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
  --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
  --jjext-color-tips: #F53F3F;
  --jjext-color-fourthly: #C9CDD4;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #e5e6eb;
  --jjext-color-icon-search: #ffffff;
  --jjext-color-navbar-icon: #1e80ff;
  --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
  --jjext-color-layout-title: #4E5969;
  --jjext-color-layout-title-active: #1E80FF;
  --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
  --jjext-color-layout-icon-fill: #ffffff;
  --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
  --jjext-color-layer-2-1: #F7F8FA;
  --jjext-color-layer-4: #ffffff;
  --jjext-color-font-brand-1: #1e80ff;
  --jjext-color-font-brand-4: #abcdff;
  --jjext-color-font-1: #252933;
  --jjext-color-font-3: #8A919F;
  --jjext-color-font-4: #C2C8D1;
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
}

:root .dark[data-v-5a92de1e] {
  --jjext-color-brand: #1352a3;
  --jjext-color-nav-title: #e3e3e3;
  --jjext-color-nav-popup-bg: #1352A3;
  --jjext-color-primary: #e3e3e3;
  --jjext-color-secondary-app: #a9a9a9;
  --jjext-color-thirdly: #7d7d7f;
  --jjext-color-hover: #eeeeee;
  --jjext-color-hover-thirdly: #878789;
  --jjext-color-dropdown-text: #878789;
  --jjext-color-divider: #4a4a4a;
  --jjext-color-main-bg: #121212;
  --jjext-color-secondary-bg: #272727;
  --jjext-color-thirdly-bg: #3a3a3a;
  --jjext-color-hover-bg: #3a3a3a;
  --jjext-color-comment-bg: #313131;
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(58, 58, 58, 0) 0%,
      rgba(58, 58, 58, 0.8) 25.09%,
      #3a3a3a 50.16%,
      rgba(58, 58, 58, 0.8) 75.47%,
      rgba(58, 58, 58, 0) 100%);
  --jjext-color-font-2: rgba(238, 238, 238, 0.8);
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #e3e3e3;
  --jjext-color-nav-bg: rgb(30, 30, 30);
  --jjext-color-nav-selected-border: #4a4a4a;
  --jjext-color-tips: #bc3030;
  --jjext-color-fourthly: #878789;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #3a3a3a;
  --jjext-color-icon-search: #e3e3e3;
  --jjext-color-navbar-icon: #e3e3e3;
  --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
  --jjext-color-layout-title: #eeeeee;
  --jjext-color-layout-title-active: #eeeeee;
  --jjext-color-layout-icon-outline: #131313;
  --jjext-color-layout-icon-fill: #e3e3e3;
  --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
  --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
  --jjext-color-layer-4: #2f2f2f;
  --jjext-color-font-brand-1: #4495FF;
  --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
  --jjext-color-font-1: rgba(255, 255, 255, 0.9);
  --jjext-color-font-3: rgba(255, 255, 255, 0.55);
  --jjext-color-font-4: rgba(255, 255, 255, 0.45);
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
}

[data-v-5a92de1e] {
  box-sizing: border-box
}

.color-tool[data-v-5a92de1e] {
  padding: 0 16px !important
}

.color-tool .row[data-v-5a92de1e] {
  display: flex;
  align-items: center
}

.color-tool .color-picker[data-v-5a92de1e] {
  cursor: pointer;
  outline: 0;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 2px;
  background-color: transparent;
  width: 92px;
  height: 40px
}

.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper {
  padding: 3px;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all .15s linear
}

.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper:hover {
  border: 1px solid #bedaff
}

.color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch {
  border-radius: 2px;
  border: none
}

.color-tool .input[data-v-5a92de1e] {
  transform: translateY(10px);
  flex: 1 1 auto;
  margin: 0 12px
}

.color-tool .input[data-v-5a92de1e] input.input-inner {
  height: 40px;
  padding-left: 16px;
  font-size: 14px;
  color: var(--jjext-color-primary);
  box-sizing: border-box;
  background: var(--jjext-color-main-bg)
}

.color-tool .input[data-v-5a92de1e] label {
  display: none
}

.color-tool .input[data-v-5a92de1e] span.error {
  margin-left: 16px
}

.color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear {
  right: 8px
}

.color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear::before {
  font-size: 14px;
  color: #c9cdd4
}

.color-tool button[data-v-5a92de1e] {
  outline: 0;
  border: none;
  background-color: unset;
  width: 93px;
  height: 40px;
  font-size: 14px
}

.color-tool .btn-convert[data-v-5a92de1e] {
  background: var(--jjext-color-brand);
  border-radius: 2px;
  color: #fff;
  transition: all .15s linear
}

.color-tool .btn-convert[data-v-5a92de1e]:hover {
  background: #5399ff
}

.color-tool .btn-convert[data-v-5a92de1e]:active {
  background: #0060dd
}

.color-tool .btn-copy[data-v-5a92de1e] {
  background: rgba(30, 128, 255, .05);
  border: 1px solid rgba(30, 128, 255, .3);
  border-radius: 2px;
  color: var(--jjext-color-brand);
  transition: all .15s linear
}

.color-tool .btn-copy[data-v-5a92de1e]:hover {
  background: rgba(30, 128, 255, .1);
  border-color: rgba(30, 128, 255, .45)
}

.color-tool .btn-copy[data-v-5a92de1e]:active {
  background: rgba(30, 128, 255, .2);
  border-color: rgba(30, 128, 255, .6)
}

.color-tool .display[data-v-5a92de1e] {
  flex: 1;
  text-align: start;
  background-color: var(--jjext-color-main-bg);
  height: 40px;
  margin: 0 12px;
  border-radius: 2px;
  line-height: 40px;
  padding-left: 16px;
  font-size: 14px;
  color: var(--jjext-color-primary)
}

.color-tool .label[data-v-5a92de1e] {
  width: 92px;
  font-size: 16px;
  font-weight: 500;
  color: var(--jjext-color-primary);
  text-align: end
}

.color-tool .row[data-v-5a92de1e]:not(:first-of-type) {
  margin-top: 16px
}

[data-v-71426c7e]:root {
  --jjext-color-brand: #1E80FF;
  --jjext-color-brand-light: #E8F3FF;
  --jjext-color-nav-title: #86909C;
  --jjext-color-nav-popup-bg: #FFFFFF;
  --jjext-color-primary: #1D2129;
  --jjext-color-secondary-app: #4E5969;
  --jjext-color-thirdly: #86909C;
  --jjext-color-hover: #1e80ff;
  --jjext-color-hover-thirdly: #86909c;
  --jjext-color-dropdown-text: #1E80FF;
  --jjext-color-divider: #E5E6EB;
  --jjext-color-main-bg: #f4f5f5;
  --jjext-color-secondary-bg: #FFFFFF;
  --jjext-color-thirdly-bg: #f4f5f5;
  --jjext-color-hover-bg: #E8F3FF;
  --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(232, 243, 255, 0) 0%,
      rgba(232, 243, 255, 0.8) 25.09%,
      #e8f3ff 50.16%,
      rgba(232, 243, 255, 0.8) 75.47%,
      rgba(232, 243, 255, 0) 100%);
  --jjext-color-font-2: #1171EE;
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #ffffff;
  --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
  --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
  --jjext-color-tips: #F53F3F;
  --jjext-color-fourthly: #C9CDD4;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #e5e6eb;
  --jjext-color-icon-search: #ffffff;
  --jjext-color-navbar-icon: #1e80ff;
  --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
  --jjext-color-layout-title: #4E5969;
  --jjext-color-layout-title-active: #1E80FF;
  --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
  --jjext-color-layout-icon-fill: #ffffff;
  --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
  --jjext-color-layer-2-1: #F7F8FA;
  --jjext-color-layer-4: #ffffff;
  --jjext-color-font-brand-1: #1e80ff;
  --jjext-color-font-brand-4: #abcdff;
  --jjext-color-font-1: #252933;
  --jjext-color-font-3: #8A919F;
  --jjext-color-font-4: #C2C8D1;
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
}

:root .dark[data-v-71426c7e] {
  --jjext-color-brand: #1352a3;
  --jjext-color-nav-title: #e3e3e3;
  --jjext-color-nav-popup-bg: #1352A3;
  --jjext-color-primary: #e3e3e3;
  --jjext-color-secondary-app: #a9a9a9;
  --jjext-color-thirdly: #7d7d7f;
  --jjext-color-hover: #eeeeee;
  --jjext-color-hover-thirdly: #878789;
  --jjext-color-dropdown-text: #878789;
  --jjext-color-divider: #4a4a4a;
  --jjext-color-main-bg: #121212;
  --jjext-color-secondary-bg: #272727;
  --jjext-color-thirdly-bg: #3a3a3a;
  --jjext-color-hover-bg: #3a3a3a;
  --jjext-color-comment-bg: #313131;
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(58, 58, 58, 0) 0%,
      rgba(58, 58, 58, 0.8) 25.09%,
      #3a3a3a 50.16%,
      rgba(58, 58, 58, 0.8) 75.47%,
      rgba(58, 58, 58, 0) 100%);
  --jjext-color-font-2: rgba(238, 238, 238, 0.8);
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #e3e3e3;
  --jjext-color-nav-bg: rgb(30, 30, 30);
  --jjext-color-nav-selected-border: #4a4a4a;
  --jjext-color-tips: #bc3030;
  --jjext-color-fourthly: #878789;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #3a3a3a;
  --jjext-color-icon-search: #e3e3e3;
  --jjext-color-navbar-icon: #e3e3e3;
  --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
  --jjext-color-layout-title: #eeeeee;
  --jjext-color-layout-title-active: #eeeeee;
  --jjext-color-layout-icon-outline: #131313;
  --jjext-color-layout-icon-fill: #e3e3e3;
  --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
  --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
  --jjext-color-layer-4: #2f2f2f;
  --jjext-color-font-brand-1: #4495FF;
  --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
  --jjext-color-font-1: rgba(255, 255, 255, 0.9);
  --jjext-color-font-3: rgba(255, 255, 255, 0.55);
  --jjext-color-font-4: rgba(255, 255, 255, 0.45);
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
}

.quick-tool-drawer[data-v-71426c7e] {
  z-index: 750;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60%;
  background: var(--jjext-color-thirdly-bg)
}

.quick-tool-drawer.dark .header .title[data-v-71426c7e] {
  color: #e3e3e3
}

.quick-tool-drawer .quick-tool-drawer__header__[data-v-71426c7e] {
  position: relative;
  height: 64px;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  align-items: center
}

.quick-tool-drawer .quick-tool-drawer__header__ .icon[data-v-71426c7e] {
  width: 40px;
  height: 40px
}

.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__title__[data-v-71426c7e] {
  margin: 0 0 0 9px;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: var(--jjext-color-brand)
}

.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-71426c7e] {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 50%;
  font-size: 18px;
  transform: translateY(-50%)
}

.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-71426c7e]::after {
  display: block;
  content: " ";
  position: absolute;
  padding: 10px;
  width: 100%;
  height: 100%;
  top: -50%;
  left: -50%
}

.quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__ svg[data-v-71426c7e] {
  fill: var(--jjext-color-thirdly)
}

.quick-tool-drawer .quick-tool-drawer__tool__[data-v-71426c7e] {
  width: 100%;
  height: 100%;
  box-sizing: border-box
}

[data-v-19f1e2c8]:root {
  --jjext-color-brand: #1E80FF;
  --jjext-color-brand-light: #E8F3FF;
  --jjext-color-nav-title: #86909C;
  --jjext-color-nav-popup-bg: #FFFFFF;
  --jjext-color-primary: #1D2129;
  --jjext-color-secondary-app: #4E5969;
  --jjext-color-thirdly: #86909C;
  --jjext-color-hover: #1e80ff;
  --jjext-color-hover-thirdly: #86909c;
  --jjext-color-dropdown-text: #1E80FF;
  --jjext-color-divider: #E5E6EB;
  --jjext-color-main-bg: #f4f5f5;
  --jjext-color-secondary-bg: #FFFFFF;
  --jjext-color-thirdly-bg: #f4f5f5;
  --jjext-color-hover-bg: #E8F3FF;
  --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(232, 243, 255, 0) 0%,
      rgba(232, 243, 255, 0.8) 25.09%,
      #e8f3ff 50.16%,
      rgba(232, 243, 255, 0.8) 75.47%,
      rgba(232, 243, 255, 0) 100%);
  --jjext-color-font-2: #1171EE;
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #ffffff;
  --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
  --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
  --jjext-color-tips: #F53F3F;
  --jjext-color-fourthly: #C9CDD4;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #e5e6eb;
  --jjext-color-icon-search: #ffffff;
  --jjext-color-navbar-icon: #1e80ff;
  --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
  --jjext-color-layout-title: #4E5969;
  --jjext-color-layout-title-active: #1E80FF;
  --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
  --jjext-color-layout-icon-fill: #ffffff;
  --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
  --jjext-color-layer-2-1: #F7F8FA;
  --jjext-color-layer-4: #ffffff;
  --jjext-color-font-brand-1: #1e80ff;
  --jjext-color-font-brand-4: #abcdff;
  --jjext-color-font-1: #252933;
  --jjext-color-font-3: #8A919F;
  --jjext-color-font-4: #C2C8D1;
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
}

:root .dark[data-v-19f1e2c8] {
  --jjext-color-brand: #1352a3;
  --jjext-color-nav-title: #e3e3e3;
  --jjext-color-nav-popup-bg: #1352A3;
  --jjext-color-primary: #e3e3e3;
  --jjext-color-secondary-app: #a9a9a9;
  --jjext-color-thirdly: #7d7d7f;
  --jjext-color-hover: #eeeeee;
  --jjext-color-hover-thirdly: #878789;
  --jjext-color-dropdown-text: #878789;
  --jjext-color-divider: #4a4a4a;
  --jjext-color-main-bg: #121212;
  --jjext-color-secondary-bg: #272727;
  --jjext-color-thirdly-bg: #3a3a3a;
  --jjext-color-hover-bg: #3a3a3a;
  --jjext-color-comment-bg: #313131;
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(58, 58, 58, 0) 0%,
      rgba(58, 58, 58, 0.8) 25.09%,
      #3a3a3a 50.16%,
      rgba(58, 58, 58, 0.8) 75.47%,
      rgba(58, 58, 58, 0) 100%);
  --jjext-color-font-2: rgba(238, 238, 238, 0.8);
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #e3e3e3;
  --jjext-color-nav-bg: rgb(30, 30, 30);
  --jjext-color-nav-selected-border: #4a4a4a;
  --jjext-color-tips: #bc3030;
  --jjext-color-fourthly: #878789;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #3a3a3a;
  --jjext-color-icon-search: #e3e3e3;
  --jjext-color-navbar-icon: #e3e3e3;
  --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
  --jjext-color-layout-title: #eeeeee;
  --jjext-color-layout-title-active: #eeeeee;
  --jjext-color-layout-icon-outline: #131313;
  --jjext-color-layout-icon-fill: #e3e3e3;
  --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
  --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
  --jjext-color-layer-4: #2f2f2f;
  --jjext-color-font-brand-1: #4495FF;
  --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
  --jjext-color-font-1: rgba(255, 255, 255, 0.9);
  --jjext-color-font-3: rgba(255, 255, 255, 0.55);
  --jjext-color-font-4: rgba(255, 255, 255, 0.45);
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
}

.mask[data-v-19f1e2c8] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 600;
  background-color: var(--jjext-color-mask)
}

.slide-left-enter-active,
.slide-left-leave-active {
  transition: transform .3s linear
}

.slide-left-enter-from,
.slide-left-leave-to {
  transform: translateX(100%)
}

[data-v-6414b4fe]:root {
  --jjext-color-brand: #1E80FF;
  --jjext-color-brand-light: #E8F3FF;
  --jjext-color-nav-title: #86909C;
  --jjext-color-nav-popup-bg: #FFFFFF;
  --jjext-color-primary: #1D2129;
  --jjext-color-secondary-app: #4E5969;
  --jjext-color-thirdly: #86909C;
  --jjext-color-hover: #1e80ff;
  --jjext-color-hover-thirdly: #86909c;
  --jjext-color-dropdown-text: #1E80FF;
  --jjext-color-divider: #E5E6EB;
  --jjext-color-main-bg: #f4f5f5;
  --jjext-color-secondary-bg: #FFFFFF;
  --jjext-color-thirdly-bg: #f4f5f5;
  --jjext-color-hover-bg: #E8F3FF;
  --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(232, 243, 255, 0) 0%,
      rgba(232, 243, 255, 0.8) 25.09%,
      #e8f3ff 50.16%,
      rgba(232, 243, 255, 0.8) 75.47%,
      rgba(232, 243, 255, 0) 100%);
  --jjext-color-font-2: #1171EE;
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #ffffff;
  --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
  --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
  --jjext-color-tips: #F53F3F;
  --jjext-color-fourthly: #C9CDD4;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #e5e6eb;
  --jjext-color-icon-search: #ffffff;
  --jjext-color-navbar-icon: #1e80ff;
  --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
  --jjext-color-layout-title: #4E5969;
  --jjext-color-layout-title-active: #1E80FF;
  --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
  --jjext-color-layout-icon-fill: #ffffff;
  --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
  --jjext-color-layer-2-1: #F7F8FA;
  --jjext-color-layer-4: #ffffff;
  --jjext-color-font-brand-1: #1e80ff;
  --jjext-color-font-brand-4: #abcdff;
  --jjext-color-font-1: #252933;
  --jjext-color-font-3: #8A919F;
  --jjext-color-font-4: #C2C8D1;
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
}

:root .dark[data-v-6414b4fe] {
  --jjext-color-brand: #1352a3;
  --jjext-color-nav-title: #e3e3e3;
  --jjext-color-nav-popup-bg: #1352A3;
  --jjext-color-primary: #e3e3e3;
  --jjext-color-secondary-app: #a9a9a9;
  --jjext-color-thirdly: #7d7d7f;
  --jjext-color-hover: #eeeeee;
  --jjext-color-hover-thirdly: #878789;
  --jjext-color-dropdown-text: #878789;
  --jjext-color-divider: #4a4a4a;
  --jjext-color-main-bg: #121212;
  --jjext-color-secondary-bg: #272727;
  --jjext-color-thirdly-bg: #3a3a3a;
  --jjext-color-hover-bg: #3a3a3a;
  --jjext-color-comment-bg: #313131;
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(58, 58, 58, 0) 0%,
      rgba(58, 58, 58, 0.8) 25.09%,
      #3a3a3a 50.16%,
      rgba(58, 58, 58, 0.8) 75.47%,
      rgba(58, 58, 58, 0) 100%);
  --jjext-color-font-2: rgba(238, 238, 238, 0.8);
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #e3e3e3;
  --jjext-color-nav-bg: rgb(30, 30, 30);
  --jjext-color-nav-selected-border: #4a4a4a;
  --jjext-color-tips: #bc3030;
  --jjext-color-fourthly: #878789;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #3a3a3a;
  --jjext-color-icon-search: #e3e3e3;
  --jjext-color-navbar-icon: #e3e3e3;
  --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
  --jjext-color-layout-title: #eeeeee;
  --jjext-color-layout-title-active: #eeeeee;
  --jjext-color-layout-icon-outline: #131313;
  --jjext-color-layout-icon-fill: #e3e3e3;
  --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
  --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
  --jjext-color-layer-4: #2f2f2f;
  --jjext-color-font-brand-1: #4495FF;
  --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
  --jjext-color-font-1: rgba(255, 255, 255, 0.9);
  --jjext-color-font-3: rgba(255, 255, 255, 0.55);
  --jjext-color-font-4: rgba(255, 255, 255, 0.45);
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
}

.search-app[data-v-6414b4fe] {
  z-index: 9999;
  padding-top: 160px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center
}

.search-app.extension[data-v-6414b4fe] {
  z-index: 500
}

@media (max-height:720px) {
  .search-app.tool-active[data-v-6414b4fe] {
    padding-top: 80px
  }
}

@media (max-height:640px) {
  .search-app.tool-active[data-v-6414b4fe] {
    padding-top: 30px
  }
}

.search-app .search-app__wrapper__[data-v-6414b4fe] {
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid var(--jjext-color-font-brand-1);
  background: var(--jjext-color-layer-4);
  box-shadow: 0 0 0 4px rgba(30, 128, 255, .2), 0 0 20px rgba(0, 0, 0, .15);
  backdrop-filter: blur(15px)
}

.search-app .search-app__wrapper__ .search-result[data-v-6414b4fe] {
  margin-top: 8px
}

.search-app .search-app__wrapper__ .search-result .tool[data-v-6414b4fe] {
  padding: 0 8px
}

.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest {
  padding: 0 0 8px 0
}

.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list {
  border-top: none;
  padding-left: 8px;
  padding-right: 8px
}

.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .suggest-item {
  padding: 0 13px
}

.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .suggest-item .content {
  margin-left: 17px
}

.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .tool-item {
  padding: 0 9px 0 10px
}

.search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .tool-item .content {
  margin-left: 12px
}

.search-app .juejin-search[data-v-6414b4fe] {
  margin: 8px
}

:root {
  --jjext-color-brand: #1E80FF;
  --jjext-color-brand-light: #E8F3FF;
  --jjext-color-nav-title: #86909C;
  --jjext-color-nav-popup-bg: #FFFFFF;
  --jjext-color-primary: #1D2129;
  --jjext-color-secondary-app: #4E5969;
  --jjext-color-thirdly: #86909C;
  --jjext-color-hover: #1e80ff;
  --jjext-color-hover-thirdly: #86909c;
  --jjext-color-dropdown-text: #1E80FF;
  --jjext-color-divider: #E5E6EB;
  --jjext-color-main-bg: #f4f5f5;
  --jjext-color-secondary-bg: #FFFFFF;
  --jjext-color-thirdly-bg: #f4f5f5;
  --jjext-color-hover-bg: #E8F3FF;
  --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(232, 243, 255, 0) 0%,
      rgba(232, 243, 255, 0.8) 25.09%,
      #e8f3ff 50.16%,
      rgba(232, 243, 255, 0.8) 75.47%,
      rgba(232, 243, 255, 0) 100%);
  --jjext-color-font-2: #1171EE;
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #ffffff;
  --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
  --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
  --jjext-color-tips: #F53F3F;
  --jjext-color-fourthly: #C9CDD4;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #e5e6eb;
  --jjext-color-icon-search: #ffffff;
  --jjext-color-navbar-icon: #1e80ff;
  --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
  --jjext-color-layout-title: #4E5969;
  --jjext-color-layout-title-active: #1E80FF;
  --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
  --jjext-color-layout-icon-fill: #ffffff;
  --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
  --jjext-color-layer-2-1: #F7F8FA;
  --jjext-color-layer-4: #ffffff;
  --jjext-color-font-brand-1: #1e80ff;
  --jjext-color-font-brand-4: #abcdff;
  --jjext-color-font-1: #252933;
  --jjext-color-font-3: #8A919F;
  --jjext-color-font-4: #C2C8D1;
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
}

:root .dark {
  --jjext-color-brand: #1352a3;
  --jjext-color-nav-title: #e3e3e3;
  --jjext-color-nav-popup-bg: #1352A3;
  --jjext-color-primary: #e3e3e3;
  --jjext-color-secondary-app: #a9a9a9;
  --jjext-color-thirdly: #7d7d7f;
  --jjext-color-hover: #eeeeee;
  --jjext-color-hover-thirdly: #878789;
  --jjext-color-dropdown-text: #878789;
  --jjext-color-divider: #4a4a4a;
  --jjext-color-main-bg: #121212;
  --jjext-color-secondary-bg: #272727;
  --jjext-color-thirdly-bg: #3a3a3a;
  --jjext-color-hover-bg: #3a3a3a;
  --jjext-color-comment-bg: #313131;
  --jjext-hover-bg: linear-gradient(90deg,
      rgba(58, 58, 58, 0) 0%,
      rgba(58, 58, 58, 0.8) 25.09%,
      #3a3a3a 50.16%,
      rgba(58, 58, 58, 0.8) 75.47%,
      rgba(58, 58, 58, 0) 100%);
  --jjext-color-font-2: rgba(238, 238, 238, 0.8);
  --jjext-color-mask: rgba(0, 0, 0, 0.4);
  --jjext-color-quick-nav-text: #e3e3e3;
  --jjext-color-nav-bg: rgb(30, 30, 30);
  --jjext-color-nav-selected-border: #4a4a4a;
  --jjext-color-tips: #bc3030;
  --jjext-color-fourthly: #878789;
  --jjext-color-shadow: rgba(0, 0, 0, 0.16);
  --jjext-color-grey-triangle: #3a3a3a;
  --jjext-color-icon-search: #e3e3e3;
  --jjext-color-navbar-icon: #e3e3e3;
  --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
  --jjext-color-layout-title: #eeeeee;
  --jjext-color-layout-title-active: #eeeeee;
  --jjext-color-layout-icon-outline: #131313;
  --jjext-color-layout-icon-fill: #e3e3e3;
  --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
  --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
  --jjext-color-layer-4: #2f2f2f;
  --jjext-color-font-brand-1: #4495FF;
  --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
  --jjext-color-font-1: rgba(255, 255, 255, 0.9);
  --jjext-color-font-3: rgba(255, 255, 255, 0.55);
  --jjext-color-font-4: rgba(255, 255, 255, 0.45);
  --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
}
#Fun #btn .button {
  display: inline-block;
  color: #333;
  background-color: #fff;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  margin-left: 7px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

#Fun .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.JDialog-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9000;
  background-color: #000;
  opacity: .5
}

.JDialog-open {
  overflow: hidden
}

.JDialog {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  font-family: arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.JDialog>.JDialog-dialog {
  position: relative
}

.JDialog>.JDialog-dialog .JDialog-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 999
}

.JDialog>.JDialog-dialog .JDialog-resizable-handle.JDialog-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.JDialog>.JDialog-dialog .JDialog-resizable-handle.JDialog-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.JDialog>.JDialog-dialog .JDialog-resizable-handle.JDialog-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.JDialog>.JDialog-dialog .JDialog-resizable-handle.JDialog-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.JDialog>.JDialog-dialog .JDialog-resizable-handle.JDialog-resizable-se {
  cursor: se-resize;
  width: 16px;
  height: 16px;
  right: 2px;
  bottom: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAC4jAAAuIwF4pT92AAAElUlEQVR42u3dPWsUQRzA4WtsrGysg4K9pZVoVDSFb6VaiKAhNgqKaJLCK8y9ZA/SCdFaP4DfQLCxUvAT2AgWNiKKCMY5SJXbHeLc5HK79/zgD2mS6M4+N5tkN2m1JEmSJEmSJEmSJEmSJEmSdtlgMJhzFKSS1tfXn/T7/bYjIe0owHgcgGwBIlXgAESK4ABEiuAARIrgAESK4ABEcERwACI4IjgAERyASGk4ABEcgEhpOAARHIAIjjQcgAgOQAQHINJOHKvj4hhOURSnHE3ZOUZ3jt+9Xu+8oyk44BAccAgOOCQ4JDgkOCQ4JDgkOCQ4JDgkOOBQ83Es57grN8wFR1N2jow7R1EU88O/EWIlBMfo5z8d5pcHpgRHBQ5PFAqOCA5ABEcEByCCI4IDEMERwQGI4IjgAERwRHAAIjj84jjBkYYDEMEBiOBIwwGI4ABEcKThAERwACI4/H0QNRDHcAKOhcTPfy7H5w8f56bVVNbCiXW/7jvH9r/hodUUHHAIDjgEBxyCAw7BAYfggENwwCE44JDgkOCQ4JDggENwwCE44NBUFU7qB014niPMyjjHoSiKI84G2TnKj0PhiULBUYHDI7eCI4IDEMERwQGI4IjgAERwRHAAAgccERyAwAFHBAcgcMDhNysKjjQcgMABByCCIw0HIHDAAQgccKThAAQOOACBAw5/QEdwZMcBCBxwAAIHHIDAAUd2HIDAAQcgcMABCBxwbAEiOCaIAxA44AAEDjgAgQMOQOCAY5I4AIEDDkDggAMQOOAABA44ABEcU4IDkCksLMgSHNOBAxA44AAEDjgAgQMOQOCAAxA44ABEcEw/DkDggAMQOOAABA44AIEDDkDggAMQOOAABA44ao0DEDjgAAQOOACBAw5A4IADEDjgAAQOOACBY/eL8AcOQOCowFEUxUU4AIEDDkDggAMQOOCYARyAwAEHIHDAAQgccAACBxyAwAEHIHDAAQgccAACBxyAwAEHIHDAAQcgcMABCBxwAAIHHIDAAQcgcMABCBxwAAIHHIDAAQcgcMBhmg8EDjgAgQMOQP77pLib4wAFHJcTcZzJgSPMypgvEs+c6GOt/1M7h53DVK/BIzjgMNXrsOSyymWVqZ5rTdk5btk57Bx7sIOcaAqOv3DAkXva7fbBWuPo9Xp39vOyKrzf2UyvVMtjvkh0nNDZd4/Pdg47h6meV3DAYapn0WWVyypTMd1u96idw85hytfnLRxwmOo1ugEHHKZ8vm5ubh6AAw5Tvk6rdbp9ZHGfvyCfd/vITM2PjY2NQ3YOO4cpX6t7cMBhytfqPRxwmPK1+j4YDObggMOUr9elmfkJeep/dvg8R3j/n/v9E/LwMdactBOdNTuHncOUr9cLO4edw5TPSzuHncOUz3M7h53D7MF62TnsHE2db+FF+SQccJjRed3pdA7X4d6q25m2yStjXFZ52Gl25tNwzWvxE/KMTwJeTb3xMMfXHG48rMW8C+fbQm3uyoUDjgnMh+1veBxr1alcl1VwmHAMv4T5GN5+M7xMDWt7Pbx9vCVJkiRJkiRJkiRJkiRJalT/AICd/NRG4DAVAAAAAElFTkSuQmCC);
  background-size: 14px 14px;
  background-repeat: no-repeat
}

.JDialog>.JDialog-dialog .JDialog-resizable-handle.JDialog-resizable-sw {
  cursor: sw-resize;
  width: 16px;
  height: 16px;
  left: 3px;
  bottom: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFBElEQVR42u3dMWsTYRjA8SwuTi7OouDu6CTaKupg1VEdRNBSFwVFtHUwQ5umvUI3oTrrB/AbCC5OCn4CF8HBRUQRwfikVOjge4m5S9K8+f3hcFLS6/Pjea9NsNGQJEmSJEmSJEmSJEmSJI289fX1m+6ClAbSabfbt9wJKQEEEqkHkJ3LcUsqAdJZW1u74a5ICSBx/YZESgPZRuKZREoDcdySegGxSQRIORCbRID0cdkkAsQmkSoA8SNgAQKJVAkIJAKkHyRxzbuDAsSDuwAZfJNAomwriuIyJBIk0viR+I27si02wKW4fnlwl9Kb5EINSBy3lDcSxy2p/Lg157gljWCTQCKbpPd1292UTVJ+3FpwN2WTQKJp3SSOW9IIkNgkggQSZTDsMx7cpUQxpN8rILlokyh3IJ2KSBy3lD2QbSQxpLOQSP8G8ndIT0EipYH8qILEg7uyBrILyaDHLQ/uyhvIrmcSxy0BUjKgVTaJ45byBlLDJnHcUvZAKm8SSJQ1kDqeSRy3lDuQqj8CdtxS3kDq+D0JJMoaiF8mCpA+kXgXsABx3BIgkEgpIEuQSJBI40cSw34aEmVZDNdiTT+CtUmULZL7jlvSCJA4bslxy3FLNonjljS0TeLzJLJJbBLZJJBIo9gkjluCxCYRJJBIkEj/nXcBaxo2wbJNAonSW6ADCSQqAQIJJOoBZGc4WpBAogSQnauoiMRv3JU1kDqQ2CTKGkj3WoEEEkDKB2Sij1vtdvts/N2fkGhYQCZ+k0CiYQOZ+GcSSDRsIJU3ybjfllIXkrjumhpAbBJINAAQSCABZNhIHLeUOxCbBBJA+hjQZUggAcQmgQQQSCDRsIBAAgkgkEACSPUBbUECCSA2CSSAQAIJIMMC4rgFCSA2CSSAQAIJIMO9vC0FEkBsEkgAgQQSQBy3ING4gNgkkAACCSSAQAIJIJBAAggkkGhvA4EEEkAggQQQSCABBBJIAIEEEkAggUSTCwQSSACBBBJAIKkFSfw790wuIJDYJIBAAgkgkEACCCSQAAIJJIBAAonyAgIJJIBAAgkgkEACCCSQAAIJJIBAAgkgkEACCCSQaFqBQAIJIJD0/RoemnxAskVS039BAQkg2SI5b5MAAonjFiCQQAIIJJAAAgkkgEACCSCQQEIGIJBAAggkkAACCSSAQAIJIJBAAggkkAACCSSAQDImJGcgAQSS8iH1eRJAINnjnydZBMTlmWSaN4lBhwQSQCCBZOBv0CdDDgkk6W/OewMOCSTpI9Yrww0JJOlvSstgQwJJoqIorhpqSCBJH7GOGWhIIPGjXkggGRjIO8MMCSRpICsGGRJI0kCOGmJIIClH8sYQ+zzJiJA8njgg3bdAG2CfJ7FJyrfIBwO895HE319y3BrPb9VnDa9nkn6RTOUnE+NFvzS8kPQ5K+embpO0Wq2D8aK/GF5IHLfSX/QJgwsJJOU3fdHgQgJJ+RnzqcGFBJJyJM8NLiSQlN/0ZwYXEki8oRESSCrd9Lm4vhpeSCBJtLGxcShe8FvDCwkk5Tf+TrzwbwYYEkgSbW5uHui+dTle/GdDDAkkiba2tvbFC78W12uDDAkkJa2urh6JL2I+rhfxhXw01HkiKYpiZpzvAo7rUSOHms3m/rihx+MLuhJ/LsT1IG7uk/iz6Rrsivt3uCKS61VfQ5UBjdd/so770P2BUUOSJEmSJEmSJEmSJEmSNPL+AA/P/NT7ZY4YAAAAAElFTkSuQmCC);
  background-size: 14px 14px;
  background-repeat: no-repeat
}

.JDialog>.JDialog-dialog>.JDialog-content {
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  background-clip: padding-box;
  outline: 0
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header {
  padding: 5px;
  border-bottom: 1px solid #e5e5e5
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-left-header {
  float: left
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-left-header>.JDialog-title {
  margin: 0;
  padding-left: 5px;
  line-height: 1.42857143;
  text-align: left;
  font-size: 16px
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-right-header {
  float: right
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-right-header .JDialog-header-buttons {
  list-style: none;
  margin: 0;
  padding: 0
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-right-header .JDialog-header-buttons>.JDialog-header-button-item {
  display: inline-block
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-right-header .JDialog-header-buttons>.JDialog-header-button-item:not(:last-child) {
  padding-right: 10px
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-right-header .JDialog-header-buttons>.JDialog-header-button-item button {
  padding: 0;
  background: 0 0;
  border: 0;
  cursor: pointer;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  -webkit-appearance: none
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-right-header .JDialog-header-buttons>.JDialog-header-button-item button:focus {
  outline: 0
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-right-header .JDialog-header-buttons>.JDialog-header-button-item button:hover {
  opacity: .7
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-right-header .JDialog-header-buttons>.JDialog-header-button-item>.JDialog-scaling {
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
  background-repeat: no-repeat
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-right-header .JDialog-header-buttons>.JDialog-header-button-item>.JDialog-scaling.JDialog-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAqklEQVRoQ+3ZMQ6DMBQEUbj/oZMOkVSgJwxGQ79r/5lP5XWZ/Fsnv//yugE+kxjZwP8baIBBBg8ZeNr/sd+OBhi0KT/HZOAO6vszM5ABJNAKIUCOZ4ARYkEGECDHM8AIsSADCJDjGWCEWJABBMjxDDBCLMgAAuR4BhghFmQAAXI8A4wQCzKAADmeAUaIBacN4HmXxg+9kV16Ayx/7wAIZnz8aW/BpwlMP8AXzX9OMf3/bOMAAAAASUVORK5CYII=)
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-header>.JDialog-right-header .JDialog-header-buttons>.JDialog-header-button-item>.JDialog-scaling.JDialog-restore {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwCAYAAABT9ym6AAAA9UlEQVRoQ+2aYQ6CMAyFy8nUkyknE0+mmaGm1skWMqCBb38IGel4fe+tC6WT/+M5MRdtauiOBmSIRsH4PufxWs3IRUSigbmKyA0ggSS2b0bUNDbhd3OTPLL18B7NMhK9ZiRT9y6TANlSWrMYieCHlDTr0dlAIhQ/61uAwEjDHQFpaTKjnHRhBEYaGtyGQlpIC2lNZwCP4BE8gkfeGSh+fODQ2NgrbL9sv40lpeGQFtJCWget7A+H+5TrIdodImpl18ZnjsdPVxcgCxk9hfV1ZDeM+NbbVw71Fw4vrQUTXR261OgpAqleacUHc40egKxIwM9SRUZeitrlRsqA6vIAAAAASUVORK5CYII=)
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu {
  padding: 3px 5px;
  border-bottom: 1px solid #e5e5e5;
  line-height: 0;
  text-align: left
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list {
  display: inline-block;
  padding-left: 5px;
  margin: 0;
  list-style: none;
  font-size: 14px
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item {
  float: left;
  position: relative;
  margin-right: 10px
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .ddmenu span:nth-child(1) {
  padding-right: 6px
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin: 0;
  margin-top: -2px
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn {
  display: inline-block;
  color: #333;
  background-color: #fff;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  margin-left: 7px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  padding: 4px 6px;
  background: 0 0;
  text-decoration: none;
  margin: 0;
  height: auto;
  width: auto;
  min-height: auto;
  min-width: auto;
  max-height: none;
  max-width: none
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border: 1px solid transparent
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default.focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
  outline: 0
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default.active,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default:active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default.active.focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default.active:focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default.active:hover,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default:active.focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default:active:focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default:active:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default.active,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default:active {
  background-image: none
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default.disabled.focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default.disabled:focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default.disabled:hover,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default[disabled].focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default[disabled]:focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default[disabled]:hover,
fieldset[disabled] .JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default.focus,
fieldset[disabled] .JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default:focus,
fieldset[disabled] .JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default:hover {
  background-color: #fff;
  border-color: #ccc
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-menu-list .JDialog-menu-item .btn.btn-default .badge {
  color: #fff;
  background-color: #333
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-submenu-list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-submenu-list .JDialog-submenu-item>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-submenu-list .JDialog-submenu-item>a:focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-menu .JDialog-submenu-list .JDialog-submenu-item>a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
  border: none
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-body {
  position: relative;
  padding: 10px 15px;
  overflow: auto
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-statusbar {
  padding: 3px 5px;
  border-top: 1px solid #e5e5e5;
  line-height: 0;
  text-align: left
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-statusbar .JDialog-left-statusbar {
  float: left;
  padding: 0;
  margin: 0
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-statusbar .JDialog-right-statusbar {
  float: right;
  padding: 0;
  margin: 0
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-statusbar .JDialog-statusbar-list {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 17px
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-statusbar .JDialog-statusbar-list .JDialog-statusbar-item {
  display: inline-block
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-statusbar .JDialog-statusbar-list .JDialog-statusbar-item:not(:last-child) {
  padding-right: 15px
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-statusbar .JDialog-statusbar-list .JDialog-statusbar-item span {
  display: inline-block
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer {
  padding: 10px 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn {
  display: inline-block;
  color: #333;
  background-color: #fff;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #ccc;
  margin-left: 7px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 0 0 7px;
  height: auto
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default.focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
  outline: 0
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default.active,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default:active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default.active.focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default.active:focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default.active:hover,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default:active.focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default:active:focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default:active:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default.active,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default:active {
  background-image: none
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default.disabled.focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default.disabled:focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default.disabled:hover,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default[disabled].focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default[disabled]:focus,
.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default[disabled]:hover,
fieldset[disabled] .JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default.focus,
fieldset[disabled] .JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default:focus,
fieldset[disabled] .JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default:hover {
  background-color: #fff;
  border-color: #ccc
}

.JDialog>.JDialog-dialog>.JDialog-content>.JDialog-footer>.btn.btn-default .badge {
  color: #fff;
  background-color: #333
}