.d4tools-tooltip {
  text-align:left;
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:10000;
  transform: scale(0.7);
}
.d4tools-tooltip:first-child .d4-tooltip-visible {
  visibility:visible
}
.d4tools-tooltip.d4tools-fullscreen {
  pointer-events:auto
}
.d4tools-tooltip.d4tools-fullscreen .d4-tooltip-positioner {
  inset:0!important;
  overflow:auto;
  padding:20px 0 40px
}
.d4tools-tooltip.d4tools-fullscreen .d4-tooltip-wrapper {
  position:static;
  margin:auto;
  display:block
}
.d4tools-tooltip.d4tools-fullscreen .d4t-tooltip-close {
  z-index:10000;
  position:fixed;
  box-sizing:border-box;
  top:2vw;
  right:2vw;
  width:10vw;
  height:10vw;
  text-align:center;
  line-height:10vw;
  vertical-align:middle;
  background-color:#057af0;
  color:#fff;
  font-weight:700;
  font-size:10vw;
  border-radius:5vw;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.d4tools-tooltip.d4tools-fullscreen .d4t-tooltip-close:before {
  content:"+"
}
.d4tools-tooltip.d4tools-fullscreen .d4t-tooltip-actions {
  z-index:10000;
  position:fixed;
  box-sizing:border-box;
  left:0;
  right:0;
  bottom:0;
  padding:0;
  margin:0
}
.d4tools-tooltip.d4tools-fullscreen .d4t-tooltip-actions li {
  list-style-type:none;
  font-size:24px;
  padding:6px;
  background-color:#057af0;
  color:#fff;
  text-align:center;
  text-decoration:none;
  margin:4px
}
.d4-tooltip-positioner .d4-tooltip-wrapper {
  position:relative;
  display:inline-block;
  vertical-align:top
}
.d4-tooltip-positioner .d4-tooltip-wrapper:not(:first-child) {
  float:right;
  margin-left:1em
}
.d4-tooltip-positioner .d4-tooltip-wrapper.d4-tooltip-plain {
  max-width:none
}
.d4-tooltip-positioner.tooltip-left .d4-tooltip-wrapper:not(:first-child) {
  float:left;
  margin-left:0;
  margin-right:1em
}
.d4t-tooltip-content table {
  border-spacing:0;
  border-collapse:collapse;
  margin-top:3px;
  margin-left:14px
}
.d4t-tooltip-content table thead th {
  background:#222
}
.d4t-tooltip-content table td,
.d4t-tooltip-content table th {
  border:1px solid grey;
  padding:0 3px
}
.d4t-tooltip-content table .d4t-highlight {
  background:#147
}
.d4t-tooltip-content table.d4t-col2 td:nth-child(3),
.d4t-tooltip-content table.d4t-col2 td:nth-child(6),
.d4t-tooltip-content table.d4t-col2 th:nth-child(3),
.d4t-tooltip-content table.d4t-col2 th:nth-child(6),
.d4t-tooltip-content table.d4t-col3 td:nth-child(4),
.d4t-tooltip-content table.d4t-col3 td:nth-child(8),
.d4t-tooltip-content table.d4t-col3 th:nth-child(4),
.d4t-tooltip-content table.d4t-col3 th:nth-child(8) {
  border:0;
  width:3px;
  background:transparent!important
}
.d4t-GameTooltip {
  box-sizing:border-box;
  width:406px;
  line-height:normal;
  margin:16px;
  padding:28px 24px;
  font-family:'Old-Fenris';
  font-size:18px;
  text-shadow:0 0 2px #000;
  color:#d5ccc0;
  position:relative;
  border-image:url(https://d4reflection.org/img/characters/tooltip-base.webp) 76 fill/38px stretch;
  z-index:0;
  margin-left: 70px;
  margin-top: -200px;
}
.d4t-GameTooltip.d4t-HeroDetailsTooltip {
  width:430px
}
.d4t-GameTooltip.d4t-tip-world-tier {
  width:500px
}
.d4t-GameTooltip:after {
  border-image:url(https://d4reflection.org/img/characters/tooltip-frame.webp) 124/62px/12px round
}
.d4t-GameTooltip:after,
.d4t-GameTooltip:before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1
}
.d4t-GameTooltip.d4t-tip-common:before {
  border-image:url(https://d4reflection.org/img/characters/frame-common.webp) 128 fill/64px stretch
}
.d4t-GameTooltip.d4t-tip-magic:before {
  border-image:url(https://d4reflection.org/img/characters/frame-magic.webp) 128 fill/64px stretch
}
.d4t-GameTooltip.d4t-tip-rare:before {
  border-image:url(https://d4reflection.org/img/characters/frame-rare.webp) 128 fill/64px stretch
}
.d4t-GameTooltip.d4t-tip-legendary:before {
  border-image:url(https://d4reflection.org/img/characters/frame-legendary.webp) 128 fill/64px stretch
}
.d4t-GameTooltip.d4t-tip-unique:before {
  border-image:url(https://d4reflection.org/img/characters/frame-unique.webp) 128 fill/64px stretch
}
.d4t-GameTooltip.d4t-tip-set:before {
  border-image:url(https://d4reflection.org/img/characters/frame-set.webp) 128 fill/64px stretch
}
.d4t-GameTooltip.d4t-tip-skill {
  margin-top:44px
}
.d4t-GameTooltip .d4t-top-icon-frame {
  position:absolute;
  width:100px;
  height:100px;
  left:50%;
  margin-left:-50px;
  top:-54px;
  background-image:url(https://d4reflection.org/img/characters/skill-frames.webp);
  z-index:1
}
.d4t-GameTooltip .d4t-top-icon-frame .d4t-icon {
  position:absolute;
  inset:22px;
  background-size:100%
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-upgrade {
  background-position:-100px 0
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-upgrade .d4t-icon {
  -webkit-mask-image:url(https://d4reflection.org/img/characters/skill-frames.webp);
  mask-image:url(https://d4reflection.org/img/characters/skill-frames.webp);
  -webkit-mask-position:-322px -22px;
  mask-position:-322px -22px
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-passive {
  background-position:-200px 0
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-passive .d4t-icon {
  inset:19px
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-expertise {
  background-position:-400px 0
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-expertise .d4t-icon {
  inset:14px
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-paragon {
  background-position:0 -100px
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-paragon.d4t-r2 {
  background-position-x:-100px
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-paragon.d4t-r3 {
  background-position-x:-200px
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-paragon.d4t-r4 {
  background-position-x:-300px
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-icon-paragon .d4t-icon {
  inset:26px;
  background-image:url(https://d4reflection.org/img/characters/paragon-color.webp);
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-glyph-empty {
  background-position:-400px -100px
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-glyph-empty .d4t-icon {
  inset:-6px
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-glyph-active {
  background-position:-500px -100px
}
.d4t-GameTooltip .d4t-top-icon-frame.d4t-glyph-active .d4t-icon {
  inset:12px
}
.d4t-GameTooltip .d4t-marker-frame {
  position:absolute;
  width:200px;
  height:86px;
  left:50%;
  margin-left:-100px;
  top:-63px;
  background-image:url(https://d4reflection.org/img/characters/map-tip.webp);
  z-index:5
}
.d4t-GameTooltip .d4t-marker-frame .d4t-MarkerIcon {
  position:absolute;
  font-size:48px;
  margin:-.5em;
  left:100px;
  top:40px
}
.d4t-GameTooltip .d4t-top-right-icon {
  position:absolute;
  z-index:1;
  top:-8px;
  right:12px;
  width:90px;
  height:135px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:50%
}
.d4t-GameTooltip .d4t-top-right-icon+.d4t-tip-header {
  min-height:80px;
  padding-right:85px
}
.d4t-GameTooltip .d4t-title {
  font-family:Exocet;
  font-size:22px
}
.d4t-GameTooltip .d4t-title.d4t-smaller {
  font-size:19px
}
.d4t-GameTooltip .d4t-sub-title {
  -webkit-filter:opacity(.75);
  filter:opacity(.75)
}
.d4t-GameTooltip.d4t-tip-world-tier .d4t-title {
  font-family:DiabloOldFenris;
  font-size:24px;
  color:#fff;
  text-transform:uppercase
}
.d4t-GameTooltip.d4t-tip-skill .d4t-title {
  font-family:DiabloOldFenris;
  text-align:center;
  font-size:24px;
  letter-spacing:.05em;
  margin-bottom:10px;
  color:#fff;
  margin-top:-8px
}
.d4t-GameTooltip.d4t-tip-skill .d4t-sub-title {
  text-align:center;
  -webkit-filter:none;
  filter:none
}
.d4t-GameTooltip.d4t-tip-skill .d4t-title+.d4t-sub-title {
  margin-top:-10px
}
.d4t-GameTooltip.d4t-tip-skill .d4t-top-icon-frame~.d4t-title {
  margin-top:16px
}
.d4t-GameTooltip.d4t-tip-skill .d4t-top-icon-frame+.d4t-sub-title {
  margin-top:16px;
  margin-bottom:16px
}
.d4t-GameTooltip.d4t-tip-skill .d4t-sub-title+.d4t-title {
  margin-top:-8px;
  margin-bottom:16px
}
.d4t-GameTooltip.d4t-tip-skill .d4t-title+.d4t-header {
  margin-top:-12px
}
.d4t-GameTooltip.d4t-tip-skill .d4t-header+.d4t-title {
  margin-top:0
}
.d4t-GameTooltip .d4t-tag {
  display:inline-block;
  padding:2px 8px;
  background-color:#8886;
  border:1px solid hsla(0,0%,53.3%,.6666666667);
  margin:6px 6px 0 0;
  color:#ffd
}
.d4t-GameTooltip .d4t-tag.d4t-primary {
  background-color:#2826;
  border:1px solid rgba(34,136,34,.6666666667)
}
.d4t-GameTooltip .d4t-separator {
  background-image:url(https://d4reflection.org/img/characters/headers.webp);
  width:358px;
  height:10px;
  background-position-y:-32px;
  margin:6px auto
}
.d4t-GameTooltip .d4t-separator.d4t-left {
  background-position-y:-42px;
  margin-left:0
}
.d4t-GameTooltip .d4t-separator.d4t-right {
  background-position-y:-52px;
  margin-right:0
}
.d4t-GameTooltip .d4t-description,
.d4t-GameTooltip .d4t-description p {
  margin:8px 0
}
.d4t-GameTooltip .d4t-flavor {
  margin:8px 0;
  font-size:18px;
  color:#888;
  font-style:italic
}
.d4t-GameTooltip .d4t-extra-info {
  text-align:right
}
.d4t-GameTooltip .d4t-header {
  background-image:url(https://d4reflection.org/img/characters/headers.webp);
  width:358px;
  height:32px;
  margin:6px 0;
  font-family:DiabloOldFenris;
  text-align:center;
  font-size:18px;
  line-height:30px;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.05em
}
.d4t-GameTooltip .d4t-bullet-line {
  padding-left:28px;
  position:relative
}
.d4t-GameTooltip .d4t-bullet-line:before {
  content:"";
  position:absolute;
  left:2px;
  top:2px;
  width:24px;
  height:24px;
  background-image:url(https://d4reflection.org/img/characters/list-icons.webp)
}
.d4t-GameTooltip ul {
  list-style-type:none;
  margin:4px 0;
  padding-left:28px
}
.d4t-GameTooltip ul li {
  position:relative
}
.d4t-GameTooltip ul li:before {
  content:"";
  position:absolute;
  left:-26px;
  top:2px;
  width:24px;
  height:24px;
  background-image:url(https://d4reflection.org/img/characters/list-icons.webp)
}
.d4t-GameTooltip ul li.d4t-list-star:before {
  background-position-y:-24px
}
.d4t-GameTooltip ul li.d4t-list-affix-orange:before,
.d4t-GameTooltip ul li.d4t-list-affix:before {
  background-position-x:-1.2em;
  top:.15em;
}
.d4t-GameTooltip ul li.d4t-list-tempered:before {
  background-position-x:-2.5em;
  background-position-y:-1.2em
}
.d4t-GameTooltip ul li.d4t-list-greater:before {
  background-position-x:-1.2em;
  background-position-y:-1.2em
}
.d4t-GameTooltip ul.d4t-list-line {
  margin-left:12px;
  padding-left:12px;
  border-left:2px solid #7d7974
}
.d4t-GameTooltip ul.d4t-list-line li:before {
  display:none
}
.d4t-GameTooltip ul.d4t-no-list {
  padding:0
}
.d4t-GameTooltip ul.d4t-no-list li:before {
  display:none
}
.d4t-GameTooltip .d4t-gem-effect-type {
  color:#888
}
.d4t-GameTooltip .d4t-arsenal {
  display:flex;
  align-items:center;
  justify-content:center
}
.d4t-GameTooltip .d4t-arsenal:after,
.d4t-GameTooltip .d4t-arsenal:before {
  content:"";
  width:88px;
  height:3px;
  background-image:url(https://d4reflection.org/img/characters/arsenal.webp);
  background-position-x:-4px
}
.d4t-GameTooltip .d4t-arsenal:before {
  background-position-y:-56px;
  margin-right:12px
}
.d4t-GameTooltip .d4t-arsenal:after {
  background-position-y:-59px;
  margin-left:12px
}
.d4t-GameTooltip .d4t-arsenal .d4t-sep {
  width:4px;
  height:26px;
  background-position:0 -56px;
  margin:0 3px -4px 5px
}
.d4t-GameTooltip .d4t-arsenal .d4t-item,
.d4t-GameTooltip .d4t-arsenal .d4t-sep {
  background-image:url(https://d4reflection.org/img/characters/arsenal.webp)
}
.d4t-GameTooltip .d4t-arsenal .d4t-item {
  width:28px;
  height:28px
}
.d4t-GameTooltip .d4t-arsenal .d4t-item.d4t-active {
  background-position-y:-28px
}
.d4t-GameTooltip .d4t-arsenal .d4t-item.d4t-dual {
  background-position-x:-28px
}
.d4t-GameTooltip .d4t-arsenal .d4t-item.d4t-blunt {
  background-position-x:-56px
}
.d4t-GameTooltip .d4t-arsenal .d4t-item.d4t-slash {
  background-position-x:-84px
}
.d4t-GameTooltip .d4t-inactive-mods * {
  color:#888!important
}
.d4t-GameTooltip .d4t-upgrade-icon {
  display:inline-block;
  width:24px;
  height:24px;
  background-image:url(https://d4reflection.org/img/characters/list-icons.webp);
  background-position:-96px 0;
  margin-bottom:-5px
}
.d4t-GameTooltip .d4t-socket {
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  color:#fff
}
.d4t-GameTooltip .d4t-socket .d4t-slot {
  width:28px !important;
  height:28px !important;
  background-image:url(https://d4reflection.org/img/characters/socket.webp) !important;
  margin-left:-2px;
  margin-right:2px;
  background-size: initial !important;
  background-position-x: 0 !important;
}
.d4t-GameTooltip .d4t-socket .d4t-slot .d4t-gems-icon {
  font-size:28px
}
.d4t-GameTooltip .d4t-socket .d4t-effect {
  flex-grow:1
}
.d4t-GameTooltip .d4t-socket.d4t-empty {
  color:#888
}
.d4t-GameTooltip .d4t-armor,
.d4t-GameTooltip .d4t-dps {
  font-size:22px;
  color:#fff
}
.d4t-GameTooltip .d4t-subheading {
  text-transform:uppercase;
  color:#fff;
  margin:8px 0
}
.d4t-GameTooltip ul.d4t-damage {
  margin-left:14px;
  padding-left:24px;
  border-left:1px solid #bfbfbf
}
.d4t-GameTooltip ul.d4t-damage li:before {
  left:-22px
}
.d4t-GameTooltip ul.d4t-damage li:after {
  content:"";
  position:absolute;
  left:-25px;
  top:13px;
  width:12px;
  border-top:1px solid #bfbfbf
}
.d4t-GameTooltip .d4t-center {
  text-align:center;
  margin-top:-4px
}
.d4t-GameTooltip.d4t-tip-marker {
  text-align:center;
  padding:0;
  border-image:none
}
.d4t-GameTooltip.d4t-tip-marker.d4t-small {
  width:unset;
  max-width:406px
}
.d4t-GameTooltip .d4t-body {
  position:relative;
  border-image:url(https://d4reflection.org/img/characters/tooltip-base.webp) 76 fill/38px stretch;
  padding:28px 24px 14px
}
.d4t-GameTooltip .d4t-footer {
  position:relative;
  border-image:url(https://d4reflection.org/img/characters/footer.webp) 40 fill/20px stretch;
  padding:6px 8px
}
.d4t-GameTooltip .d4t-footer .d4t-action {
  display:flex;
  flex-direction:row;
  align-items:center
}
.d4t-GameTooltip .d4t-footer .d4t-button {
  background-image:url(https://d4reflection.org/img/characters/buttons.webp);
  height:24px
}
.d4t-GameTooltip .d4t-footer .d4t-button.d4t-button-0 {
  width:22px;
  background-position-x:0
}
.d4t-GameTooltip .d4t-footer .d4t-button.d4t-button-1 {
  width:22px;
  background-position-x:-22px
}
.d4t-GameTooltip .d4t-footer .d4t-button.d4t-button-2 {
  width:22px;
  background-position-x:-44px
}
.d4t-GameTooltip .d4t-footer .d4t-button.d4t-button-ctrl {
  width:45px;
  background-position-x:-66px
}
.d4t-GameTooltip .d4t-footer .d4t-button.d4t-button-shift {
  width:42px;
  background-position-x:-111px
}
.d4t-GameTooltip .d4t-footer .d4t-button.d4t-button-alt {
  width:40px;
  background-position-x:-153px
}
.d4t-GameTooltip .d4t-footer .d4t-button.d4t-button-plus {
  width:20px;
  background-position-x:-193px
}
.d4t-GameTooltip .d4t-footer .d4t-text {
  margin-left:6px
}
.d4t-GameTooltip .d4t-header-waypoint {
  position:relative;
  box-sizing:border-box;
  z-index:1;
  margin:-51px -83px -23px;
  width:524px;
  border-image:url(https://d4reflection.org/img/characters/map-waypoint.webp) 60 160 fill/60px 160px stretch;
  padding:44px 80px 33px;
  text-shadow:0 0 3px #000,0 0 3px #000,0 0 2px #000
}
.d4t-GameTooltip .d4t-header-waypoint .d4t-sub-title {
  color:#ddcdb0
}
.d4t-GameTooltip .d4t-header-waypoint .d4t-title {
  color:#dcd7cd;
  font-family:DiabloOldFenris;
  font-size:30px;
  line-height:38px
}
.d4t-GameTooltip .d4t-header-marker {
  box-sizing:border-box;
  margin:-32px -28px -20px;
  border-image:url(https://d4reflection.org/img/characters/map-header.webp) 64 fill/64px stretch;
  padding:24px 32px;
  text-shadow:0 0 3px #000,0 0 3px #000,0 0 2px #000
}
.d4t-GameTooltip .d4t-header-marker .d4t-sub-title {
  color:#ddcdb0
}
.d4t-GameTooltip .d4t-header-marker .d4t-title {
  color:#dcd7cd;
  font-family:DiabloOldFenris;
  font-size:30px;
  line-height:38px
}
.d4t-GameTooltip .d4t-marker-separator {
  width:424px;
  height:15px;
  margin:0 -33px;
  background-position:0 -96px
}
.d4t-GameTooltip .d4t-marker-separator,
.d4t-GameTooltip .d4t-quest-separator {
  background-image:url(https://d4reflection.org/img/characters/map-tip.webp)
}
.d4t-GameTooltip .d4t-quest-separator {
  width:148px;
  height:12px;
  margin:6px auto 2px;
  background-position:-250px 0
}
.d4t-GameTooltip .d4t-header-marker+.d4t-marker-separator {
  margin-top:8px
}
.d4t-GameTooltip .d4t-flavor+.d4t-header {
  margin-top:16px
}
.d4t-GameTooltip .d4t-services {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  padding:0 8px;
  margin-top:-8px
}
.d4t-GameTooltip .d4t-services .d4t-MarkerIcon {
  font-size:58px;
  margin:5px
}
.d4t-GameTooltip .d4t-MarkerIcon.d4t-inline {
  display:inline-block
}
.d4t-GameTooltip .d4t-MarkerIcon.d4t-inline.d4t-reward {
  font-size:86px;
  width:28px;
  height:28px;
  background-position:-2458px -136px;
  margin-bottom:-3px;
  margin-right:6px
}
.d4t-GameTooltip .d4t-aspect-reward-header {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  margin:8px 0 5px
}
.d4t-GameTooltip .d4t-aspect-reward-header:after,
.d4t-GameTooltip .d4t-aspect-reward-header:before {
  content:"";
  width:50px;
  height:96px;
  background-image:url(https://d4reflection.org/img/characters/map-tip.webp);
  background-position:-200px 0
}
.d4t-GameTooltip .d4t-aspect-reward-header:after {
  -webkit-transform:scaleX(-1);
  transform:scaleX(-1)
}
.d4t-GameTooltip .d4t-aspect-reward-header .d4t-icon {
  width:50px;
  height:50px;
  background-image:url(https://d4reflection.org/img/characters/aspects.webp);
  font-size:50px;
  margin:0 10px;
  position:relative
}
.d4t-GameTooltip .d4t-aspect-reward-header .d4t-icon .d4t-MarkerIcon {
  position:absolute;
  font-size:72px;
  top:-6px;
  left:-30px
}
.d4t-GameTooltip .d4t-aspect-name {
  font-family:DiabloOldFenris;
  font-size:22px
}
.d4t-GameTooltip .d4t-aspect-separator {
  width:324px;
  height:3px;
  background-image:url(https://d4reflection.org/img/characters/map-tip.webp);
  background-position:0 -111px;
  margin:8px auto 2px
}
.d4t-RogueSpecializationTooltip {
  box-sizing:border-box;
  width:406px;
  line-height:normal;
  margin:12px;
  padding:28px 24px;
  font-family:DiabloSerif;
  font-size:20px;
  text-shadow:0 0 2px #000;
  text-align:center;
  color:#ede8e6;
  position:relative;
  border-image:url(https://d4reflection.org/img/characters/frame-specialization.webp) 52 fill/26px stretch;
  z-index:0
}
.d4t-RogueSpecializationTooltip .d4t-top-icon-frame {
  position:absolute;
  width:100px;
  height:100px;
  left:50%;
  margin-left:-50px;
  top:-59px;
  background-image:url(https://d4reflection.org/img/characters/skill-frames.webp);
  background-position:-500px 0;
  z-index:1
}
.d4t-RogueSpecializationTooltip .d4t-top-icon-frame .d4t-icon {
  position:absolute;
  inset:14px 16px 17px;
  background-size:100%
}
.d4t-RogueSpecializationTooltip .d4t-title {
  font-family:DiabloOldFenris;
  text-align:center;
  font-size:20px;
  letter-spacing:.05em;
  margin-bottom:10px;
  color:#fff
}
.d4t-RogueSpecializationTooltip .d4t-separator {
  background-image:url(https://d4reflection.org/img/characters/headers.webp);
  width:358px;
  height:3px;
  background-position-y:-62px;
  margin:6px auto 12px
}
.d4t-SkillTagTooltip {
  width:380px;
  padding:8px 12px;
  font-family:DiabloSerif;
  font-size:18px;
  color:#bfbfbf;
  border-image:url(https://d4reflection.org/img/characters/tag-tip.webp) 12 fill/12px stretch;
  line-height:normal
}
.d4t-SkillTagTooltip.d4t-small {
  width:auto
}
.d4t-CompositeTooltip {
  display:flex;
  flex-direction:column;
  align-items:center
}
.d4t-tooltip-content {
  min-width:32px;
  min-height:24px;
  max-width:320px;
  padding:8px 12px;
  font-family:DiabloSerif;
  font-size:18px;
  color:#bfbfbf;
  border-image:url(https://d4reflection.org/img/characters/tag-tip.webp) 12 fill/12px stretch;
  line-height:normal
}
.d4t-tooltip-content p {
  position:relative
}
.d4t-tooltip-content p:not(.d4t-header) {
  padding-left:12px
}
.d4t-tooltip-content h3 {
  margin:.2em 0;
  font-size:1.2em
}
.d4t-tooltip-content p {
  margin:0
}
.d4t-tooltip-content .d4t-bullet {
  position:absolute;
  left:0;
  top:4px;
  width:8px;
  height:8px;
  background-image:url(https://d4reflection.org/img/characters/bullet.webp)
}
.d4t-tooltip-content ul {
  list-style-type:none;
  margin:4px 0;
  padding-left:28px
}
.d4t-tooltip-content ul li {
  position:relative
}
.d4t-tooltip-content ul li:before {
  content:"";
  position:absolute;
  left:-26px;
  top:2px;
  width:24px;
  height:24px;
  background-image:url(https://d4reflection.org/img/characters/list-icons.webp)
}
.d4t-tip-vampiricPower .d4t-top-icon-frame {
  background-position:-400px -100px
}
.d4t-tip-vampiricPower .d4t-top-icon-frame .d4t-icon {
  inset:6px
}
.d4t-tip-vampiricPower .d4t-sub-title {
  text-align:center;
  -webkit-filter:none;
  filter:none;
  margin:4px 0 8px
}
.d4t-tip-vampiricPower .d4t-title {
  font-family:DiabloOldFenris;
  text-align:center;
  font-size:24px;
  letter-spacing:.05em;
  color:#fff;
  margin-top:-8px
}
.d4t-tip-vampiricPower .d4t-rank {
  text-align:center;
  margin-bottom:12px;
  color:#aaa
}
.d4t-tip-vampiricPower .d4t-cost {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-around
}
.d4t-tip-vampiricPower .d4t-cost div {
  width:88px;
  height:64px;
  padding-left:68px;
  line-height:64px;
  position:relative;
  font-family:Exocet;
  font-size:26px;
  box-sizing:border-box
}
.d4t-tip-vampiricPower .d4t-cost div:before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:64px;
  height:64px;
  background-image:url(https://d4reflection.org/img/characters/pact-icons.webp)
}
.d4t-tip-vampiricPower .d4t-cost div:nth-child(2):before {
  background-position-x:-64px
}
.d4t-tip-vampiricPower .d4t-cost div:nth-child(3):before {
  background-position-x:-128px
}
.d4tools-wrapper .d4t-ErrorReport {
  position:absolute;
  inset:0;
  z-index:15;
  width:1310px;
  min-height:850px;
  margin:0 auto
}
.d4tools-wrapper .d4t-ErrorReport>div {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  border:2px solid #800;
  background:#300;
  padding:12px;
  color:#eee;
  font-size:16px
}
.d4tools-wrapper .d4t-ErrorReport hr {
  margin:6px 0;
  border-top:2px solid #833
}
.d4tools-wrapper .d4t-ErrorReport p {
  margin:3px 0
}
.d4tools-wrapper .d4t-ErrorReport h3 {
  font-size:22px;
  text-align:center
}
.d4tools-wrapper .d4t-ErrorReport .d4t-save,
.d4tools-wrapper .d4t-ErrorReport a {
  color:#057af0;
  cursor:pointer
}
.d4tools-wrapper .d4t-ErrorReport .d4t-save:hover,
.d4tools-wrapper .d4t-ErrorReport a:hover {
  text-decoration:underline
}
.d4tools-wrapper .d4t-ErrorReport .d4t-error {
  color:#833
}
.d4tools-wrapper .d4t-ErrorReport .d4t-report {
  border-top:2px solid #833;
  margin-top:3px;
  padding:4px;
  font-family:monospace;
  white-space:pre;
  max-width:800px;
  max-height:400px;
  overflow:auto
}
.d4tools-wrapper button,
.d4tools-wrapper input:not([type=image]),
.d4tools-wrapper select,
.d4tools-wrapper textarea {
  background-color:#0e0e0f;
  box-shadow:inset 0 0 2px #0006,0 0 2px #0003;
  color:#cdcdcd;
  border:2px solid #282828;
  padding:2px;
  outline:none
}
.d4tools-wrapper button:focus:not[readonly],
.d4tools-wrapper input:not([type=image]):focus:not[readonly],
.d4tools-wrapper select:focus:not[readonly],
.d4tools-wrapper textarea:focus:not[readonly] {
  border-color:#057af0
}
.d4tools-wrapper button.ui-Input-invalid,
.d4tools-wrapper input:not([type=image]).ui-Input-invalid,
.d4tools-wrapper select.ui-Input-invalid,
.d4tools-wrapper textarea.ui-Input-invalid {
  border-color:red!important
}
.d4tools-wrapper button[disabled],
.d4tools-wrapper button[readonly],
.d4tools-wrapper input:not([type=image])[disabled],
.d4tools-wrapper input:not([type=image])[readonly],
.d4tools-wrapper select[disabled],
.d4tools-wrapper select[readonly],
.d4tools-wrapper textarea[disabled],
.d4tools-wrapper textarea[readonly] {
  background-color:#121314
}
.d4tools-wrapper button[disabled] {
  color:#acacad
}
.d4tools-wrapper label input[type=checkbox] {
  position:relative;
  top:1px;
  margin-right:.2em
}
.d4tools-wrapper .d4tools-PlannerApp {
  z-index:15;
  width:1310px;
  margin:0 auto;
  position:relative
}
.d4tools-wrapper .d4tools-PlannerApp.d4t-dropping:before {
  content:"";
  position:absolute;
  z-index:1000;
  inset:0;
  pointer-events:none;
  background-color:#ffffff1a
}
.d4tools-wrapper .d4t-Header {
  flex:0 0 auto;
  height:65px;
  margin:12px 0;
  font-size:1.1em;
  color:#808181;
  display:flex;
  align-items:center
}
.d4tools-wrapper .d4t-Header .d4t-logo {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAYAAAAXb/p7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA21pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDllNmZkOC02ZjhlLTQ4MWYtOTEwZi00NDQ3MGQ3NmJmNTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFFREQ4QzYwM0ZCMTFFRTk1REZCRDU2Qzc2MzlFNEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFFREQ4QzUwM0ZCMTFFRTk1REZCRDU2Qzc2MzlFNEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjEgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQTUxQzYwREJERUUxMUVEQjA4QThDN0Y3MzJGRUE4MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQTUxQzYwRUJERUUxMUVEQjA4QThDN0Y3MzJGRUE4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjpW4VYAAAbnSURBVHjazFlrbBRVFP7uzOzsbqH0YVtasFUQobyiQAhGefgIKCCIxKDyQ40YrVGjRo0miIHEgoYfQCIxGo1QEB+AChICiOGhEEssSEsBSYEqbWnL0tLta3dndsZzp7NlOsx2t+02cpJvd+bu7Z1vzjn3PG6Zruu4mUWKXMhLmxwnKGEGaAzb5l/GtCEB1LaJnb9pmgbG2Kz8USMz3bL8HQ2p1TU1qK6pBRiycrIHz88dOvRXGr9oX3drmYJF61sgpgsQ2I3PDRWmdCXYS3mDsIZI8uu3CKc0TW+l7xzCRLJOLn3/S3iV8HOfNNitCIBX0qFd94bFhKWEMZZZEzgcXCaPsJOwl7CScJgPDpQZ13I8j44xgdEDQwy1rSJkUc+moXLC1zZy8cjDhEOELfymslEjh9DBWO8JphImSQLeQUCYsuefJLglPYv1nJhd5vKPz4qDgIstoPUK6HYUISmWiVcRniRwG7kJ6QSvYTCGJWGNFZOJgwnYmNX8oyWk86cvoMtnzfEmEyrBR5hiJ3gHYViURZskIbHhyCMxrorLlqEUE1yGO5nYMc4YLqLD26oI8fh03OIP6HzxtCg/18Wzi/8mHKQQWEpxcF9usgKRNkyi9HhnhoBLFeo6loJKXTP8eq7pVnGHmU9JY+uUdgHejBAKxvtR1yYlTIOr53oxqUQ5o6o4I3bYcY+50+PfxRr/DIp4bcI1jL0lhMagmDCCE4eIeGy6G1qDFhly9zTMMJXsC28YMyjFXQuJhokTKbOGkUUUvYu79zhQGyFBFdBtTREl2sbyWH9Qj8kgLoKxCh7mQMRIeXrf1o2bYHTFMYRCCgKB4A0K1Smqez3ePrtBnwnqFCMaGhq7jKu0Nd1uGelpqQkl2Ks47Ha7UX/FR1oMdJq2rT2AoTk5kCSpXzWoxdgDHQsIlGGo4jxXcb7jj0ijVKgiKyuzp1x0J2VZCdoLgc64FO6kCtFpM1A1jWAohLLy0xiUnIwx+aO6I9K5hig4P48X1E4EfbaF0o3dSSV/iOKhWSwEnHejDg+Zurm5GS4xplk7X7dd6bLTrXnZ70TwklnqRGS48YYhAVXNIryiEdV4+X4tGkmXy0Umjhk7KiIX53kWYZ3ay7PMqXcieNEkGZG7zUoGx+o8HRe68QK7+uj330cuDlSGqUw1KIy1FayVTgT/IpRa7rN40cFT3cEqLyqaZKS4Det83AdyLZGS/9ilMKouqBAGGmqYbJt30ongVbNnsMocyaPBX+/G1ooBuH2QClXDKRr/tpcEeXkf5hcrf6M9SVW11MFgvm3eL9HCzA7b/YvG3vCE8clxKtz8EjK8Gk9Rz0QrcLuRfWazhbM+DTuIoJAp8rV4FT3H1hKURyN4wape3rkRv3ukASoaaj34oDgNeSmK0c8TZvSAXJWVxKLNrUZHJ8nG7Xu2uUWxAvVq2/16QWcQUhVsKk7HlrMDMZ4KWEVjJyMdWgxpNH3MMO2Hh4IoK6HqfDBpTzN279v258UiyM3QYK0tSYuLJZl3YRqW7MpGaYOMkWkKJ7mbfp/XDTkeGe4i1PKbvedVLCtqBcsWItF6o62q/yHS9cVKdQW2+030tpmuZBWBVgnztg1BMxl5RKpBkoed8dxveCy0nCz8SBgdCV3l5HePrGmmYMLg8vAiA4+bba5VXok3F28l/GGbd5gfIrnSQ6iqc+OBLbmop35lNN3znU3ExlFeXks4R3OfJyyMpM9jNWFMXuU3jCynCdy0I0xtWWVZRNPxFgt20+UTdhskqT85V+3BvZvyUHJFxoSsIBipRHLJb7pcEk/EX0X+aPspBVMK/Whv0yFnErkwMmi42LZ2GXfPnlYzPlMLVpltmI6TpI3ia5IwfXMePi9NwZiMIDI9KmWu66XP8j0BPMHNSl5mkuPB/4StveQ+MbO3BSv3o/dtY/y44gCR9Mrkg3z5gp9y8NTOHLQoDN4kHaevAFPXNmPFN21ERYA8yCDHT79OE261rTfN2qj35vitkJBMeNcydj+Pt7rGFspJ4ZKQO4ztJ9Jw1JeEmWTSouOkNZ8CKVc09Ek+x89fNjiszTPIkUSU/DyYLnc49/uTXO91F60iZym43CihaD+PeGHIOUSO3JI0/EUUcrPjOdTsSU+ygvCSw/hawn7SUr6L8raLCmmXzLjWHjVLqyW2+TznTzJPEhLeNH1uprirtvGHCGdMNxhnVixcO7fZ5h0xzwKP92dXd9gow24sLLh8ZIaMp6P48lSHl+uXtrPR3M0vmDVed8LLs/scokH/98UkX5oHnxsdflNNUjwNHv1fGndL//CcGc8iGWKDeVpb2NfFE3fgB/xOeJnwID8jj8P08Z1e3Oz/CvtPgAEASndNIHAQT2wAAAAASUVORK5CYII=);
  background-position:50%;
  background-repeat:no-repeat;
  height:44px;
  width:40px;
  margin-right:4px;
  margin-bottom:-4px;
  position:relative
}
.d4tools-wrapper .d4t-Header .d4t-title {
  font-family:Oswald;
  color:#057af0;
  font-size:38px;
  font-weight:700;
  text-transform:uppercase
}
.d4tools-wrapper .d4t-Header .d4t-nav {
  margin:0 10px;
  flex-grow:1;
  font-family:Oswald;
  font-size:15px;
  color:#95989b;
  display:flex;
  flex-direction:row;
  text-transform:uppercase
}
.d4tools-wrapper .d4t-Header .d4t-nav li {
  cursor:pointer;
  height:38px;
  line-height:34px;
  box-sizing:border-box;
  border-top:2px solid transparent;
  border-bottom:2px solid transparent;
  margin:0 10px
}
.d4tools-wrapper .d4t-Header .d4t-nav li.d4t-active {
  color:#fff;
  border-bottom-color:#057af0;
  cursor:default
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader {
  display:flex;
  flex-direction:row-reverse
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-header {
  text-align:right;
  color:#95989b;
  font-size:16px
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-header .d4t-name {
  font-size:18px;
  color:#fff;
  font-weight:700
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-header .d4t-separator {
  display:inline-block;
  border-left:1px solid #363739;
  height:15px;
  margin:0 5px -3px
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-header svg {
  margin:0 5px -3px
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-header .d4t-twitch:hover {
  color:#6441a5
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-header .d4t-youtube:hover {
  color:red
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-rating {
  font-size:16px;
  margin-right:20px;
  display:flex;
  flex-direction:row;
  align-items:flex-start
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-rating .d4t-rate {
  color:#057af0;
  margin-right:6px;
  margin-top:2px
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-rating .d4t-bar {
  color:#363739;
  display:flex;
  flex-direction:row;
  margin-top:1px
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-rating .d4t-bar span {
  padding:0 2px;
  cursor:pointer
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-rating .d4t-bar span svg {
  margin-bottom:-2px
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-rating .d4t-bar:hover span,
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-rating .d4t-bar span.d4t-active {
  color:#057af0
}
.d4tools-wrapper .d4t-Header .d4t-ProfileHeader .d4t-rating .d4t-bar:hover span:hover~span {
  color:#363739
}
.d4tools-wrapper .d4t-Header .ui-Select {
  width:150px
}
.d4tools-wrapper .d4t-Header .discord.icon {
  display:inline-block;
  width:24px;
  height:24px;
  vertical-align:middle;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAACr1BMVEX///9yidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidpyidqXYlbiAAAA5HRSTlMAAAECAwQFBgcICQoLDA0PEBESExQVFhcYGRobHR4fICIjJCUmJygpKissLS4vMDI0NTc4OTo7PD0+P0BBQkNFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXmFiY2VnaGlqa2xtb3BxcnN0dnd4eXp7fH1+f4CBgoOEhYaHiImKjY6QkZKTlJWWmZqbnp+goaOkpaeoqaqrrK2ur7CxsrS1tre5uru8vb6/wMHCw8TFxsfIycrLzM3P0NHT1NXW19jZ2tzd3t/g4eLj5OXm5+jp6uzt7u/w8fLz9PX29/j5+vv8/f5uRfw2AAAEMklEQVR42u3Y/V9TVRgAcJ4B4y0QF6DiQBShLFR6sZCJ+YoZKaBUEGhCGRBvQUMk0iLxNVNT00CBeKnIrRcKggYEKsjQ0DCYgm1s4/whfcZ2L+f2gcs5l91+2vPTzrN7v59zd895zjlzcpoMAHBeXPzb8IM5ha79cJAEAJzwAPDMvo/sEPezvP9LexxBdorPvLi0pATZLY5KOPQGnf3ohzs5dAWyY5zh0EP2pEc4NLJrOGgH7aAd9P9DT2jV9ziJfs0/9qB1NQVvZpff4eSqE2PSTnWb50Z35IXKogo7LV1Htzs0Gk2Xpb+m9rxAkO0+Oyic7s7xckn5BZluVBbvT4iNXB4aGhr+0vbU988PINS8ww0iPxFIG0oWQIbWfC1TESgFTrjK1xWojTdfBpdtXwuhmzfB8z/+lP+cF0wb7i9+WNuwHOaV0NMTmyH3YOIS4ImwpLIkePxzavqy3/zV/hLgj+CV7hBtoKVfB+lssCVcwO8LSvraMiCNBEq6kFiG4AYqunctOQ15VPTlxyjo9QMUtCmDQob5VyjormdpaFBS0FUSKjqml5wupZLBp46Y1m7Eb/SMfi1htRs+2nbtjvPj2BXEtBofHwurhhG6d0DGtOdlXkfIrF6K0ynDpPQV/PU3WXMfeNoS8bZFQo5d9HQHIW0ombrJOZ6phC9YE0HMKyvywCrJd4T03R1YWa5ksm9b14Nopt3jj3X7S0K6Kxh7h51MNn+yl9I09l0vwOjScTL6V3x4tDDZHPfJH+gVpt0XgF22/U8y+nvsHukhJhtnTYSzOwZf7LI1fUS06SQ+rp402R4lxDZimMq/BZ+xizREtP4jzuqd+GDy8RVMQl5vHYyc2ujSQkTr9nKXqDWXOtuOYzMk8PDPGlW8G3euNxHRQ3FAH4Q0M6x9FK6zLbpr3W2fzpHRr9ou9710IIRXXnLiIDMllY9I6L+2spXpj/53n5oRXpGpVbONT8dJ6PFT7A2y82isPNZ3Gtd3a/kYOs02n2gjmzKPiqaI5Hakby5Pi/TEp1HYro9bDej3BDYjV5EW1VEluzWV+Kd+a0DGW6qLpfuzYqLX7Xkn/0J9tx6NXU0JYOfMyh/IFzB91YqpTobfZEvi4F3mKFA8VVJdk29T7Z76lUz18S6bbgs9EMHAiuqHlNtJ4/Vjmy1ba7f06Xf+nZb5KVm0p3FYwKlg4m9t7fGMgpn+S/smK/dc+8CY8BOY3jDjV4Zxx0HaQTtoBz1H2jQqGn0ns2sWulEordsX0ctPvyW429Wg6Oalg+uF0h0LIaSWj4Zn2gTSQ28AyGv4aFhVZxRmW3bji6vMPDRI32sdNAugVZZtg+sxPQ8N4B2VW0gdyr3Wk1iFgY+eW1QYRaMhfUI0GvbpRaMhdkQ02jmmRywaJKtUYtEAQV+JRoPstGg0+JSJRgMcsZr/AprW2UI7yaBcAAAAAElFTkSuQmCC);
  background-size:100%;
  margin-right:.2em
}
.d4tools-wrapper .d4t-Body {
  height:calc(100vh - 339px);
  min-height:761px;
  display:flex;
  flex-direction:row
}
.d4tools-wrapper .d4t-Toolbar {
  position:absolute;
  right:4px;
  top:13px;
  font-size:1.5em;
  white-space:nowrap;
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-left:.5em
}
.d4tools-wrapper .d4t-Toolbar>* {
  cursor:pointer;
  margin-right:.5em
}
.d4tools-wrapper .d4t-Toolbar>:hover {
  color:#eee
}
.d4tools-wrapper .d4t-LeftColumn {
  flex:0 0 330px;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding-right:10px
}
.d4tools-wrapper .d4t-MainColumn {
  flex:1 1 auto;
  min-width:0;
  position:relative;
  z-index:5
}
.d4tools-wrapper .d4t-MainColumn .ui-Select,
.d4tools-wrapper .d4t-MainColumn button,
.d4tools-wrapper .d4t-MainColumn input:not([type=image]),
.d4tools-wrapper .d4t-MainColumn select,
.d4tools-wrapper .d4t-MainColumn textarea {
  background-color:#141516;
  border-color:#282828
}
.d4tools-wrapper .d4t-MainColumn button[disabled],
.d4tools-wrapper .d4t-MainColumn button[readonly],
.d4tools-wrapper .d4t-MainColumn input:not([type=image])[disabled],
.d4tools-wrapper .d4t-MainColumn input:not([type=image])[readonly],
.d4tools-wrapper .d4t-MainColumn select[disabled],
.d4tools-wrapper .d4t-MainColumn select[readonly],
.d4tools-wrapper .d4t-MainColumn textarea[disabled],
.d4tools-wrapper .d4t-MainColumn textarea[readonly] {
  background-color:#1b1c1d
}
.d4tools-wrapper .d4t-RightColumn {
  flex:0 0 240px;
  min-width:0;
  display:flex;
  flex-direction:column
}
.d4tools-wrapper .d4t-Spinner {
  pointer-events:none!important;
  position:absolute;
  z-index:1000;
  left:50%;
  top:50%
}
.d4tools-wrapper .d4t-Spinner:before {
  content:"";
  position:absolute;
  width:112px;
  height:112px;
  left:-56px;
  top:-56px;
  background-image:url(https://d4reflection.org/img/characters/spinner.webp);
  -webkit-transform-origin:center;
  transform-origin:center;
  -webkit-animation:spin-round 1.3s linear infinite;
  animation:spin-round 1.3s linear infinite
}
@-webkit-keyframes spin-round {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
  }
}
@keyframes spin-round {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
  }
}
.d4tools-wrapper .d4t-Footer {
  padding:.5em 1em 0;
  box-shadow:inset 0 16px 8px -8px #00000080
}
.d4tools-wrapper .d4t-Footer>div {
  opacity:.5
}
.d4tools-wrapper .d4t-Footer:hover>div {
  opacity:1
}
.d4tools-wrapper .d4t-Footer a {
  color:#808181
}
.d4tools-wrapper .d4t-MainColumn>.ui-Tabs-content {
  display:flex;
  flex-direction:column
}
.d4tools-wrapper .d4t-TabContent {
  flex:1 0 auto
}
.d4tools-wrapper .d4t-TabFooter {
  flex-shrink:0;
  text-align:center
}
.d4tools-wrapper .d4t-TabFooter:not(:empty) {
  margin:1em 0
}
.d4tools-wrapper #d4tools-left-nitropay,
.d4tools-wrapper #d4tools-right-nitropay {
  position:absolute;
  z-index:10;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.d4tools-wrapper #d4tools-left-nitropay {
  left:0
}
.d4tools-wrapper #d4tools-right-nitropay {
  right:0
}
.d4tools-wrapper .d4t-EmbedLink {
  color:#057af0;
  cursor:pointer
}
.d4tools-wrapper .d4t-EmbedLink svg {
  vertical-align:top;
  margin-top:1px;
  margin-bottom:-1px
}
.d4tools-wrapper .d4tools-ad-left,
.d4tools-wrapper .d4tools-ad-right {
  position:absolute;
  z-index:10;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}
.d4tools-wrapper .d4tools-ad-left {
  left:0
}
.d4tools-wrapper .d4tools-ad-right {
  right:0
}
.d4tools-wrapper .d4tools-tab-ad {
  text-align:center;
  overflow:hidden
}
.d4tools-wrapper .d4tools-tab-ad-middle {
  margin:1em 0
}
.d4tools-wrapper .d4t-notify {
  pointer-events:none;
  position:fixed;
  z-index:9999;
  color:#fff;
  font-size:1.5em;
  transition-property:margin-top,opacity;
  transition-duration:1s;
  transition-timing-function:ease-in;
  margin-top:-1em
}
.d4tools-wrapper .d4t-notify.d4t-animating {
  margin-top:-100px;
  opacity:0
}
.d4tools-wrapper .d4t-ClassSelect .depth-1 .d4t-class-icon {
  margin-left:-8px
}
.d4tools-wrapper .d4t-CopyBox {
  margin-top:4px;
  cursor:pointer;
  font-size:1.1em;
  font-family:monospace;
  overflow-wrap:break-word;
  overflow:hidden;
  width:100%;
  background-color:#0e0e0f;
  box-shadow:inset 0 0 2px #0006,0 0 2px #0003;
  color:#cdcdcd;
  border:2px solid #282828;
  padding:2px;
  outline:none
}
.d4tools-wrapper .d4t-CopyBox.d4t-disabled {
  background-color:#121314;
  cursor:default
}
.d4tools-wrapper .d4t-DatabaseTabs {
  display:flex;
  flex-direction:row;
  font-size:1.3em;
  margin:4px 8px 0
}
.d4tools-wrapper .d4t-DatabaseTabs .d4t-tab {
  cursor:pointer;
  padding:4px;
  margin:0 8px;
  border-bottom:2px solid transparent;
  color:#999
}
.d4tools-wrapper .d4t-DatabaseTabs .d4t-tab.d4t-active {
  color:#fff;
  border-bottom-color:#057af0
}
.d4tools-wrapper .ui-OverlayRoot {
  position:fixed;
  z-index:2000
}
.d4tools-wrapper .ui-Overlay,
.d4tools-wrapper .ui-OverlayRoot {
  inset:0;
  overflow:hidden;
  pointer-events:none
}
.d4tools-wrapper .ui-Overlay {
  position:absolute
}
.d4tools-wrapper .ui-Overlay>* {
  pointer-events:auto
}
.d4tools-wrapper .ui-Overlay.ui-modal {
  background:hsla(0,0%,50.2%,.4);
  pointer-events:auto
}
.d4tools-wrapper .ui-PopupMenu {
  border:2px solid #3e3f40;
  background-color:#121314;
  color:#acacad;
  text-shadow:2px 2px 2px rgba(18,19,20,.4);
  font-size:1.2em
}
.d4tools-wrapper .ui-PopupMenu li {
  padding:3px 1em 3px .4em;
  cursor:pointer
}
.d4tools-wrapper .ui-PopupMenu li:hover {
  background-color:#057af0;
  color:#eee
}
.d4tools-wrapper .d4t-ErrorBox,
.d4tools-wrapper .d4t-NotificationBox {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  padding:8px;
  text-align:center
}
.d4tools-wrapper .d4t-ErrorBox h3,
.d4tools-wrapper .d4t-NotificationBox h3 {
  margin:0;
  font-size:100%;
  font-weight:700
}
.d4tools-wrapper .d4t-ErrorBox p,
.d4tools-wrapper .d4t-NotificationBox p {
  margin:0
}
.d4tools-wrapper .d4t-NotificationBox {
  border:1px solid #00f;
  background-color:#ccf;
  color:#008
}
.d4tools-wrapper .d4t-DragPreview {
  position:absolute;
  pointer-events:none!important
}
.d4tools-wrapper .d4t-DragPreview .d4t-icon {
  position:absolute;
  left:-24px;
  top:-24px;
  width:48px;
  height:48px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .ui-Dialog {
  position:absolute;
  padding:1em;
  background-color:#121314;
  color:#eee;
  min-width:200px;
  max-width:500px;
  outline:none
}
.d4tools-wrapper .ui-DialogContent p {
  margin:1em 0
}
.d4tools-wrapper .ui-DialogContent .d4t-tip {
  color:#969697
}
.d4tools-wrapper .ui-DialogFooter {
  margin-top:2em;
  display:flex;
  flex-direction:row;
  justify-content:flex-end
}
.d4tools-wrapper .ui-DialogFooter button {
  flex:1 1 auto;
  vertical-align:middle;
  padding:.3em 0;
  font-size:15.4px;
  cursor:pointer;
  outline:none;
  color:#eee
}
.d4tools-wrapper .ui-DialogFooter button:only-child {
  flex-grow:0;
  padding:.3em 2em
}
.d4tools-wrapper .ui-DialogFooter button:not(:last-child) {
  margin-right:.5em
}
.d4tools-wrapper .ui-DialogFooter button:first-child {
  border-color:#057af0;
  background:#057af0;
  color:#fff;
  box-shadow:0 0 2px #0003
}
.d4tools-wrapper .ui-DialogFooter button[disabled] {
  border-color:#545555;
  background:#545555;
  color:#c2c2c2;
  cursor:default
}
.d4tools-wrapper .ui-DialogHeader {
  margin-top:-.2em;
  padding-bottom:.4em;
  font-size:1.8em;
  color:#fff;
  line-height:32px;
  vertical-align:middle;
  cursor:move;
  position:relative
}
.d4tools-wrapper .ui-DialogHeader:after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:2px;
  width:1.5em;
  background-color:#057af0
}
.d4tools-wrapper .ui-DialogTitle {
  pointer-events:none
}
.d4tools-wrapper .ui-DialogClose {
  float:right;
  position:relative;
  top:.5em;
  margin:0 9px;
  cursor:pointer
}
.d4tools-wrapper .ui-DialogClose:after {
  content:"";
  display:block;
  position:absolute;
  width:18px;
  height:18px;
  left:-9px;
  top:-9px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  background-image:linear-gradient(180deg,#057af0 0,#057af0),linear-gradient(180deg,#057af0 0,#057af0);
  background-position:50%;
  background-size:100% 2px,2px 100%;
  background-repeat:no-repeat
}
.d4tools-wrapper .ui-Resizable {
  position:relative;
  box-sizing:border-box
}
.d4tools-wrapper .ui-Resizable-handle {
  position:absolute;
  z-index:5
}
.d4tools-wrapper .ui-Resizable-handle.ui-n,
.d4tools-wrapper .ui-Resizable-handle.ui-s {
  left:0;
  right:0;
  height:7px
}
.d4tools-wrapper .ui-Resizable-handle.ui-n {
  top:-5px;
  cursor:n-resize
}
.d4tools-wrapper .ui-Resizable-handle.ui-s {
  bottom:-5px;
  cursor:s-resize
}
.d4tools-wrapper .ui-Resizable-handle.ui-e,
.d4tools-wrapper .ui-Resizable-handle.ui-w {
  top:0;
  bottom:0;
  width:7px
}
.d4tools-wrapper .ui-Resizable-handle.ui-e {
  right:-5px;
  cursor:e-resize
}
.d4tools-wrapper .ui-Resizable-handle.ui-w {
  left:-5px;
  cursor:w-resize
}
.d4tools-wrapper .ui-Resizable-handle.ui-ne,
.d4tools-wrapper .ui-Resizable-handle.ui-nw,
.d4tools-wrapper .ui-Resizable-handle.ui-se,
.d4tools-wrapper .ui-Resizable-handle.ui-sw {
  z-index:6;
  width:9px;
  height:9px
}
.d4tools-wrapper .ui-Resizable-handle.ui-ne {
  top:-6px;
  right:-6px;
  cursor:ne-resize
}
.d4tools-wrapper .ui-Resizable-handle.ui-nw {
  top:-6px;
  left:-6px;
  cursor:nw-resize
}
.d4tools-wrapper .ui-Resizable-handle.ui-se {
  bottom:-6px;
  right:-6px;
  cursor:se-resize
}
.d4tools-wrapper .ui-Resizable-handle.ui-sw {
  bottom:-6px;
  left:-6px;
  cursor:sw-resize
}
.d4tools-wrapper .d4t-ItemLibrary {
  flex:1 1;
  flex-basis:0;
  display:flex;
  flex-direction:row;
  padding:7px;
  background-color:#1b1c1d
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-filters {
  display:flex;
  flex-direction:row;
  align-items:flex-end;
  margin-bottom:7px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-filters .ui-Select {
  margin-right:7px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-library-search {
  flex-grow:1;
  font-size:1.1em;
  position:relative
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-library-search input {
  width:100%;
  padding:2px 24px 2px 8px;
  background-color:#121314;
  box-shadow:inset 0 0 2px #0006;
  border:none
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-library-search>span {
  position:relative
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-library-search .d4t-clear {
  position:absolute;
  font-size:16px;
  top:6px;
  right:6px;
  color:#999;
  cursor:pointer
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-library-search .d4t-clear:hover {
  color:#eee
}
.d4tools-wrapper .d4t-ItemLibrary.d4t-SkillLibrary .d4t-main-area {
  padding-top:7px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories>ul,
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-item-list {
  background-color:#121314;
  box-shadow:inset 0 0 2px #0006
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories {
  -webkit-user-select:none;
  user-select:none;
  min-width:200px;
  width:300px;
  padding-right:2px;
  margin-right:5px;
  font-size:16px;
  line-height:24px;
  color:#aaa;
  display:flex;
  flex-direction:column
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories>ul {
  flex:1 1;
  flex-basis:0;
  padding:8px;
  overflow-y:auto;
  overflow-y:overlay;
  min-height:0
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories>ul>li>.d4t-category-list {
  padding-left:0
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-item-list {
  display:none;
  padding-left:.5em
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-category-list {
  display:none;
  padding-left:1em
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-expanded>.d4t-category-list,
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-expanded>.d4t-item-list {
  display:block
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-item-empty svg {
  margin-bottom:-2px;
  width:16px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-category-header {
  position:relative
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-category-header span {
  cursor:pointer
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-category-header.d4t-active span {
  color:#eee;
  text-shadow:0 0 6px #aaa
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-category-toggle {
  position:absolute;
  right:.5em;
  top:50%;
  margin-top:-.5em;
  transition:-webkit-transform .4s ease-in-out;
  transition:transform .4s ease-in-out;
  transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
  cursor:pointer;
  color:#057af0
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-expanded>.d4t-category-header .d4t-category-toggle {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
  -webkit-transform-origin:center;
  transform-origin:center
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-item-type {
  width:unset;
  margin-bottom:7px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-item-type .ui-Select-value {
  padding-top:2px;
  padding-bottom:2px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-item-type .ui-Select-menu,
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-item-type .ui-Select-value {
  font-size:1em;
  background-color:#121314;
  border:none
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-item-type.ui-drop-bottom .ui-Select-menu {
  box-shadow:0 2px 2px #6664
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-item-type.ui-drop-top .ui-Select-menu {
  box-shadow:0 -2px 2px #6664
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-item-type.ui-drop-bottom,
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemCategories .d4t-item-type.ui-drop-top {
  box-shadow:0 0 2px #6664
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList {
  flex:1 1;
  flex-basis:0;
  min-width:200px;
  display:flex;
  position:relative;
  flex-direction:column
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-link-options,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-link-options {
  position:absolute;
  right:1em;
  top:36px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-link-options label,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-link-options label {
  display:block
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-item-list,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-item-list {
  overflow-y:auto;
  flex:1 1;
  flex-basis:0;
  padding:.5em 1em 1em;
  font-size:16px;
  line-height:22px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-item-list li span,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-item-list li span {
  cursor:pointer
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-item-list li span:hover,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-item-list li span:hover {
  text-shadow:0 0 6px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-item-list li span em,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-item-list li span em {
  text-decoration:underline
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-item-list .d4t-sub-type,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-item-list .d4t-sub-type {
  color:#666;
  margin-left:5px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-item-list .d4t-tag,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-item-list .d4t-tag {
  display:inline-block;
  font-size:12px;
  line-height:16px;
  padding:0 4px;
  border:1px solid #282828;
  background-color:#080808;
  margin-left:4px;
  text-shadow:none
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-item-list .d4t-tag-Prefix,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-item-list .d4t-tag-Prefix {
  color:#c4b794
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-item-list .d4t-tag-Suffix,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-item-list .d4t-tag-Suffix {
  color:#779cac
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-item-list .d4t-tag-Increased,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-item-list .d4t-tag-Increased {
  color:#aaa
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-TreeView,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-TreeView {
  margin-left:24px;
  margin-right:24px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-disabled,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-disabled {
  color:#aaa;
  font-style:italic
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-ItemList .d4t-inactive,
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillList .d4t-inactive {
  color:#888
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillPreview {
  flex:0 0;
  flex-basis:400px;
  padding:8px;
  margin-left:7px
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillPreview .d4t-skill-level {
  margin:4px 0
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillPreview .d4t-skill-mod {
  font-size:16px;
  display:block;
  margin:4px 0
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillPreview .d4t-copy {
  margin-left:4px;
  cursor:pointer
}
.d4tools-wrapper .d4t-ItemLibrary .d4t-SkillPreview h3 {
  font-size:20px;
  margin:8px 0
}
.d4tools-wrapper .ui-Select {
  display:inline-block;
  width:200px;
  position:relative;
  vertical-align:middle;
  text-align:left;
  line-height:normal;
  background-color:#0e0e0f;
  border-color:#282828
}
.d4tools-wrapper .ui-Select:not(.ui-drop-bottom):not(.ui-drop-top).ui-Select-noframe {
  border-color:transparent;
  background:none
}
.d4tools-wrapper .ui-Select:not(.ui-drop-bottom):not(.ui-drop-top).ui-Select-noframe .ui-Select-value {
  box-shadow:none
}
.d4tools-wrapper .ui-Select:not(.ui-drop-bottom):not(.ui-drop-top):not(.ui-Select-noframe) .ui-Select-value:focus {
  border-color:#057af0;
  box-shadow:0 0 5px #0000004d
}
.d4tools-wrapper .ui-Select:not(.ui-drop-bottom):not(.ui-drop-top) .ui-Select-arrow {
  -webkit-transform:none;
  transform:none
}
.d4tools-wrapper .ui-Select.ui-drop-bottom .ui-Select-value {
  box-shadow:inset 0 1px #0003,0 0 2px #0003
}
.d4tools-wrapper .ui-Select.ui-drop-bottom .ui-Select-menu {
  top:100%;
  margin-top:-2px
}
.d4tools-wrapper .ui-Select.ui-drop-top .ui-Select-value {
  box-shadow:inset 0 -1px #0003,0 0 2px #0003
}
.d4tools-wrapper .ui-Select.ui-drop-top .ui-Select-menu {
  bottom:100%;
  margin-bottom:-2px
}
.d4tools-wrapper .ui-Select .ui-Select-menu {
  left:0;
  right:0
}
.d4tools-wrapper .ui-Select-value {
  font-size:1.1em;
  background-color:inherit;
  box-shadow:inset 0 0 2px #0006,0 0 2px #0003;
  cursor:pointer;
  position:relative;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  outline:none;
  -webkit-user-select:none;
  user-select:none;
  border:2px solid;
  border-color:inherit;
  box-sizing:border-box;
  padding:4px calc(8px + .8em) 4px 8px
}
.d4tools-wrapper .ui-Select-value.ui-select-disabled {
  cursor:default
}
.d4tools-wrapper .ui-Select-value.ui-has-clear {
  padding:4px calc(8px + 2.1em) 4px 8px
}
.d4tools-wrapper .ui-Select-value.ui-select-empty {
  color:#969697
}
.d4tools-wrapper .ui-Select-arrow,
.d4tools-wrapper .ui-Select-clear {
  position:absolute;
  color:#057af0
}
.d4tools-wrapper :not(.ui-select-disabled) .ui-Select-arrow {
  -webkit-transform:rotate(-180deg);
  transform:rotate(-180deg)
}
.d4tools-wrapper .ui-select-disabled .ui-Select-arrow {
  right:.8em;
  font-size:.75em
}
.d4tools-wrapper .ui-Select-arrow {
  right:.5em;
  top:calc(50% - .5em);
  transition:-webkit-transform .4s ease-in-out;
  transition:transform .4s ease-in-out;
  transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out
}
.d4tools-wrapper .ui-Select-clear {
  right:1.8em;
  top:calc(50% - .5em)
}
.d4tools-wrapper .ui-Select-menu {
  position:absolute;
  display:flex;
  flex-direction:column;
  outline:none;
  -webkit-user-select:none;
  user-select:none;
  background-color:inherit;
  border:2px solid;
  border-color:inherit;
  box-sizing:border-box;
  overflow:hidden;
  z-index:100;
  padding-left:4px;
  padding-right:4px;
  font-size:1.1em
}
.d4tools-wrapper .ui-Select-menu .ui-menu-scroll {
  position:relative;
  overflow-y:auto;
  overflow-x:hidden;
  flex-grow:1
}
.d4tools-wrapper .ui-Select-menu.ui-drop-bottom {
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-top:none;
  padding-bottom:4px
}
.d4tools-wrapper .ui-Select-menu.ui-drop-top {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-bottom:none;
  padding-top:4px;
  flex-direction:column-reverse
}
.d4tools-wrapper .ui-Select-menu.ui-drop-test {
  visibility:hidden
}
.d4tools-wrapper .ui-Select-menu .no-results {
  padding:0 2px;
  color:#969697
}
.d4tools-wrapper .ui-Select-menu .depth-1 {
  padding-left:12px
}
.d4tools-wrapper .ui-Select-menu .depth-2 {
  padding-left:20px
}
.d4tools-wrapper .ui-Select-menu .depth-3 {
  padding-left:28px
}
.d4tools-wrapper .ui-Select-search {
  margin:4px 0;
  position:relative
}
.d4tools-wrapper .ui-Select-search .search-icon {
  position:absolute;
  right:.5em;
  top:calc(50% - .5em);
  color:#057af0
}
.d4tools-wrapper .ui-Select-search input {
  border:1px solid #282828!important;
  background-color:#090a0a;
  color:#b7b7b8;
  padding:3px 24px 3px 3px;
  width:100%;
  box-sizing:border-box;
  outline:none
}
.d4tools-wrapper .ui-Select-option {
  cursor:pointer;
  position:relative;
  overflow:hidden;
  text-overflow:ellipsis;
  padding:4px
}
.d4tools-wrapper .ui-Select-option.option-selected {
  background-color:#057af0;
  color:#fff
}
.d4tools-wrapper .ui-Select-option.option-selected * {
  color:inherit
}
.d4tools-wrapper .ui-Select-option.option-disabled {
  color:#545555;
  cursor:default
}
.d4tools-wrapper .ui-Select-option em {
  text-decoration:underline
}
.d4tools-wrapper .ui-Select-group {
  padding:4px;
  font-weight:700
}
.d4tools-wrapper .d4t-HoverNumber {
  position:relative;
  padding:0 2px;
  box-shadow:inset 0 0 2px #0006,0 0 2px #0003;
  color:#cdcdcd;
  background-color:#141516;
  border:2px solid #282828;
  display:inline-block;
  outline:none
}
.d4tools-wrapper .d4t-HoverNumber.d4t-disabled {
  border-color:transparent;
  background-color:none;
  box-shadow:none;
  color:inherit
}
.d4tools-wrapper .d4t-HoverNumber input {
  position:absolute;
  z-index:1;
  left:-2px;
  top:-2px;
  padding:0 2px;
  width:60px
}
.d4tools-wrapper .d4t-ItemEditor {
  padding:12px 0
}
.d4tools-wrapper .d4t-ItemEditor .d4t-header-section {
  display:flex;
  flex-direction:row;
  align-items:top;
  position:relative
}
.d4tools-wrapper .d4t-ItemEditor .d4t-item-preview {
  position:absolute;
  z-index:1;
  top:-36px;
  right:12px;
  width:90px;
  height:135px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:50%
}
.d4tools-wrapper .d4t-ItemEditor .d4t-header-info {
  margin-left:20px;
  flex-grow:1
}
.d4tools-wrapper .d4t-ItemEditor .d4t-header-title {
  display:flex;
  flex-direction:row;
  align-items:center
}
.d4tools-wrapper .d4t-ItemEditor .d4t-header-title .d4t-name {
  font-size:22px;
  font-family:Exocet
}
.d4tools-wrapper .d4t-ItemEditor .d4t-header-title .d4t-name input {
  width:350px;
  color:inherit;
  padding:1px;
  margin:-3px;
  box-shadow:none
}
.d4tools-wrapper .d4t-ItemEditor .d4t-header-title .d4t-name.d4t-editing {
  position:relative
}
.d4tools-wrapper .d4t-ItemEditor .d4t-header-title .d4t-name .d4t-random {
  position:absolute;
  right:4px;
  top:2px;
  font-size:18px;
  cursor:pointer;
  color:#057af0
}
.d4tools-wrapper .d4t-ItemEditor .d4t-header-title .d4t-copy,
.d4tools-wrapper .d4t-ItemEditor .d4t-header-title .d4t-rename {
  font-size:18px;
  margin-left:6px;
  cursor:pointer;
  color:#057af0
}
.d4tools-wrapper .d4t-ItemEditor .d4t-extra-line {
  font-family:Source Sans Pro,Verdana,Arial,sans-serif;
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-top:4px
}
.d4tools-wrapper .d4t-ItemEditor .d4t-extra-line .d4t-locations {
  color:#aaa
}
.d4tools-wrapper .d4t-ItemEditor .d4t-extra-line button {
  font-size:18px;
  width:100px;
  margin-right:6px
}
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options {
  font-family:DiabloSerif;
  font-size:18px
}
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options button,
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options input,
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options select {
  padding:0 2px;
  margin:0
}
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options .d4t-HoverNumber,
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options button,
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options input {
  padding:1px 2px
}
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options button {
  margin-left:2px
}
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options li {
  margin:2px 0
}
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options .ui-Select {
  width:206px
}
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options .ui-Select-option,
.d4tools-wrapper .d4t-ItemEditor .d4t-item-options .ui-Select-value {
  color:#cdcdcd;
  font-size:16px;
  padding:1px calc(6px + .8em) 1px 6px
}
.d4tools-wrapper .d4t-ItemEditor .d4t-affix-category h3 {
  font-family:DiabloSerif;
  font-size:20px;
  margin-top:8px;
  padding:0 20px;
  color:#ababf8
}
.d4tools-wrapper .d4t-ItemEditor .d4t-affix-category h3 svg {
  color:#d99661;
  margin-bottom:-2px
}
.d4tools-wrapper .d4t-ItemEditor .d4t-affix-category.d4t-category-implicit h3 {
  color:#fff
}
.d4tools-wrapper .d4t-ItemEditor .d4t-affix-category.d4t-category-legendary h3 {
  color:#f8930a
}
.d4tools-wrapper .d4t-ItemEditor .d4t-affix-category.d4t-category-unique h3 {
  color:#f7c99c
}
.d4tools-wrapper .d4t-ItemEditor .d4t-affix-category.d4t-category-set h3 {
  color:#0f0
}
.d4tools-wrapper .d4t-ItemEditor .d4t-affix-category.d4t-category-sockets h3 {
  color:#d6c2a0
}
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-content .d4t-ItemEditor {
  flex-grow:1;
  flex-basis:0;
  overflow-y:auto
}
.d4tools-wrapper .d4t-ModLine {
  position:relative;
  padding:0 20px
}
.d4tools-wrapper .d4t-ModLine .d4t-remove {
  display:none;
  position:absolute;
  left:0;
  top:calc(50% - .5em);
  font-size:1.2em;
  color:red;
  cursor:pointer
}
.d4tools-wrapper .d4t-ModLine.d4t-empty .d4t-mod-contents {
  color:#6a6b6b
}
.d4tools-wrapper .d4t-ModLine:hover>.d4t-mod-contents.d4t-expandable {
  background-color:#333435
}
.d4tools-wrapper .d4t-ModLine:hover .d4t-remove {
  display:block
}
.d4tools-wrapper .d4t-ModLine .d4t-inner-select {
  width:80%;
  max-width:450px
}
.d4tools-wrapper .d4t-ModLine .d4t-mod-contents {
  font-family:DiabloSerif;
  font-size:18px;
  display:flex;
  flex-direction:row;
  align-items:center;
  border-top:1px solid #333435;
  padding:2px 6px
}
.d4tools-wrapper .d4t-ModLine .d4t-mod-contents.d4t-expandable {
  cursor:pointer
}
.d4tools-wrapper .d4t-ModLine .d4t-mod-contents .d4t-arrow {
  color:#057af0
}
.d4tools-wrapper .d4t-ModLine .d4t-mod-contents.d4t-custom-text input {
  width:100%
}
.d4tools-wrapper .d4t-ModLine .d4t-mod-contents .d4t-mod-lines {
  flex-basis:0;
  flex-grow:1;
  flex-shrink:1
}
.d4tools-wrapper .d4t-ModLine:last-child:not(.d4t-empty)>.d4t-mod-contents {
  border-bottom:1px solid #333435
}
.d4tools-wrapper .d4t-ModLine .d4t-socket-title {
  color:#c3fffa
}
.d4tools-wrapper .d4t-ModLine .d4t-socket-power {
  color:#bfbfbf
}
.d4tools-wrapper .d4t-ModLine .d4t-socket-level {
  color:#fff
}
.d4tools-wrapper .d4t-ModLine .d4t-socket-separator {
  margin:6px 0;
  border-top:1px solid #333435;
  width:50%
}
.d4tools-wrapper .d4t-ModLine .d4t-socket-image {
  width:28px;
  height:28px;
  background-image:url(https://d4reflection.org/img/characters/socket.webp);
  margin-right:4px
}
.d4tools-wrapper .d4t-ModLine .d4t-socket-image .d4t-gems-icon {
  font-size:28px
}
.d4tools-wrapper .d4t-ModSelect {
  display:block;
  position:relative;
  z-index:1;
  width:auto;
  margin-bottom:-1px
}
.d4tools-wrapper .d4t-ModSelect .ui-Select-value {
  font-size:1em;
  padding:1px 20px 1px 4px;
  white-space:normal
}
.d4tools-wrapper .d4t-ModSelect .ui-Select-menu {
  font-size:1em
}
.d4tools-wrapper .d4t-ModSelect .ui-Select-option {
  font-family:DiabloSerif;
  padding:1px 4px;
  margin:4px 0;
  background:#181818
}
.d4tools-wrapper .d4t-ModSelect .ui-Select-option.option-selected {
  background-color:#123559
}
.d4tools-wrapper .d4t-ModSelect .ui-Select-option.option-disabled {
  background-color:#222
}
.d4tools-wrapper .d4t-ModSelect .ui-Select-option.option-disabled * {
  color:#777!important
}
.d4tools-wrapper .d4t-ModSelect .d4t-mod-contents {
  display:inline-flex;
  padding:0;
  border:none
}
.d4tools-wrapper .d4t-ModSelect .ui-Select-group {
  font-size:20px
}
.d4tools-wrapper .d4t-ModSelect .d4t-ModOption {
  display:inline-block
}
.d4tools-wrapper .d4t-ModSelect .d4t-ModOption .d4t-name {
  font-size:16px;
  color:#fff
}
.d4tools-wrapper .d4t-ModSelect .d4t-ModOption .d4t-name .d4t-title {
  color:#999
}
.d4tools-wrapper .d4t-ModSelect .d4t-ModOption .d4t-property {
  font-size:14px;
  color:#c4b794
}
.d4tools-wrapper .d4t-ModSelect .d4t-ModOption .d4t-property .d4t-value {
  color:#e7e7df
}
.d4tools-wrapper .d4t-ModSelect .d4t-ModOption.d4t-disabled * {
  color:#777!important
}
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories .d4t-item-create,
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories .d4t-item-empty,
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories .d4t-library-item {
  cursor:pointer
}
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories .d4t-item-create svg,
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories .d4t-item-empty svg {
  margin-bottom:-2px;
  width:16px
}
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories .d4t-item-create,
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories .d4t-item-empty {
  color:#aaa
}
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories .d4t-item-create.d4t-active,
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories .d4t-item-empty.d4t-active {
  color:#fff
}
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories li:not(.d4t-active)>.d4t-library-item {
  -webkit-filter:opacity(.8);
  filter:opacity(.8)
}
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-ItemCategories .d4t-active {
  text-shadow:0 0 6px
}
.d4tools-wrapper .d4t-CustomItemLibrary .d4t-content {
  flex:1 1;
  flex-basis:0;
  min-width:200px;
  display:flex;
  flex-direction:column
}
.d4tools-wrapper .ui-Dialog.d4t-ItemSelector {
  background-color:#181818;
  width:800px;
  max-width:none;
  box-shadow:0 0 3px 1px #000
}
.d4tools-wrapper .d4t-ItemSelector-content {
  display:flex;
  height:700px;
  margin:4px -7px -7px
}
.d4tools-wrapper .d4t-BuildInfo {
  margin:1em 1em 0
}
.d4tools-wrapper .d4t-BuildInfo .d4md-edit {
  float:right;
  font-size:1.5em;
  cursor:pointer;
  color:#c2c2c2
}
.d4tools-wrapper .d4t-BuildInfo .d4md-edit:hover {
  color:#eee
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview {
  font-size:16px;
  line-height:1.5
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview p {
  margin:1em 0
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview em,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview i {
  font-style:italic
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview b,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview strong {
  font-weight:700
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview del,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview s {
  text-decoration:line-through
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview h1 {
  font-size:2em;
  margin:.67em 0;
  font-weight:700
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview h2 {
  font-size:1.5em;
  margin:.83em 0;
  font-weight:700
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview h3 {
  font-size:1.17em;
  margin:1em 0;
  font-weight:700
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview h4 {
  font-size:1em;
  margin:1.33em 0;
  font-weight:700
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview h5 {
  font-size:.83em;
  margin:1.67em 0;
  font-weight:700
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview h6 {
  font-size:.67em;
  margin:2.33em 0;
  font-weight:700
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview .d4md-link {
  color:#057af0;
  cursor:pointer
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview .d4md-link:hover {
  text-decoration:underline
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview blockquote {
  margin:1em 10px;
  padding:.5em 10px;
  border-left:5px solid #3e3f40
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview blockquote p:first-child {
  margin-top:0
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview blockquote p:last-child {
  margin-bottom:0
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview ol,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview ul {
  margin:1em 0;
  padding-left:1.8em
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview ul {
  list-style-type:disc
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview ol {
  list-style-type:decimal
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview hr {
  margin:.5em 0;
  border-style:inset;
  border-width:1px
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview code {
  font-family:monospace;
  padding:.2em .5em;
  background-color:#1d1e1f;
  border:1px solid #28292a;
  border-radius:4px
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview pre {
  margin:1em 0
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview pre code {
  display:inline-block
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview table {
  border-color:#111;
  box-shadow:0 0 10px #0a0a0a
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview tbody,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview thead {
  vertical-align:middle
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview tbody,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview td,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview th,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview thead,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview tr {
  border-color:inherit
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview td,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview th,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview tr {
  vertical-align:inherit
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview th {
  font-weight:700
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview td,
.d4tools-wrapper .d4t-BuildInfo .d4md-preview th {
  padding:.5em;
  border-width:1px;
  border-style:solid
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview thead {
  background-image:linear-gradient(180deg,#242424,#181818)
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview tbody tr:nth-child(odd) {
  background-color:#262626
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview tbody tr:nth-child(2n) {
  background-color:#1c1c1c
}
.d4tools-wrapper .d4t-BuildInfo .d4md-preview input[type=checkbox] {
  margin:3px 3px 3px 4px
}
.d4tools-wrapper .d4t-BuildInfo .d4t-item,
.d4tools-wrapper .d4t-BuildInfo .d4t-shrine,
.d4tools-wrapper .d4t-BuildInfo .d4t-skill {
  cursor:default
}
.d4tools-wrapper .d4t-BuildInfo .d4t-skill {
  color:#057af0
}
.d4tools-wrapper .d4t-BuildInfo .d4md-embed {
  margin:1em 0;
  position:relative;
  padding-top:56.25%
}
.d4tools-wrapper .d4t-BuildInfo .d4md-embed iframe {
  position:absolute;
  left:0;
  top:0
}
.d4tools-wrapper .d4t-BuildInfo .d4t-EmbedIcon {
  margin:-2px 0 -6px
}
.d4tools-wrapper .d4t-MdEditor {
  background-color:#121314;
  border:2px solid #28292a;
  box-shadow:0 0 2px #0003;
  display:flex;
  flex-direction:column;
  min-height:100px;
  height:300px;
  margin-bottom:1em
}
.d4tools-wrapper .d4t-MdEditor .d4t-toolbar {
  flex:0 0 auto;
  border-bottom:1px solid #282828;
  background-color:#28292a;
  padding:4px
}
.d4tools-wrapper .d4t-MdEditor .d4t-toolbar li {
  display:inline-block;
  margin:0 3px;
  vertical-align:middle
}
.d4tools-wrapper .d4t-MdEditor .d4t-toolbar li.d4t-separator {
  background-color:#3e3f40;
  width:2px;
  height:14px
}
.d4tools-wrapper .d4t-MdEditor .d4t-toolbar li button {
  border:none;
  cursor:pointer;
  line-height:22px;
  height:24px;
  width:24px;
  text-align:center;
  background:none;
  box-shadow:none;
  color:#969697;
  padding:4px
}
.d4tools-wrapper .d4t-MdEditor .d4t-toolbar li button:hover {
  color:#057af0;
  background-color:#333435
}
.d4tools-wrapper .d4t-MdEditor .d4t-toolbar li.d4t-active button,
.d4tools-wrapper .d4t-MdEditor .d4t-toolbar li button:active {
  color:#095bae;
  background-color:#3e3f40
}
.d4tools-wrapper .d4t-MdEditor .d4t-editor {
  flex:1 1 auto;
  min-height:0
}
.d4tools-wrapper .d4t-MdEditor .d4t-editor textarea {
  width:100%;
  height:100%;
  padding:10px;
  background-color:transparent;
  color:#eee;
  border:none;
  box-shadow:inset 0 0 2px #0006;
  font-family:monospace;
  resize:none;
  outline:none;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px
}
.d4tools-wrapper .d4t-MdEditor .d4t-float-right {
  float:right
}
.d4tools-wrapper .d4t-LinkDialog .ui-Select {
  display:block;
  width:300px;
  margin:.5em 0
}
.d4tools-wrapper .d4t-LinkDialog .d4t-item-description {
  margin-left:.5em
}
.d4tools-wrapper .d4t-TooltipPopout {
  width:1000px;
  max-width:unset;
  box-shadow:0 0 8px #000
}
.d4tools-wrapper .d4t-TooltipPopout .d4t-body {
  display:flex;
  flex-direction:column;
  height:500px
}
.d4tools-wrapper .d4t-TooltipPopout .d4t-header {
  padding:8px 0;
  font-size:20px;
  display:flex;
  flex-direction:row
}
.d4tools-wrapper .d4t-TooltipPopout .d4t-header .d4t-tab {
  cursor:pointer;
  color:#aaa;
  padding:4px 8px;
  border-bottom:2px solid transparent
}
.d4tools-wrapper .d4t-TooltipPopout .d4t-header .d4t-tab.d4t-active {
  color:#fff;
  border-color:#057af0;
  cursor:default
}
.d4tools-wrapper .d4t-TooltipPopout .d4t-ItemLibrary {
  flex-grow:1
}
.d4tools-wrapper .d4t-TooltipPopout .d4t-custom-categories {
  flex-grow:1;
  margin-right:0;
  padding-right:0
}
.d4tools-wrapper .d4t-ImportPane {
  padding:0 2em
}
.d4tools-wrapper .d4t-ImportSection {
  margin:2px 0
}
.d4tools-wrapper .d4t-ImportSection .d4t-header {
  border-radius:6px;
  border:1px solid #1d1e1f;
  background-image:linear-gradient(180deg,#1d1e1f 0,#333435 50%,#28292a 0);
  padding:.5em 32px;
  font-size:1.3em;
  cursor:pointer;
  position:relative
}
.d4tools-wrapper .d4t-ImportSection .d4t-header .d4t-arrow {
  color:#057af0;
  position:absolute;
  left:1em
}
.d4tools-wrapper .d4t-ImportSection.d4t-expanded .d4t-header {
  background-image:linear-gradient(180deg,#0d0d0d 0,#1a1a1a 50%,#121314 0);
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.d4tools-wrapper .d4t-ImportSection.d4t-expanded .d4t-header .d4t-arrow {
  left:.8em
}
.d4tools-wrapper .d4t-Section:not(:first-child) {
  border-top:2px solid #333435
}
.d4tools-wrapper .d4t-Section>h3 {
  cursor:pointer;
  position:relative;
  font-size:1.8em;
  margin:14px 0 10px
}
.d4tools-wrapper .d4t-Section>h3:after {
  content:"";
  transition:background-size .25s ease-in-out;
  float:right;
  width:1em;
  height:1em;
  background-image:linear-gradient(#057af0,#057af0),linear-gradient(#057af0,#057af0);
  background-size:16px 2px,2px 16px;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-Section>h3 .d4t-copy {
  font-size:20px;
  color:#057af0;
  cursor:pointer;
  margin-left:4px
}
.d4tools-wrapper .d4t-Section.d4t-expanded>h3:after {
  background-size:16px 2px,2px 2px
}
.d4tools-wrapper .d4t-Section.d4t-always>h3:after {
  display:none
}
.d4tools-wrapper .d4t-Section.d4t-always>h3 {
  cursor:default
}
.d4tools-wrapper .d4t-Section.d4t-expanded {
  margin-bottom:16px;
  padding-bottom:4px
}
.d4tools-wrapper .d4t-SectionContent {
  padding:1px 0;
  font-size:1.1em
}
.d4tools-wrapper .d4t-SectionContent.d4t-section-import .d4t-file {
  color:#057af0;
  cursor:pointer
}
.d4tools-wrapper .d4t-SectionContent.d4t-section-import .d4t-file:hover {
  text-decoration:underline
}
.d4tools-wrapper .d4t-SectionContent .d4t-description {
  font-size:15.4px
}
.d4tools-wrapper .d4t-SectionContent .d4t-description p {
  margin:.2em 0
}
.d4tools-wrapper .d4t-SectionContent .d4t-description ul {
  margin:.5em 0;
  list-style-type:disc;
  padding-left:1.5em
}
.d4tools-wrapper .d4t-SectionContent .d4t-description b {
  font-weight:700
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options {
  margin-top:.5em;
  font-size:1.1em
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options>* {
  vertical-align:middle
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-Autocomplete,
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-save-name,
.d4tools-wrapper .d4t-SectionContent .d4t-import-options select {
  margin-right:.5em
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-Autocomplete {
  width:200px
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options button,
.d4tools-wrapper .d4t-SectionContent .d4t-import-options input {
  padding:2px .3em
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options button:active:not[disabled] {
  padding:3px 1px 1px 3px
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options button>* {
  font-size:.8em;
  margin-right:.4em
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-save-name {
  width:350px
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-save-options {
  margin:.5em 0
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .ui-Select {
  font-size:14px;
  margin-top:-2px;
  margin-right:4px;
  width:180px
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .ui-Select .ui-Select-value {
  padding:2px 16px 2px 8px
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .ui-Select .ui-Select-option {
  padding:2px 4px
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .ui-Select .d4t-icon {
  margin-left:-6px
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-save-social {
  margin:4px 0;
  position:relative
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-save-social svg {
  position:absolute;
  z-index:1;
  left:6px;
  top:6px;
  width:20px;
  text-align:center;
  pointer-events:none
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-save-social .d4t-twitch {
  color:#6441a5
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-save-social .d4t-youtube {
  color:red
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-save-social input {
  padding-left:28px;
  width:548px
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-save-social input:invalid {
  border-color:#800
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options select {
  font-size:14px;
  margin-top:-2px;
  vertical-align:middle
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-search-class,
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-search-set {
  font-size:.9em;
  padding:2px
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-options .d4t-search-set {
  width:220px;
  text-overflow:ellipsis
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-error,
.d4tools-wrapper .d4t-SectionContent .d4t-save-status {
  font-size:1.2em
}
.d4tools-wrapper .d4t-SectionContent .d4t-save-status input {
  width:404px;
  background-color:#121314
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-header {
  margin:.4em 0
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-tag {
  font-size:1.4em
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-hash {
  font-size:1.1em;
  color:#969697
}
.d4tools-wrapper .d4t-SectionContent .d4t-import-guild {
  font-size:1.3em;
  color:#7ab4ef
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results a,
.d4tools-wrapper .d4t-SectionContent .d4t-search-results li {
  display:block;
  clear:both;
  cursor:pointer;
  padding:1px
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results a:hover,
.d4tools-wrapper .d4t-SectionContent .d4t-search-results li:hover {
  background-color:#0c4782
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-hero-dead .d4t-class-icon {
  opacity:.7
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-class-icon {
  display:inline-block;
  font-size:24px;
  margin-right:2px;
  vertical-align:middle
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-hero-name {
  font-size:1.2em;
  margin-right:.3em
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-hero-death,
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-hero-hardcore {
  color:red
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-hero-updated {
  color:#808181
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-hero-death,
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-hero-updated {
  line-height:24px;
  float:right
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-profile-name {
  font-size:1.1em;
  position:relative;
  line-height:24px;
  vertical-align:middle
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-profile-name .d4t-profile-author,
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-profile-name.d4t-unnamed {
  color:#808181
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-profile-saved {
  float:right;
  position:relative;
  width:0;
  z-index:2;
  line-height:24px
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results .d4t-profile-saved span {
  display:block;
  position:absolute;
  right:0;
  white-space:nowrap;
  background-color:#1b1c1dcc;
  box-shadow:-10px 0 5px #1b1c1dcc
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results a:hover .d4t-profile-name {
  z-index:4;
  background-color:#0c4782;
  box-shadow:10px 0 5px #0c4782
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-results a:hover .d4t-profile-saved span {
  background:none;
  box-shadow:none
}
.d4tools-wrapper .d4t-SectionContent.d4t-section-search .d4t-search-results {
  margin:.5em 0
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-nav {
  font-size:1.1em
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-nav .d4t-nav-buttons {
  float:right
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-nav .d4t-nav-buttons select,
.d4tools-wrapper .d4t-SectionContent .d4t-search-nav .d4t-nav-buttons span {
  margin:0 6px
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-nav .d4t-nav-buttons span {
  color:#057af0;
  cursor:pointer;
  font-size:1.2em
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-nav .d4t-nav-buttons span:hover {
  text-decoration:underline
}
.d4tools-wrapper .d4t-SectionContent .d4t-search-nav .d4t-nav-buttons span.d4t-disabled {
  cursor:default;
  color:#808181;
  text-decoration:none
}
.d4tools-wrapper .d4t-Autocomplete {
  display:inline-block;
  position:relative
}
.d4tools-wrapper .d4t-Autocomplete input {
  width:100%
}
.d4tools-wrapper .d4t-Autocomplete .d4t-options {
  position:absolute;
  z-index:10;
  left:0;
  top:100%;
  right:0;
  border:1px solid #282828;
  background-color:#000
}
.d4tools-wrapper .d4t-Autocomplete .d4t-options li {
  padding:0 4px;
  cursor:pointer
}
.d4tools-wrapper .d4t-Autocomplete .d4t-options li:hover {
  background-color:#3875d7;
  background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);
  color:#fff
}
.d4tools-wrapper .d4t-ErrorBox {
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  border:1px solid red;
  background-color:#fcc;
  color:red;
  padding:8px;
  text-align:center
}
.d4tools-wrapper .d4t-ErrorBox h3 {
  margin:0;
  font-size:100%;
  font-weight:700
}
.d4tools-wrapper .d4t-ErrorBox p {
  margin:0
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles-view {
  margin-bottom:.5em;
  display:flex;
  flex-direction:row;
  height:400px
}
.d4tools-wrapper .d4t-MyProfiles .d4t-loading {
  color:#808181
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders {
  flex:0 0 auto;
  position:relative;
  min-width:100px;
  max-width:300px;
  width:180px
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders.d4t-expanding {
  transition:width .25s ease-out;
  min-width:0
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders.d4t-collapsed {
  transition:width .25s ease-out;
  min-width:0;
  width:10px!important
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list {
  background-color:#121314;
  position:absolute;
  inset:0 10px 0 0;
  padding:.3em 0;
  border-top:1px solid #3e3f40;
  border-bottom:1px solid #3e3f40;
  border-left:1px solid #3e3f40;
  opacity:1;
  transition:opacity .25s ease-out;
  overflow-x:hidden;
  overflow-y:auto;
  white-space:nowrap;
  -webkit-user-select:none;
  user-select:none
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list ul {
  padding-left:.5em
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list li {
  padding-left:.3em
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list .d4t-icon {
  display:inline-block;
  width:16px
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list div .d4t-label {
  cursor:pointer
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list .d4t-empty .d4t-label {
  color:#808181
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list .d4t-active .d4t-label {
  color:#057af0;
  cursor:grab
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list .d4t-active .d4t-label:active {
  cursor:grabbing
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list .d4t-active.d4t-root .d4t-label {
  cursor:default
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list .d4t-dragging .d4t-label {
  color:#808181
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list .d4t-modify {
  display:none;
  margin-left:.4em;
  font-size:.8em;
  color:#969697;
  cursor:pointer
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list .d4t-modify:hover {
  color:#eee
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list div:hover .d4t-modify {
  display:inline
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list input {
  width:100%;
  max-width:100px;
  border:none;
  box-shadow:none;
  background-color:#0e0e0f;
  padding:0
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-folder-list .d4t-create {
  cursor:pointer
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders.d4t-collapsed .d4t-folder-list {
  border-left-color:transparent;
  opacity:0
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-toggle {
  position:absolute;
  top:0;
  right:2px;
  bottom:0;
  width:8px;
  background-color:#3e3f40;
  cursor:pointer;
  color:#057af0;
  line-height:400px;
  font-size:0
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders .d4t-toggle>* {
  font-size:30px;
  vertical-align:middle;
  -webkit-transform:translateX(-3px) rotate(180deg);
  transform:translate(-3px) rotate(180deg);
  transition:-webkit-transform .25s ease-out;
  transition:transform .25s ease-out;
  transition:transform .25s ease-out,-webkit-transform .25s ease-out
}
.d4tools-wrapper .d4t-MyProfiles .d4t-folders.d4t-collapsed .d4t-toggle>* {
  -webkit-transform:none;
  transform:none
}
.d4tools-wrapper .d4t-MyProfiles .d4t-status {
  margin:.5em 0;
  font-size:1.1em
}
.d4tools-wrapper .d4t-MyProfiles .d4t-status input,
.d4tools-wrapper .d4t-MyProfiles .d4t-status textarea {
  font-size:1.2em;
  padding:1px 4px;
  width:100%
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles {
  flex:1 1 auto;
  background-color:#121314;
  min-width:0;
  padding:.5em;
  overflow-x:hidden;
  overflow-y:auto;
  border:1px solid #3e3f40;
  border-left-width:0;
  margin-left:-2px
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles li {
  display:block;
  clear:both;
  height:20px
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles li.d4t-active {
  background-color:#0c4782
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles li input {
  width:70%;
  border:none;
  box-shadow:none;
  background-color:#0e0e0f;
  padding:0
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles .d4t-class-icon {
  display:inline-block;
  font-size:20px;
  margin-right:2px;
  margin-left:0;
  vertical-align:middle
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles .d4t-profile-name {
  font-size:1.1em;
  position:relative;
  line-height:20px;
  vertical-align:middle
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles .d4t-profile-name .d4t-profile-author,
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles .d4t-profile-name.d4t-unnamed {
  color:#808181
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles .d4t-public .d4t-profile-name {
  color:#f8930a
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles .d4t-profile-saved {
  float:right;
  position:relative;
  z-index:2;
  line-height:20px
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles .d4t-profile-saved .d4t-date {
  display:block;
  position:absolute;
  right:0;
  top:0;
  height:18px;
  white-space:nowrap;
  background-color:#121314cc;
  box-shadow:-10px 0 5px #121314cc;
  color:#acacad
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles .d4t-modify {
  position:relative;
  z-index:10;
  display:none;
  top:2px;
  height:16px;
  font-size:14px;
  color:#acacad
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles .d4t-modify>span {
  margin:0 .3em;
  cursor:pointer
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles .d4t-modify>span:hover {
  color:#eee
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles li.d4t-active .d4t-date {
  background-color:#0c4782cc;
  box-shadow:-10px 0 5px #0c4782cc
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles li.d4t-renaming .d4t-modify,
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles li:hover .d4t-modify {
  display:inline-block
}
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles li.d4t-renaming .d4t-date,
.d4tools-wrapper .d4t-MyProfiles .d4t-profiles li:hover .d4t-date {
  display:none
}
.d4tools-wrapper .d4t-EmbedImport h3 {
  font-size:18px
}
.d4tools-wrapper .d4t-EmbedImport .d4t-import-line .d4t-class-icon {
  margin:-2px 2px -6px 0
}
.d4tools-wrapper .d4t-EmbedImport .d4t-import-line .d4t-sprite-icon {
  margin:-2px 2px -2px 0
}
.d4tools-wrapper .d4t-LoginLine span {
  color:#057af0;
  cursor:pointer;
  white-space:nowrap
}
.d4tools-wrapper .d4t-LoginLine span:hover {
  text-decoration:underline
}
.d4tools-wrapper .d4t-AccountDialog {
  width:330px
}
.d4tools-wrapper .d4t-AccountDialog .d4t-tip {
  outline:1px solid transparent;
  outline-offset:2px;
  transition:outline-color 1s
}
.d4tools-wrapper .d4t-AccountDialog .d4t-tip.d4t-highlight {
  outline-color:red;
  transition:outline-color 0s
}
.d4tools-wrapper .d4t-AccountDialog label {
  display:block;
  margin:.7em 0;
  font-size:1.1em
}
.d4tools-wrapper .d4t-AccountDialog label .d4t-input {
  display:block;
  margin-top:.1em;
  width:100%;
  box-sizing:border-box
}
.d4tools-wrapper .d4t-AccountDialog label .d4t-input.d4t-error {
  border-color:#800
}
.d4tools-wrapper .d4t-SearchBar {
  position:relative
}
.d4tools-wrapper .d4t-SearchBar input {
  width:100%;
  padding:2px 4px
}
.d4tools-wrapper .d4t-SearchBar svg {
  position:absolute;
  right:8px;
  top:6px;
  cursor:pointer
}
.d4tools-wrapper .d4t-SearchBar.d4t-empty svg {
  right:6px;
  color:#666
}
.d4tools-wrapper .d4t-SearchBar.d4t-no-results input {
  border-color:red
}
.d4tools-wrapper .d4t-SearchBar .d4t-count {
  position:absolute;
  right:26px;
  top:3px;
  pointer-events:none;
  color:#666
}
.d4tools-wrapper .d4t-PlannerBuilds {
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  min-height:0
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters {
  display:flex;
  flex-direction:row;
  align-items:flex-start
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .ui-Select-value {
  font-size:16px;
  color:#fff;
  padding:12px 30px 12px 19px;
  height:48px;
  line-height:24px;
  border:none;
  box-shadow:none
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .ui-Select {
  width:243px;
  margin-right:19px;
  background-color:#262728
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .ui-Select-arrow {
  font-size:20px;
  right:17px
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .ui-Select-clear {
  font-size:20px;
  width:32px;
  height:32px;
  padding:6px;
  top:calc(50% - 16px);
  right:44px;
  box-sizing:border-box;
  background-color:#363739
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .d4t-class-icon {
  font-size:32px;
  background-image:url(https://d4reflection.org/img/characters/class32.webp);
  vertical-align:middle;
  margin:-6px 4px -2px -4px
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .ui-Select-menu {
  padding:0;
  background-color:#1b1c1d;
  border:none;
  border-top:1px solid #363739
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .ui-Select-option {
  padding:12px 19px
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .d4t-SearchBar {
  flex:1 1;
  z-index:1;
  border-bottom:2px solid #28292a;
  line-height:46px
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .d4t-SearchBar input {
  padding:0 0 0 48px;
  border:none;
  background:none;
  box-shadow:none;
  font-size:24px;
  font-weight:300;
  display:block
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .d4t-SearchBar svg {
  position:absolute;
  left:12px;
  top:14px;
  right:unset;
  color:#057af0;
  font-size:20px
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-filters .d4t-SearchBar.d4t-empty svg {
  right:unset
}
.d4tools-wrapper .d4t-PlannerBuilds h3 {
  margin:20px 0 16px;
  color:#057af0;
  font-size:38px;
  font-weight:700;
  font-family:Oswald;
  text-transform:uppercase
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-no-results {
  font-size:24px;
  font-weight:300;
  color:#95989b
}
.d4tools-wrapper .d4t-PlannerBuilds .d4t-results {
  flex:1 1;
  min-height:0;
  overflow-y:auto;
  margin-right:-16px
}
.d4tools-wrapper .d4t-PlannerBuild {
  width:1310px;
  margin:12px 0;
  display:flex;
  flex-direction:row;
  align-items:center;
  background-color:#222324;
  height:120px;
  cursor:pointer
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-class {
  width:80px;
  height:80px;
  background-image:url(https://d4reflection.org/img/characters/class80.webp);
  margin:20px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-class.d4t-class-0 {
  background-position-y:-240px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-class.d4t-class-1 {
  background-position-y:0
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-class.d4t-class-2 {
  background-position-y:-320px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-class.d4t-class-3 {
  background-position-y:-160px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-class.d4t-class-4 {
  background-position-y:-80px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-data {
  flex:1 1
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-name {
  font-size:20px;
  color:#fff;
  font-weight:700;
  margin-bottom:4px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-name .d4t-date {
  font-size:14px;
  font-weight:400;
  color:#95989b;
  display:inline-block;
  margin-left:12px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-author {
  font-size:16px;
  color:#95989b
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-author b {
  font-weight:700
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-author .d4t-separator {
  display:inline-block;
  border-left:1px solid #363739;
  height:15px;
  margin:0 5px -3px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-author svg {
  margin:0 5px -3px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-author .d4t-twitch:hover {
  color:#6441a5
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-author .d4t-youtube:hover {
  color:red
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-ratings {
  margin-top:12px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-ratings .d4t-average {
  font-size:18px;
  color:#057af0;
  margin-right:5px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-ratings .d4t-bar {
  color:#363739
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-ratings .d4t-bar svg {
  margin:0 2px -2px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-ratings .d4t-bar svg.d4t-active {
  color:#057af0
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-ratings .d4t-total {
  font-size:14px;
  color:#057af0;
  margin:0 7px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-ratings .d4t-rated {
  font-size:14px;
  font-style:italic;
  font-weight:300;
  color:#95989b
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-build {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  margin:20px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-skills {
  display:flex;
  flex-direction:row
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-skills .d4t-icon {
  width:50px;
  height:50px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  margin:4px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-specialization {
  margin-top:4px;
  height:20px;
  font-size:16px
}
.d4tools-wrapper .d4t-PlannerBuild .d4t-specialization b {
  font-weight:700
}
.d4tools-wrapper .d4t-PlannerBuild object {
  display:inline
}
.d4tools-wrapper .d4t-PlannerEquipment {
  display:flex;
  flex-direction:column;
  flex-grow:1
}
.d4tools-wrapper .d4t-PlannerEquipment .d4t-ItemLibrary .d4t-ItemCategories {
  width:250px
}
.d4tools-wrapper .d4t-PlannerEquipment .d4t-ItemLibrary .d4t-library-search {
  font-size:17.6px;
  line-height:24px
}
.d4tools-wrapper .d4t-PlannerEquipment .d4t-cancel-create {
  padding:2px;
  border:none;
  margin-bottom:7px;
  font-size:1.1em
}
.d4tools-wrapper .d4t-Paperdoll {
  width:320px;
  height:420px;
  position:relative;
  background-image:url(https://d4reflection.org/img/characters/paperdoll.webp);
  background-size:100% auto;
  z-index:0;
  transform: scale(1.3);
}
.d4tools-wrapper .d4t-Paperdoll .d4t-hero {
  position:absolute;
  inset:0;
  background-size:100% auto
}
.d4tools-wrapper .d4t-Paperdoll .d4t-hero.d4t-class-sorcerer {
  background-image:url(https://d4reflection.org/img/characters/sorcerer.webp)
}
.d4tools-wrapper .d4t-Paperdoll .d4t-hero.d4t-class-druid {
  background-image:url(https://d4reflection.org/img/characters/druid.webp)
}
.d4tools-wrapper .d4t-Paperdoll .d4t-hero.d4t-class-barbarian {
  background-image:url(https://d4reflection.org/img/characters/barbarian.webp)
}
.d4tools-wrapper .d4t-Paperdoll .d4t-hero.d4t-class-rogue {
  background-image:url(https://d4reflection.org/img/characters/rogue.webp)
}
.d4tools-wrapper .d4t-Paperdoll .d4t-hero.d4t-class-necromancer {
  background-image:url(https://d4reflection.org/img/characters/necromancer.webp)
}
.d4tools-wrapper .d4t-Paperdoll .d4t-hero.d4t-class-spiritborn {
  background-image:url(https://d4reflection.org/img/characters/spiritborn.webp)
}
.d4tools-wrapper .d4t-Paperdoll .d4t-armor-slots {
  position:absolute;
  left:22px;
  top:22px;
  bottom:101px;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.d4tools-wrapper .d4t-Paperdoll .d4t-jewelry-slots {
  position:absolute;
  right:22px;
  top:88px;
  bottom:167px;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.d4tools-wrapper .d4t-Paperdoll .d4t-weapon {
  position:absolute;
  bottom:22px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-weapon.d4t-left {
  left:22px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-weapon.d4t-right {
  right:22px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-dual-weapons {
  position:absolute;
  bottom:22px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  background-image:url(https://d4reflection.org/img/characters/slots.webp);
  background-size:170px 73px;
  background-position-x:-92px;
  width:78px;
  height:63px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-dual-weapons .d4t-slot {
  background-image:none;
  width:41px;
  height:61px;
  margin:0 -3px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-dual-weapons.d4t-center {
  left:50%;
  margin-left:-39px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-dual-weapons.d4t-right {
  right:22px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-group {
  position:absolute;
  pointer-events:none;
  z-index:2;
  left:50%;
  top:-13px;
  margin-left:-13px;
  width:26px;
  height:26px;
  background-image:url(https://d4reflection.org/img/characters/labels.webp);
  background-size:104px 26px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-group.d4t-group-blunt {
  background-position-x:0
}
.d4tools-wrapper .d4t-Paperdoll .d4t-group.d4t-group-slash {
  background-position-x:-26px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-group.d4t-group-dual {
  background-position-x:-52px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-group.d4t-group-bow {
  background-position-x:-78px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot {
  position:relative;
  width:43px;
  height:63px;
  background-image:url(https://d4reflection.org/img/characters/slots.webp);
  background-size:170px 73px;
  background-position-x:-49px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot.d4t-slot-6,
.d4tools-wrapper .d4t-Paperdoll .d4t-slot.d4t-slot-7,
.d4tools-wrapper .d4t-Paperdoll .d4t-slot.d4t-slot-8,
.d4tools-wrapper .d4t-Paperdoll .d4t-slot.d4t-slot-9,
.d4tools-wrapper .d4t-Paperdoll .d4t-slot.d4t-slot-10 {
  width:49px;
  height:73px;
  background-position-x:0
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot.d4t-clickable {
  cursor:pointer
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot.d4t-active:after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-image:url(https://d4reflection.org/img/characters/highlight.webp) 19/19px/2px round;
  z-index:2
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot.d4t-highlight:before {
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 8px 1px #0f0;
  z-index:3
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot.d4t-highlight-red:before {
  box-shadow:inset 0 0 8px 1px red
}
.d4tools-wrapper .d4t-Paperdoll .d4t-frame {
  position:absolute;
  inset:3px;
  background-image:url(https://d4reflection.org/img/characters/item_frames.webp);
  background-size:600% 100%
}
.d4tools-wrapper .d4t-Paperdoll .d4t-frame.d4t-frame-common {
  background-position-x:0
}
.d4tools-wrapper .d4t-Paperdoll .d4t-frame.d4t-frame-magic {
  background-position-x:-100%
}
.d4tools-wrapper .d4t-Paperdoll .d4t-frame.d4t-frame-rare {
  background-position-x:-200%
}
.d4tools-wrapper .d4t-Paperdoll .d4t-frame.d4t-frame-legendary {
  background-position-x:-300%
}
.d4tools-wrapper .d4t-Paperdoll .d4t-frame.d4t-frame-unique {
  background-position-x:-400%
}
.d4tools-wrapper .d4t-Paperdoll .d4t-frame.d4t-frame-set {
  background-position-x:-500%
}
.d4tools-wrapper .d4t-Paperdoll .d4t-image {
  position:absolute;
  inset:0;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:50%
}
.d4tools-wrapper .d4t-Paperdoll .d4t-image.d4t-disabled {
  -webkit-filter:grayscale(100%) brightness(40%) sepia(1) saturate(400%) hue-rotate(-38deg);
  filter:grayscale(100%) brightness(40%) sepia(1) saturate(400%) hue-rotate(-38deg)
}
.d4t-icon-socket {
  width:28px;
  height:28px;
  background-image:url(https://d4reflection.org/img/characters/socket.webp);
  position:relative;
  z-index:1;
  -webkit-filter:opacity(50%);
  filter:opacity(50%)
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot .d4t-socket .d4t-gems-icon {
  font-size:28px
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot:hover .d4t-socket {
  -webkit-filter:none;
  filter:none
}
.d4tools-wrapper .d4t-Paperdoll .d4t-title {
  -webkit-user-select:none;
  user-select:none;
  font-family:'Old-Fenris';
  font-size:30px;
  color:#888
}
.d4tools-wrapper .d4t-Paperdoll .d4t-upgrade {
  position:absolute;
  left:3px;
  bottom:6px;
  right:3px;
  display:flex;
  flex-direction:row;
  justify-content:space-evenly
}
.d4tools-wrapper .d4t-Paperdoll .d4t-upgrade .d4t-node {
  width:8px;
  height:8px;
  margin:0 -2px;
  background-image:url(https://d4reflection.org/img/characters/list-icons.webp);
  background-size:600% 100%;
  background-position-x:-500%
}
.d4tools-wrapper .d4t-Paperdoll .d4t-upgrade .d4t-node.d4t-active {
  background-position-x:-400%
}
.d4tools-wrapper .d4t-Paperdoll .d4t-empty-image {
  font-size:34px;
  width:1em;
  height:1.4em;
  background-image:url(https://d4reflection.org/img/characters/empty.webp);
  background-repeat:no-repeat;
  background-size:9em auto
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-4 .d4t-empty-image {
  background-position-x:-7em
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-5 .d4t-empty-image {
  background-position-x:-5em
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-13 .d4t-empty-image {
  background-position-x:-6em
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-14 .d4t-empty-image {
  background-position-x:-8em
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-15 .d4t-empty-image {
  background-position-x:-4em
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-18 .d4t-empty-image {
  background-position-x:0
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-16 .d4t-empty-image,
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-17 .d4t-empty-image {
  background-position-x:-1em
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-7 .d4t-empty-image {
  background-position-x:-2em
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-6 .d4t-empty-image {
  background-position-x:-3em
}
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-8 .d4t-empty-image,
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-9 .d4t-empty-image,
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-10 .d4t-empty-image,
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-11 .d4t-empty-image,
.d4tools-wrapper .d4t-Paperdoll .d4t-slot-12 .d4t-empty-image {
  background-position-x:-2em
}
.d4tools-wrapper .d4t-PlannerClassSelect {
  padding:0 4px;
  display:flex;
  flex-direction:row
}
.d4tools-wrapper .d4t-PlannerClassSelect .d4t-ClassSelect {
  flex-grow:1;
  flex-shrink:1
}
.d4tools-wrapper .d4t-PlannerClassSelect .d4t-level {
  flex-shrink:0;
  margin-left:6px;
  color:#ccc
}
.d4tools-wrapper .d4t-PlannerClassSelect .d4t-level input {
  width:60px;
  margin-left:4px;
  font-size:1.1em;
  padding:4px
}
.d4tools-wrapper .d4t-PlannerPaperdoll {
  position:relative
}
.d4tools-wrapper .d4t-PlannerPaperdoll .d4t-Paperdoll {
  width:320px;
  height:420px;
  background-image:url(https://d4reflection.org/img/characters/planner-bg.webp)
}
.d4tools-wrapper .d4t-PlannerPaperdoll .d4t-Paperdoll .d4t-title {
  display:none
}
.d4tools-wrapper .d4t-PlannerPaperdoll .d4t-Paperdoll .d4t-armor-slots {
  left:7px;
  top:7px;
  bottom:86px
}
.d4tools-wrapper .d4t-PlannerPaperdoll .d4t-Paperdoll .d4t-jewelry-slots {
  right:7px;
  top:73px;
  bottom:152px
}
.d4tools-wrapper .d4t-PlannerPaperdoll .d4t-Paperdoll .d4t-weapon {
  bottom:7px
}
.d4tools-wrapper .d4t-PlannerPaperdoll .d4t-Paperdoll .d4t-weapon.d4t-left {
  left:7px
}
.d4tools-wrapper .d4t-PlannerPaperdoll .d4t-Paperdoll .d4t-weapon.d4t-right {
  right:7px
}
.d4tools-wrapper .d4t-PlannerPaperdoll .d4t-Paperdoll .d4t-dual-weapons {
  bottom:7px
}
.d4tools-wrapper .d4t-PlannerPaperdoll .d4t-Paperdoll .d4t-dual-weapons.d4t-right {
  right:7px
}
.d4tools-wrapper .d4t-PlannerPaperdoll .d4t-copy {
  position:absolute;
  right:16px;
  top:16px;
  font-size:20px;
  color:#057af0;
  cursor:pointer
}
.d4tools-wrapper .d4t-ParagonView {
  height:450px;
  position:relative;
  -webkit-user-select:none;
  user-select:none
}
.d4tools-wrapper .d4t-ParagonView .d4t-title {
  z-index:1;
  position:absolute;
  left:24px;
  top:24px;
  font-family:DiabloOldFenris;
  font-size:24px
}
.d4tools-wrapper .d4t-ParagonView .d4t-points {
  z-index:1;
  position:absolute;
  top:24px;
  right:24px;
  font-family:Exocet;
  font-size:28px;
  color:#ffff90
}
.d4tools-wrapper .d4t-ParagonView .d4t-points .d4t-icon {
  display:inline-block;
  width:24px;
  height:24px;
  background-image:url(https://d4reflection.org/img/characters/points.webp);
  margin:0 -10px -4px 8px
}
.d4tools-wrapper .d4t-ParagonView .d4t-controls {
  z-index:1;
  position:absolute;
  right:24px;
  bottom:24px;
  display:flex;
  flex-direction:column
}
.d4tools-wrapper .d4t-ParagonView .d4t-controls .d4t-button {
  font-size:32px;
  padding:10px;
  cursor:pointer;
  color:#aaa
}
.d4tools-wrapper .d4t-ParagonView .d4t-controls .d4t-button:hover {
  color:#fff
}
.d4tools-wrapper .d4t-ParagonView .d4t-EmbedSlider {
  position:absolute;
  inset:auto 16px 16px;
  z-index:2
}
.d4tools-wrapper .d4t-ParagonView.d4t-has-slider .d4t-controls,
.d4tools-wrapper .d4t-ParagonView.d4t-has-slider .d4t-ParagonScroll {
  margin-bottom:24px
}
.d4tools-wrapper .d4t-ParagonView:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  border-image:url(https://d4reflection.org/img/characters/frame.webp) 180 220/90px 110px round
}
.d4tools-wrapper .d4t-ParagonView.d4t-fullscreen {
  position:fixed;
  inset:0;
  height:unset;
  z-index:1900;
  overflow:hidden
}
.d4tools-wrapper .d4t-ParagonView.d4t-fullscreen:after {
  display:none
}
.d4tools-wrapper .d4t-ParagonView.d4t-fullscreen .d4t-ParagonScroll {
  inset:0
}
.d4tools-wrapper .d4t-ParagonView.d4t-fullscreen .d4t-EmbedSlider {
  inset:auto 0 0
}
.d4tools-wrapper .d4t-ParagonScroll {
  position:absolute;
  inset:16px;
  overflow:hidden;
  touch-action:none;
  -webkit-user-select:none;
  user-select:none;
  cursor:grab;
  background-image:url(https://d4reflection.org/img/characters/background.webp);
  background-size:cover;
  background-position:50%
}
.d4tools-wrapper .d4t-ParagonScroll:active {
  cursor:grabbing
}
.d4tools-wrapper .d4t-ParagonScroll .d4t-boards {
  position:absolute;
  will-change:transform
}
.d4tools-wrapper .d4t-ParagonBoard {
  position:absolute;
  transition:inset .25s ease-out
}
.d4tools-wrapper .d4t-ParagonBoard.d4t-dragging {
  transition:none;
  z-index:12
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-grid {
  position:relative;
  font-size:64px;
  width:21em;
  height:21em;
  background-image:url(https://d4reflection.org/img/characters/board-background.webp);
  background-size:100% 100%;
  box-shadow:inset 0 0 10px #f008;
  transition:-webkit-transform .75s ease-out;
  transition:transform .75s ease-out;
  transition:transform .75s ease-out,-webkit-transform .75s ease-out;
  -webkit-transform-origin:center;
  transform-origin:center
}
.d4tools-wrapper .d4t-ParagonBoard.d4t-rotating .d4t-grid {
  transition:none;
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-node {
  width:1em;
  height:1em;
  background-position:0 0;
  cursor:pointer
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-frame,
.d4tools-wrapper .d4t-ParagonBoard .d4t-node {
  position:absolute;
  background-image:url(https://d4reflection.org/img/characters/tiles.webp)
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-frame {
  inset:0;
  z-index:2;
  background-position:0 -136px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-r2 .d4t-frame {
  background-position-x:-68px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-r3 .d4t-frame {
  background-position-x:-136px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-r4 .d4t-frame {
  background-position-x:-204px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-gate .d4t-frame,
.d4tools-wrapper .d4t-ParagonBoard .d4t-start .d4t-frame {
  background-position-x:-272px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-socket .d4t-frame {
  background-position-x:-408px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-node:before {
  position:absolute;
  inset:0;
  z-index:1;
  background-image:url(https://d4reflection.org/img/characters/tiles.webp);
  background-position:-136px 0
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-gate:before,
.d4tools-wrapper .d4t-ParagonBoard .d4t-r3:before,
.d4tools-wrapper .d4t-ParagonBoard .d4t-r4:before,
.d4tools-wrapper .d4t-ParagonBoard .d4t-start:before {
  content:""
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-r4:before {
  background-position-x:-204px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-highlight:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  background-image:url(https://d4reflection.org/img/characters/tiles.webp);
  background-position:-340px -136px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-gate.d4t-highlight:after,
.d4tools-wrapper .d4t-ParagonBoard .d4t-socket.d4t-highlight:after {
  display:none
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-inactive:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:9;
  background:rgba(255,0,0,.25)
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-search:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:9;
  background:rgba(80,216,57,.25)
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-path:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:9;
  background:rgba(123,124,245,.25)
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-node .d4t-icon {
  position:absolute;
  inset:12px;
  z-index:3;
  font-size:40px;
  background-image:url(https://d4reflection.org/img/characters/paragon.webp);
  background-size:auto 3em;
  background-position-y:-1em
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-glyph {
  position:absolute;
  inset:0;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  z-index:8
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-node.d4t-active .d4t-frame,
.d4tools-wrapper .d4t-ParagonBoard .d4t-node:hover .d4t-frame {
  z-index:6;
  background-position-y:-68px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-node.d4t-active .d4t-icon,
.d4tools-wrapper .d4t-ParagonBoard .d4t-node:hover .d4t-icon {
  z-index:7;
  background-position-y:0
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-highlight:hover:after {
  background-position-y:-68px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-highlight.d4t-active:after {
  display:none
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-node.d4t-active .d4t-icon {
  background-position-y:-2em
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-right-labels {
  position:absolute;
  top:0;
  right:0;
  z-index:1;
  display:flex;
  flex-direction:row;
  align-items:center
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-right-labels .d4t-stats {
  margin-top:2px;
  color:#9c9c9c;
  font-size:32px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-buttons {
  display:flex;
  flex-direction:row;
  padding:2px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-button {
  margin:2px;
  width:60px;
  height:60px;
  background:#111;
  font-size:32px;
  padding:14px;
  cursor:pointer
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-button:hover {
  background:#222
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-labels {
  position:absolute;
  left:0;
  top:0;
  flex-flow:row;
  display:flex;
  flex-direction:row;
  align-items:center;
  z-index:8;
  font-size:32px;
  font-family:DiabloSerif;
  -webkit-transform-origin:top left;
  transform-origin:top left
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-labels .d4t-index {
  box-shadow:inset 0 0 10px red;
  width:64px;
  height:64px;
  text-align:center;
  font-family:Exocet;
  font-size:48px;
  line-height:64px;
  color:#fff;
  margin-right:8px;
  cursor:move
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-labels .d4t-name {
  color:#f8930a;
  margin:0 8px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-labels .d4t-glyph-name {
  margin:0 4px
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-glyph-radius {
  position:absolute;
  width:1em;
  height:1em;
  background-image:url(https://d4reflection.org/img/characters/tiles.webp);
  background-position:-68px 0;
  z-index:4;
  pointer-events:none
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-node {
  transition:box-shadow 1s ease-in-out
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-glow {
  transition:none
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-glow-red {
  box-shadow:inset 0 0 0 64px #f005
}
.d4tools-wrapper .d4t-ParagonBoard .d4t-glow-green {
  box-shadow:inset 0 0 0 64px #0f05
}
.d4tools-wrapper .d4t-ParagonBoardSnap {
  position:absolute;
  font-size:64px;
  width:21em;
  height:21em;
  box-shadow:inset 0 0 64px #0f0
}
.d4tools-wrapper .d4t-BoardSelector {
  padding:12px;
  background-color:#121314;
  box-shadow:0 0 6px #000;
  width:580px;
  max-width:unset
}
.d4tools-wrapper .d4t-BoardSelector .d4t-board-list {
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  flex-wrap:wrap
}
.d4tools-wrapper .d4t-BoardSelector .d4t-board-list li {
  margin:2px;
  color:#f8930a;
  border:1px solid #282828;
  width:180px;
  height:70px;
  display:flex;
  flex-direction:column;
  padding:4px;
  cursor:pointer
}
.d4tools-wrapper .d4t-BoardSelector .d4t-board-list li .d4t-header {
  display:flex;
  flex-direction:row;
  align-items:center
}
.d4tools-wrapper .d4t-BoardSelector .d4t-board-list li .d4t-icon-frame {
  position:relative;
  width:48px;
  height:48px;
  margin:-4px 4px -4px -4px;
  background-image:url(https://d4reflection.org/img/characters/tiles.webp);
  background-size:357px 153px;
  background-position:-153px -51px
}
.d4tools-wrapper .d4t-BoardSelector .d4t-board-list li .d4t-icon-frame .d4t-icon {
  position:absolute;
  inset:8px;
  font-size:32px;
  background-image:url(https://d4reflection.org/img/characters/paragon.webp);
  background-size:auto 3em;
  background-position-y:-2em
}
.d4tools-wrapper .d4t-BoardSelector .d4t-board-list li .d4t-stats {
  margin-top:2px;
  color:#9c9c9c
}
.d4tools-wrapper .d4t-BoardSelector .d4t-board-list li .d4t-title {
  font-size:16px;
  font-family:DiabloSerif
}
.d4tools-wrapper .d4t-BoardSelector .d4t-board-list li:hover {
  background-color:#222
}
.d4tools-wrapper .d4t-BoardSelector .d4t-board-list li.d4t-disabled {
  -webkit-filter:grayscale(97%) opacity(50%);
  filter:grayscale(97%) opacity(50%);
  cursor:default
}
.d4tools-wrapper .d4t-BoardSelector .d4t-options {
  font-size:16px;
  margin-top:4px
}
.d4tools-wrapper .d4t-GlyphSelector {
  padding:12px;
  background-color:#121314;
  box-shadow:0 0 6px #000;
  width:580px;
  max-width:unset
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-SearchBar {
  margin-bottom:6px
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list {
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  flex-wrap:wrap
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list li {
  margin:2px;
  border:1px solid #282828;
  width:180px;
  height:55px;
  display:flex;
  flex-direction:row;
  align-items:center;
  cursor:pointer
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list li .d4t-icon {
  width:48px;
  height:48px;
  margin:-4px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list li .d4t-no-icon {
  font-size:20px;
  text-align:center;
  width:40px
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list li .d4t-no-icon svg {
  margin-bottom:-3px
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list li .d4t-title {
  font-size:16px;
  font-family:DiabloSerif
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list li .d4t-title em {
  text-decoration:underline
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list li:hover {
  background-color:#222
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list li.d4t-disabled {
  -webkit-filter:grayscale(97%) opacity(50%);
  filter:grayscale(97%) opacity(50%)
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list li.d4t-active {
  border-color:initial;
  background-color:#222
}
.d4tools-wrapper .d4t-GlyphSelector .d4t-glyph-list li input {
  width:50px
}
.d4tools-wrapper .d4t-PlannerParagon:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  box-shadow:inset 0 0 80px #000
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-ParagonScroll {
  inset:0
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-totals .d4t-points .d4t-icon {
  background-image:url(https://d4reflection.org/img/characters/points40.webp)
}
.d4tools-wrapper .d4t-PlannerParagon.d4t-fullscreen {
  position:fixed;
  inset:0;
  height:unset;
  z-index:1900;
  overflow:hidden;
  margin:0
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-controls {
  z-index:1;
  position:absolute;
  right:24px;
  bottom:24px;
  display:flex;
  flex-direction:column
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-controls .d4t-button {
  font-size:32px;
  padding:10px;
  cursor:pointer;
  color:#aaa
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-controls .d4t-button:hover {
  color:#fff
}
.d4tools-wrapper .d4t-RightColumn .d4t-SearchBar {
  flex:0 0 auto;
  margin:0 1em 6px;
  z-index:1;
  border-bottom:2px solid #28292a;
  padding-bottom:2px
}
.d4tools-wrapper .d4t-RightColumn .d4t-SearchBar input {
  padding-left:28px;
  border:none;
  background:none;
  box-shadow:none;
  font-size:18px
}
.d4tools-wrapper .d4t-RightColumn .d4t-SearchBar svg {
  position:absolute;
  left:6px;
  top:7px;
  right:unset;
  color:#057af0
}
.d4tools-wrapper .d4t-RightColumn .d4t-SearchBar.d4t-empty svg {
  right:unset
}
.d4tools-wrapper .d4t-RightColumn .ui-Select {
  margin:0 1em 6px;
  width:auto
}
.d4tools-wrapper .d4t-RightColumn .d4t-warning {
  color:#d99661;
  font-style:italic;
  padding:0 1em
}
.d4tools-wrapper .d4t-StatsList {
  flex:1 1 auto;
  position:relative
}
.d4tools-wrapper .d4t-StatsContainer {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:100%;
  overflow-x:hidden;
  overflow-y:scroll;
  display:flex;
  flex-direction:row;
  color:#c2c2c2;
  padding:0 .5em
}
.d4tools-wrapper .d4t-StatsList.d4t-two-column:before {
  content:"";
  position:absolute;
  left:100%;
  top:0;
  bottom:0;
  width:100%
}
.d4tools-wrapper .d4t-StatsList.d4t-two-column .d4t-StatsContainer {
  width:200%
}
.d4tools-wrapper .d4t-StatsColumn {
  flex:1 1;
  min-width:0;
  vertical-align:top;
  padding:0 .5em
}
.d4tools-wrapper .d4t-StatSection {
  background:#121314;
  margin-bottom:-2px
}
.d4tools-wrapper .d4t-StatSection h3 {
  cursor:pointer;
  -webkit-user-select:none;
  user-select:none;
  color:#057af0;
  font-weight:700;
  text-transform:uppercase;
  box-sizing:initial;
  font-family:Oswald;
  font-size:18px;
  margin:16px 0 4px;
  text-align:left;
  outline:none
}
.d4tools-wrapper .d4t-StatSection .d4t-EmbedLink {
  font-size:.8em;
  float:right;
  padding:7px 0 8px;
  line-height:normal
}
.d4tools-wrapper .d4t-StatSection .d4t-stat-wrap {
  overflow:hidden;
  transition:max-height .25s ease-out
}
.d4tools-wrapper .d4t-StatSection ul li {
  display:flex;
  padding:1px 0
}
.d4tools-wrapper .d4t-StatSection ul li span:first-of-type {
  white-space:nowrap;
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis
}
.d4tools-wrapper .d4t-StatSection ul li span:last-of-type {
  flex:0 0 auto;
  margin-left:5px;
  transition:color .75s ease-in-out
}
.d4tools-wrapper .d4t-StatSection ul li span.d4t-export {
  color:#057af0;
  cursor:pointer;
  margin:0
}
.d4tools-wrapper .d4t-StatSection ul li span.d4t-export:hover {
  text-decoration:underline
}
.d4tools-wrapper .d4t-StatSection ul li.d4t-stat-zero {
  color:#969697
}
.d4tools-wrapper .d4t-StatSection ul li.d4t-increase span:last-of-type {
  color:#4dff4d;
  transition:none
}
.d4tools-wrapper .d4t-StatSection ul li.d4t-decrease span:last-of-type {
  color:#ff4d4d;
  transition:none
}
.d4tools-wrapper .d4t-StatSection ul li.d4t-stat-separator {
  padding:0;
  margin:.5em 0;
  height:1px;
  background-color:#28292a
}
.d4tools-wrapper .d4t-StatsList.d4t-has-search .d4t-StatSection ul {
  padding:0
}
.d4tools-wrapper .d4t-StatsList.d4t-dragging .d4t-StatSection li {
  pointer-events:none
}
.d4tools-wrapper .ui-Slider {
  border:1px solid #282828;
  background-color:#28292a;
  height:1em;
  -webkit-user-select:none;
  user-select:none;
  outline:none
}
.d4tools-wrapper .ui-Slider .ui-Slider-thumb:hover,
.d4tools-wrapper .ui-Slider:focus .ui-Slider-thumb {
  background-color:#c2c2c2;
  border-color:#d8d8d8
}
.d4tools-wrapper .ui-Slider:focus .ui-Slider-thumb {
  border-color:#057af0;
  outline:none
}
.d4tools-wrapper .ui-Slider-track {
  margin:0 .5em;
  position:relative;
  height:100%;
  touch-action:none
}
.d4tools-wrapper .ui-Slider-thumb {
  display:block;
  position:absolute;
  top:50%;
  margin-left:-.5em;
  margin-top:-.6em;
  width:1em;
  height:1.2em;
  background-color:#969697;
  border:2px solid #c2c2c2
}
.d4tools-wrapper .ui-Slider-thumb:active {
  background-color:#6a6b6b
}
.d4tools-wrapper .d4t-EmbedSteps {
  background-color:#121314;
  box-shadow:inset 0 0 2px #0006;
  overflow-y:auto;
  overflow-y:overlay;
  height:300px;
  margin-bottom:8px
}
.d4tools-wrapper .d4t-EmbedSteps li {
  padding:6px;
  cursor:pointer
}
.d4tools-wrapper .d4t-EmbedSteps li input {
  width:160px;
  border:none;
  padding:1px;
  margin:-1px;
  box-shadow:none
}
.d4tools-wrapper .d4t-EmbedSteps li .d4t-note {
  color:#aaa;
  margin-left:4px
}
.d4tools-wrapper .d4t-EmbedSteps li .d4t-delete,
.d4tools-wrapper .d4t-EmbedSteps li .d4t-move,
.d4tools-wrapper .d4t-EmbedSteps li .d4t-rename {
  display:none;
  float:right;
  color:#aaa;
  font-size:16px;
  margin-left:4px
}
.d4tools-wrapper .d4t-EmbedSteps li.d4t-editing .d4t-rename,
.d4tools-wrapper .d4t-EmbedSteps li .d4t-move:not(.d4t-disabled):hover,
.d4tools-wrapper .d4t-EmbedSteps li .d4t-rename:hover {
  color:#057af0
}
.d4tools-wrapper .d4t-EmbedSteps li .d4t-delete:not(.d4t-disabled):hover {
  color:#f44
}
.d4tools-wrapper .d4t-EmbedSteps li.d4t-editing,
.d4tools-wrapper .d4t-EmbedSteps li:hover {
  background-color:#142c43
}
.d4tools-wrapper .d4t-EmbedSteps li.d4t-editing .d4t-delete,
.d4tools-wrapper .d4t-EmbedSteps li.d4t-editing .d4t-move,
.d4tools-wrapper .d4t-EmbedSteps li.d4t-editing .d4t-rename,
.d4tools-wrapper .d4t-EmbedSteps li:hover .d4t-delete,
.d4tools-wrapper .d4t-EmbedSteps li:hover .d4t-move,
.d4tools-wrapper .d4t-EmbedSteps li:hover .d4t-rename {
  display:block
}
.d4tools-wrapper .d4t-EmbedSteps li.d4t-active {
  background-color:#103f6e
}
.d4tools-wrapper .d4t-ProfileList {
  flex:0 0 auto;
  z-index:10
}
.d4tools-wrapper .d4t-ProfileDropdown {
  position:relative
}
.d4tools-wrapper .d4t-ProfileDropdown .d4t-header {
  position:relative;
  z-index:1;
  background-color:#0e0e0f;
  border:2px solid #1d1e1f;
  padding:4px .5em;
  transition:background-color .25s ease-in-out
}
.d4tools-wrapper .d4t-ProfileDropdown.d4t-expanded .d4t-toggle {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.d4tools-wrapper .d4t-ProfileDropdown.d4t-expanded .d4t-header {
  background-color:#1d1e1f
}
.d4tools-wrapper .d4t-ProfileDropdown.d4t-expanded .d4t-ProfileDropList {
  box-shadow:0 0 2px 2px #0006
}
.d4tools-wrapper .d4t-ProfileDropList {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding-bottom:48px
}
.d4tools-wrapper .d4t-ProfileDropList .d4t-profiles {
  min-height:44px;
  max-height:400px
}
.d4tools-wrapper .d4t-ProfileDropList ul {
  height:100%;
  max-height:400px;
  background-color:#0e0e0f;
  border:2px solid #1d1e1f;
  overflow-y:auto
}
.d4tools-wrapper .d4t-ProfileDropList .d4t-Profile:not(.d4t-active) {
  cursor:pointer
}
.d4tools-wrapper .d4t-Profile {
  outline:none;
  padding:2px .5em;
  line-height:36px;
  display:flex;
  flex-direction:row;
  background-color:#0e0e0f
}
.d4tools-wrapper .d4t-Profile .d4t-class-icon {
  flex:0 0 auto;
  display:inline-block;
  background-color:#0e0e0f;
  font-size:32px;
  border-radius:23px;
  border:2px solid #1d1e1f;
  box-sizing:initial;
  vertical-align:middle
}
.d4tools-wrapper .d4t-Profile .d4t-profile-info {
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  vertical-align:middle;
  font-size:1.2em;
  margin-left:.4em;
  line-height:normal
}
.d4tools-wrapper .d4t-Profile .d4t-label {
  font-weight:700;
  display:block
}
.d4tools-wrapper .d4t-Profile .d4t-label input {
  width:100%;
  border:none;
  padding:1px;
  margin:-1px
}
.d4tools-wrapper .d4t-Profile .d4t-stat {
  display:flex;
  flex-direction:row;
  color:#969697
}
.d4tools-wrapper .d4t-Profile .d4t-key {
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.d4tools-wrapper .d4t-Profile .d4t-value {
  flex:1 0 auto
}
.d4tools-wrapper .d4t-Profile .d4t-buttons {
  flex:0 0 auto
}
.d4tools-wrapper .d4t-Profile .d4t-count {
  font-size:18px;
  color:#0865c4;
  vertical-align:middle;
  line-height:normal;
  margin-right:4px
}
.d4tools-wrapper .d4t-Profile .d4t-button {
  margin:0 4px;
  cursor:pointer;
  color:#057af0;
  display:inline-block;
  vertical-align:middle
}
.d4tools-wrapper .d4t-Profile .d4t-button>* {
  display:block
}
.d4tools-wrapper .d4t-Profile .d4t-button.d4t-disabled {
  color:#808181;
  cursor:default
}
.d4tools-wrapper .d4t-Profile .d4t-toggle {
  font-size:24px;
  transition:-webkit-transform .25s ease-in-out;
  transition:transform .25s ease-in-out;
  transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out
}
.d4tools-wrapper .d4t-Profile .d4t-add,
.d4tools-wrapper .d4t-Profile .d4t-remove,
.d4tools-wrapper .d4t-Profile .d4t-removing {
  font-size:18px
}
.d4tools-wrapper .d4t-Profile.d4t-highlight {
  background-color:#1d1e1f
}
.d4tools-wrapper .d4t-Profile:active {
  cursor:grabbing
}
.d4tools-wrapper .d4t-PactViewer {
  position:relative;
  width:340px;
  height:380px;
  background-image:url(https://d4reflection.org/img/characters/pact.webp)
}
.d4tools-wrapper .d4t-PactViewer .d4t-cost {
  font-family:DiabloOldFenris;
  font-size:20px;
  color:#f7cb86;
  position:absolute;
  display:flex;
  left:16px;
  top:8px;
  right:16px;
  height:46px;
  align-items:center;
  flex-direction:row
}
.d4tools-wrapper .d4t-PactViewer .d4t-cost span {
  flex:1 1;
  flex-basis:0;
  padding-left:64px
}
.d4tools-wrapper .d4t-PactViewer .d4t-view {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:320px
}
.d4tools-wrapper .d4t-PactViewer .d4t-socket {
  position:absolute;
  width:64px;
  height:64px;
  border-radius:50%;
  margin:-26px;
  cursor:pointer;
  z-index:1
}
.d4tools-wrapper .d4t-PactViewer .d4t-socket .d4t-icon {
  position:absolute;
  inset:0;
  background-position:50%;
  background-size:contain;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot {
  position:absolute;
  inset:0
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot:not(.d4t-empty) {
  background-image:url(https://d4reflection.org/img/characters/pact-sector.webp)
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot-1 {
  background-position-y:-100%
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot-2 {
  background-position-y:-200%
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot-3 {
  background-position-y:-300%
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot-4 {
  background-position-y:-400%
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot-0 .d4t-socket {
  left:164px;
  top:51px
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot-1 .d4t-socket {
  left:267px;
  top:126px
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot-2 .d4t-socket {
  left:228px;
  top:242px
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot-3 .d4t-socket {
  left:102px;
  top:244px
}
.d4tools-wrapper .d4t-PactViewer .d4t-slot-4 .d4t-socket {
  left:63px;
  top:126px
}
.d4tools-wrapper .d4t-VampiricPowerSelector {
  padding:12px;
  background-color:#121314;
  box-shadow:0 0 6px #000;
  width:580px;
  max-width:unset
}
.d4tools-wrapper .d4t-VampiricPowerSelector .d4t-SearchBar {
  margin-bottom:6px
}
.d4tools-wrapper .d4t-VampiricPowerSelector .d4t-power-list {
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  flex-wrap:wrap
}
.d4tools-wrapper .d4t-VampiricPowerSelector .d4t-power-list li {
  margin:2px;
  border:1px solid #282828;
  width:180px;
  height:55px;
  display:flex;
  flex-direction:row;
  align-items:center;
  cursor:pointer
}
.d4tools-wrapper .d4t-VampiricPowerSelector .d4t-power-list li .d4t-icon {
  width:48px;
  height:48px;
  margin:-4px 4px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-VampiricPowerSelector .d4t-power-list li .d4t-title {
  font-size:16px;
  font-family:DiabloSerif
}
.d4tools-wrapper .d4t-VampiricPowerSelector .d4t-power-list li .d4t-title em {
  text-decoration:underline
}
.d4tools-wrapper .d4t-VampiricPowerSelector .d4t-power-list li:hover {
  background-color:#222
}
.d4tools-wrapper .d4t-VampiricPowerSelector .d4t-power-list li.d4t-disabled {
  -webkit-filter:grayscale(97%) opacity(50%);
  filter:grayscale(97%) opacity(50%)
}
.d4tools-wrapper .d4t-VampiricPowerSelector .d4t-power-list li.d4t-active {
  border-color:initial;
  background-color:#222
}
.d4tools-wrapper .d4t-PlannerSettings {
  padding:10px 20px
}
.d4tools-wrapper .d4t-WorldSettings {
  padding:1px 0
}
.d4tools-wrapper .d4t-WorldSettings .d4t-option {
  margin:8px 0;
  font-size:18px;
  font-family:Oswald
}
.d4tools-wrapper .d4t-WorldSettings .d4t-link {
  color:#057af0;
  cursor:pointer
}
.d4tools-wrapper .d4t-WorldSettings .d4t-link:hover {
  text-decoration:underline
}
.d4tools-wrapper .d4t-WorldSettings .d4t-flags {
  margin:8px 0
}
.d4tools-wrapper .d4t-WorldSettings .d4t-flags label {
  display:block;
  margin:2px 0;
  width:-webkit-max-content;
  width:max-content
}
.d4tools-wrapper .d4t-WorldSettings .d4t-params {
  margin:8px 0;
  display:table;
  width:-webkit-max-content;
  width:max-content
}
.d4tools-wrapper .d4t-WorldSettings .d4t-params label {
  display:table-row
}
.d4tools-wrapper .d4t-WorldSettings .d4t-params .d4t-name {
  display:table-cell;
  white-space:nowrap
}
.d4tools-wrapper .d4t-WorldSettings .d4t-params .d4t-value {
  display:table-cell;
  padding:0 .3em
}
.d4tools-wrapper .d4t-WorldSettings .d4t-params .d4t-value input {
  margin:-4px 0;
  width:45px
}
.d4tools-wrapper .d4t-WorldSettings .d4t-params .d4t-value input:not(:hover):not(:focus) {
  color:#969697;
  border-color:transparent;
  background:none;
  box-shadow:none
}
.d4tools-wrapper .d4t-WorldSettings .d4t-params .d4t-slider {
  display:table-cell;
  vertical-align:middle
}
.d4tools-wrapper .d4t-RenownTable {
  display:flex;
  flex-direction:row
}
.d4tools-wrapper .d4t-RenownTable .d4t-region {
  flex-grow:1
}
.d4tools-wrapper .d4t-RenownTable .d4t-name {
  color:#aaa;
  font-size:16px;
  margin:4px 0
}
.d4tools-wrapper .d4t-RenownTable li input {
  margin-right:4px;
  position:relative;
  top:2px
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot,
.d4tools-wrapper .d4t-SorcererBar .d4t-slot {
  position:absolute
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot .d4t-icon,
.d4tools-wrapper .d4t-SorcererBar .d4t-slot .d4t-icon {
  position:absolute;
  inset:0;
  background-size:48px auto;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot.d4t-disabled .d4t-icon,
.d4tools-wrapper .d4t-SorcererBar .d4t-slot.d4t-disabled .d4t-icon {
  -webkit-filter:grayscale(100%) brightness(30%) sepia(1) saturate(400%) hue-rotate(-38deg);
  filter:grayscale(100%) brightness(30%) sepia(1) saturate(400%) hue-rotate(-38deg)
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot.d4t-dragging:after,
.d4tools-wrapper .d4t-SorcererBar .d4t-slot.d4t-dragging:after {
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 8px #ff0
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot.d4t-dropping:after,
.d4tools-wrapper .d4t-SorcererBar .d4t-slot.d4t-dropping:after {
  box-shadow:inset 0 0 8px #0f0
}
.d4tools-wrapper .d4t-PlannerSkillBar {
  margin-top:4px;
  width:320px;
  height:64px;
  background-image:url(https://d4reflection.org/img/characters/skillbar.webp);
  background-size:100%;
  position:relative
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot {
  width:48px;
  height:48px;
  top:7px
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot:nth-child(3) {
  left:9px
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot:nth-child(4) {
  left:60px
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot:nth-child(5) {
  left:111px
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot:nth-child(6) {
  left:162px
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot:first-child {
  left:213px
}
.d4tools-wrapper .d4t-PlannerSkillBar .d4t-slot:nth-child(2) {
  left:264px
}
.d4tools-wrapper .d4t-PopupFrame {
  background:url(https://d4reflection.org/img/characters/popup-bg.webp);
  padding:16px;
  position:relative
}
.d4tools-wrapper .d4t-PopupFrame:after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-image:url(https://d4reflection.org/img/characters/tooltip-frame.webp) 143/71px/12px round
}
.d4tools-wrapper .d4t-SkillMenu .d4t-category {
  display:flex;
  flex-direction:row;
  align-items:center
}
.d4tools-wrapper .d4t-SkillMenu .d4t-header {
  position:relative;
  width:48px;
  height:48px;
  background-image:url(https://d4reflection.org/img/characters/popup-frames.webp);
  margin-right:4px
}
.d4tools-wrapper .d4t-SkillMenu .d4t-skill {
  position:relative;
  width:48px;
  height:48px;
  cursor:pointer
}
.d4tools-wrapper .d4t-SkillMenu .d4t-skill .d4t-icon {
  inset:4px
}
.d4tools-wrapper .d4t-SkillMenu .d4t-skill.d4t-active:after {
  content:"";
  position:absolute;
  inset:0;
  background-image:url(https://d4reflection.org/img/characters/popup-frames.webp);
  background-position:-48px 0
}
.d4tools-wrapper .d4t-SkillMenu .d4t-skill.d4t-disabled {
  cursor:default;
  -webkit-filter:grayscale(97%) brightness(60%);
  filter:grayscale(97%) brightness(60%)
}
.d4tools-wrapper .d4t-SkillMenu .d4t-icon {
  position:absolute;
  inset:6px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-BarbarianBar {
  display:flex;
  flex-direction:row;
  justify-content:space-evenly;
  align-items:center
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-level {
  margin:2px 0;
  height:16px;
  -webkit-user-select:none;
  user-select:none
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-level .d4t-text {
  display:inline-block;
  text-align:center;
  width:25px
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-level .d4t-button {
  display:inline-block;
  background:#121314;
  width:14px;
  height:14px;
  line-height:10px;
  box-sizing:border-box;
  border:1px solid #282828;
  margin:-1px 0;
  text-align:center;
  cursor:pointer
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-level .d4t-button.d4t-hidden {
  background:#1b1c1d;
  color:#777;
  cursor:default
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-skill {
  display:flex;
  flex-direction:column;
  align-items:center
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-skill .d4t-frame {
  position:relative;
  background-image:url(https://d4reflection.org/img/characters/spec-barbarian.webp);
  cursor:pointer
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-skill .d4t-icon {
  position:absolute;
  inset:0;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-expertise {
  display:flex;
  flex-direction:row
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-expertise .d4t-frame {
  background-position:-176px 0;
  width:54px;
  height:54px
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-expertise .d4t-frame .d4t-icon {
  inset:2px
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-technique .d4t-frame {
  width:86px;
  height:86px;
  background-position:-88px 0
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-technique .d4t-icon {
  inset:10px
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-technique .d4t-empty .d4t-frame {
  background-position:0 0
}
.d4tools-wrapper .d4t-TechniqueMenu {
  font-family:DiabloSerif
}
.d4tools-wrapper .d4t-TechniqueMenu .d4t-skill {
  display:flex;
  flex-direction:row;
  align-items:center;
  cursor:pointer;
  font-size:16px
}
.d4tools-wrapper .d4t-TechniqueMenu .d4t-skill .d4t-frame {
  position:relative;
  background-image:url(https://d4reflection.org/img/characters/spec-barbarian.webp);
  background-position:-230px 0;
  width:54px;
  height:54px;
  margin-right:4px
}
.d4tools-wrapper .d4t-TechniqueMenu .d4t-skill .d4t-frame .d4t-icon {
  position:absolute;
  inset:2px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-TechniqueMenu.d4t-necromancer .d4t-skill .d4t-frame {
  background:none;
  width:40px;
  height:40px
}
.d4tools-wrapper .d4t-SorcererBar {
  width:320px;
  height:69px;
  background-image:url(https://d4reflection.org/img/characters/spec-sorcerer.webp);
  position:relative;
  margin-top:4px
}
.d4tools-wrapper .d4t-SorcererBar .d4t-slot {
  width:40px;
  height:40px;
  border-radius:50%;
  top:12px
}
.d4tools-wrapper .d4t-SorcererBar .d4t-slot .d4t-icon,
.d4tools-wrapper .d4t-SorcererBar .d4t-slot:after {
  border-radius:50%
}
.d4tools-wrapper .d4t-SorcererBar .d4t-slot:first-child {
  left:103px
}
.d4tools-wrapper .d4t-SorcererBar .d4t-slot:nth-child(2) {
  left:177px
}
.d4tools-wrapper .d4t-RogueBar {
  width:86px;
  height:75px;
  background-image:url(https://d4reflection.org/img/characters/spec-rogue.webp);
  position:relative;
  margin:4px auto 0
}
.d4tools-wrapper .d4t-RogueBar .d4t-slot {
  position:absolute;
  left:17px;
  top:12px;
  width:52px;
  height:52px;
  cursor:pointer
}
.d4tools-wrapper .d4t-RogueBar .d4t-icon {
  position:absolute;
  inset:0;
  background-size:60px auto;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-DruidBar {
  margin-top:2px;
  display:flex;
  flex-direction:column;
  align-items:center
}
.d4tools-wrapper .d4t-DruidBar .d4t-row {
  display:flex;
  flex-direction:row;
  align-items:center;
  position:relative
}
.d4tools-wrapper .d4t-DruidBar .d4t-row:after {
  content:"";
  position:absolute;
  left:18px;
  top:50%;
  margin-top:-8px;
  height:16px;
  right:23px;
  z-index:-1
}
.d4tools-wrapper .d4t-DruidBar .d4t-row:after,
.d4tools-wrapper .d4t-DruidBar .d4t-spirit-frame {
  background-image:url(https://d4reflection.org/img/characters/spec-druid.webp)
}
.d4tools-wrapper .d4t-DruidBar .d4t-spirit-frame {
  width:36px;
  height:42px;
  background-position:0 -19px;
  margin-right:8px;
  position:relative
}
.d4tools-wrapper .d4t-DruidBar .d4t-spirit-icon {
  background-image:url(https://d4reflection.org/img/characters/spec-druid.webp);
  width:32px;
  height:32px;
  background-position-y:-18px;
  position:absolute;
  left:2px;
  top:5px
}
.d4tools-wrapper .d4t-DruidBar .d4t-spirit-0 {
  background-position-x:-134px
}
.d4tools-wrapper .d4t-DruidBar .d4t-spirit-1 {
  background-position-x:-168px
}
.d4tools-wrapper .d4t-DruidBar .d4t-spirit-2 {
  background-position-x:-202px
}
.d4tools-wrapper .d4t-DruidBar .d4t-spirit-3 {
  background-position-x:-236px
}
.d4tools-wrapper .d4t-DruidBar .d4t-spirit-frame.d4t-active .d4t-spirit-icon {
  background-position-y:-52px
}
.d4tools-wrapper .d4t-DruidBar .d4t-skill-frame {
  background-image:url(https://d4reflection.org/img/characters/spec-druid.webp);
  background-position:-38px -18px;
  width:46px;
  height:46px;
  margin:0 4px;
  position:relative;
  cursor:pointer
}
.d4tools-wrapper .d4t-DruidBar .d4t-skill-frame.d4t-active {
  background-position-x:-86px
}
.d4tools-wrapper .d4t-DruidBar .d4t-skill-frame .d4t-icon {
  position:absolute;
  inset:4px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-DruidBar .d4t-skill-frame:not(.d4t-active) .d4t-icon {
  -webkit-filter:grayscale(97%);
  filter:grayscale(97%)
}
.d4tools-wrapper .d4t-NecromancerBar .d4t-row {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-evenly
}
.d4tools-wrapper .d4t-NecromancerBar .d4t-icon {
  width:48px;
  height:48px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-NecromancerBar .d4t-type {
  cursor:pointer
}
.d4tools-wrapper .d4t-NecromancerBar .d4t-frames {
  position:relative;
  width:202px;
  height:57px
}
.d4tools-wrapper .d4t-NecromancerBar .d4t-frames,
.d4tools-wrapper .d4t-NecromancerBar .d4t-upgrade {
  background-image:url(https://d4reflection.org/img/characters/spec-necromancer.webp)
}
.d4tools-wrapper .d4t-NecromancerBar .d4t-upgrade {
  cursor:pointer;
  width:35px;
  height:35px;
  position:absolute;
  left:15px;
  top:11px;
  background-position:0 -57px
}
.d4tools-wrapper .d4t-NecromancerBar .d4t-upgrade.d4t-active {
  background-position:-35px -57px
}
.d4tools-wrapper .d4t-NecromancerBar .d4t-upgrade:nth-child(2) {
  left:77px
}
.d4tools-wrapper .d4t-NecromancerBar .d4t-sacrifice {
  cursor:pointer;
  background-image:url(https://d4reflection.org/img/characters/spec-necromancer.webp);
  width:50px;
  height:50px;
  position:absolute;
  left:141px;
  top:3px;
  background-position:-70px -57px
}
.d4tools-wrapper .d4t-NecromancerBar .d4t-sacrifice.d4t-active {
  background-position:-120px -57px
}
.d4tools-wrapper .d4t-BarbarianBar,
.d4tools-wrapper .d4t-DruidBar,
.d4tools-wrapper .d4t-NecromancerBar,
.d4tools-wrapper .d4t-RogueBar,
.d4tools-wrapper .d4t-SorcererBar {
  position:relative
}
.d4tools-wrapper .d4t-BarbarianBar .d4t-copy,
.d4tools-wrapper .d4t-DruidBar .d4t-copy,
.d4tools-wrapper .d4t-NecromancerBar .d4t-copy,
.d4tools-wrapper .d4t-RogueBar .d4t-copy,
.d4tools-wrapper .d4t-SorcererBar .d4t-copy {
  position:absolute;
  left:-24px;
  top:50%;
  margin-top:-12px;
  font-size:20px;
  color:#057af0;
  cursor:pointer
}
.d4t-PlannerSkillList {
  grid-gap:.5rem;
  gap:.5rem;
  display:flex;
  flex-wrap:wrap
}
.d4tools-wrapper .d4t-SkillsView {
  padding:25px 18px 17px;
  width:340px;
  position:relative;
  display:flex;
  flex-direction:column;
  z-index:0;
  border-image:url(https://d4reflection.org/img/characters/frame.webp) 180 0 fill/90px 0 round
}
.d4tools-wrapper .d4t-SkillsView.d4t-slider {
  padding-bottom:41px
}
.d4tools-wrapper .d4t-SkillsView:after,
.d4tools-wrapper .d4t-SkillsView:before {
  content:"";
  position:absolute;
  inset:16px
}
.d4tools-wrapper .d4t-SkillsView:before {
  background:url(https://d4reflection.org/img/characters/background.webp);
  background-size:100% auto;
  background-position:50%;
  z-index:-2
}
.d4tools-wrapper .d4t-SkillsView:after {
  background:url(https://d4reflection.org/img/characters/shadow.webp);
  background-size:100% 100%;
  z-index:-1
}
.d4tools-wrapper .d4t-SkillsView .d4t-title {
  height:38px;
  padding:0 10px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  overflow:hidden
}
.d4tools-wrapper .d4t-SkillsView .d4t-title .d4t-name {
  font-family:DiabloOldFenris;
  font-size:24px;
  margin-bottom:5px;
  flex-shrink:1;
  line-height:1
}
.d4tools-wrapper .d4t-SkillsView .d4t-title .d4t-name.d4t-small {
  font-size:18px
}
.d4tools-wrapper .d4t-SkillsView .d4t-title .d4t-points {
  flex-shrink:0;
  font-family:Exocet;
  font-size:28px;
  color:#ffff90
}
.d4tools-wrapper .d4t-SkillsView .d4t-title .d4t-points .d4t-icon {
  display:inline-block;
  width:24px;
  height:24px;
  background-image:url(https://d4reflection.org/img/characters/points.webp);
  margin:0 -10px -4px 8px
}
.d4tools-wrapper .d4t-SkillsView .d4t-EmbedSlider {
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px
}
.d4tools-wrapper .d4t-SkillPreview {
  display:flex;
  flex-direction:column
}
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-group {
  width:290px;
  display:flex;
  flex-direction:row;
  align-items:center;
  position:relative;
  z-index:0
}
.d4tools-wrapper .d4t-SkillPreview .d4t-header {
  flex-shrink:0;
  display:flex;
  flex-direction:row;
  align-items:center;
  align-self:stretch;
  position:relative
}
.d4tools-wrapper .d4t-SkillPreview .d4t-header .d4t-milestone {
  background-image:url(https://d4reflection.org/img/characters/frames.webp);
  background-size:144px auto;
  background-position:0 0;
  width:50px;
  height:50px;
  position:relative
}
.d4tools-wrapper .d4t-SkillPreview .d4t-header .d4t-milestone .d4t-icon {
  position:absolute;
  inset:12px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-SkillPreview .d4t-header.d4t-wide:before {
  content:"";
  position:absolute;
  inset:12px 15px;
  z-index:-2;
  border-image:url(https://d4reflection.org/img/characters/preview-line-v.webp) 40 0 fill/20px 0 round
}
.d4tools-wrapper .d4t-SkillPreview .d4t-header.d4t-wide.d4t-enabled:before {
  border-image-source:url(https://d4reflection.org/img/characters/preview-line-v-w.webp)
}
.d4tools-wrapper .d4t-SkillPreview .d4t-header.d4t-wide.d4t-active:before {
  border-image-source:url(https://d4reflection.org/img/characters/preview-line-v-r.webp)
}
.d4tools-wrapper .d4t-SkillPreview .d4t-header.d4t-top-passives:before {
  top:6px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-header.d4t-bottom-passives:before {
  bottom:6px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-header.d4t-active .d4t-milestone,
.d4tools-wrapper .d4t-SkillPreview .d4t-header.d4t-enabled .d4t-milestone {
  background-position-x:-50px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passives,
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-row {
  display:flex;
  flex-direction:row;
  align-items:center;
  position:relative
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passives:before,
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-row:before {
  content:"";
  position:absolute;
  top:50%;
  margin-top:-10px;
  left:-35px;
  z-index:-1;
  width:50px;
  height:20px;
  background-image:url(https://d4reflection.org/img/characters/preview-line-left.webp);
  background-size:150px 40px;
  background-position:0 -20px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passives:first-child:before,
.d4tools-wrapper .d4t-SkillPreview .d4t-passives:last-child:before,
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-row:first-child:before,
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-row:last-child:before {
  background-position-y:0
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passives.d4t-enabled:before,
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-row.d4t-enabled:before {
  background-position-x:-50px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passives.d4t-active:before,
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-row.d4t-active:before {
  background-position-x:-100px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-entries {
  min-width:0
}
.d4tools-wrapper .d4t-SkillPreview .d4t-frame {
  position:absolute;
  inset:0;
  background-image:url(https://d4reflection.org/img/characters/frames.webp);
  background-size:144px auto;
  background-position:0 -50px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-frame {
  flex-shrink:0;
  width:48px;
  height:48px;
  margin:-2px;
  position:relative
}
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-frame .d4t-icon {
  position:absolute;
  inset:11px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-frame.d4t-enabled .d4t-frame {
  background-position-x:-48px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-frame.d4t-active .d4t-frame {
  background-position-x:-96px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-column {
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  width:24px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame {
  width:28px;
  height:28px;
  margin:-4px -2px;
  position:relative
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame .d4t-frame {
  background-position:0 -98px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame .d4t-icon {
  position:absolute;
  inset:6px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  -webkit-mask-image:url(https://d4reflection.org/img/characters/frames.webp);
  mask-image:url(https://d4reflection.org/img/characters/frames.webp);
  -webkit-mask-size:144px auto;
  mask-size:144px auto;
  -webkit-mask-position:-90px -104px;
  mask-position:-90px -104px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame.d4t-disabled:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background-image:url(https://d4reflection.org/img/characters/frames.webp);
  background-size:144px auto;
  background-position:-112px -98px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame:before,
.d4tools-wrapper .d4t-SkillPreview .d4t-passive-frame:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  margin-top:-10px;
  left:-30px;
  width:44px;
  height:20px;
  background-image:url(https://d4reflection.org/img/characters/preview-line-left.webp);
  background-size:150px 40px;
  -webkit-transform-origin:right center;
  transform-origin:right center
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame.d4t-enabled .d4t-frame {
  background-position-x:-28px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame.d4t-enabled:before {
  background-position-x:-50px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame.d4t-active .d4t-frame {
  background-position-x:-56px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame.d4t-active:before {
  background-position-x:-100px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame:not(:last-child):before {
  -webkit-transform:rotate(-23deg);
  transform:rotate(-23deg)
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame:not(:first-child):before {
  -webkit-transform:rotate(23deg);
  transform:rotate(23deg)
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passive-frame {
  width:36px;
  height:36px;
  margin:-2px;
  position:relative
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passive-frame .d4t-frame {
  background-position:0 -126px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passive-frame.d4t-keystone {
  margin:-2px 0
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passive-frame.d4t-keystone .d4t-frame {
  background-position-y:-162px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passive-frame .d4t-icon {
  position:absolute;
  inset:7px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passive-frame.d4t-enabled .d4t-frame {
  background-position-x:-36px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passive-frame.d4t-active .d4t-frame {
  background-position-x:-72px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passive-frame:first-child:before {
  display:none
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passives.d4t-enabled .d4t-passive-frame:before {
  background-position-x:-50px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-passives.d4t-active .d4t-passive-frame:before {
  background-position-x:-100px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-name {
  margin-left:6px;
  font-family:DiabloOldFenris;
  font-size:16px;
  line-height:20px;
  color:#666
}
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-name.d4t-active {
  color:#ccc
}
.d4tools-wrapper .d4t-SkillPreview .d4t-mod-frame:not(.d4t-enabled):not(.d4t-active) .d4t-icon,
.d4tools-wrapper .d4t-SkillPreview .d4t-passive-frame:not(.d4t-enabled):not(.d4t-active) .d4t-icon,
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-frame:not(.d4t-enabled):not(.d4t-active) .d4t-icon {
  -webkit-filter:brightness(50%);
  filter:brightness(50%)
}
.d4tools-wrapper .d4t-SkillPreview .d4t-frame {
  transition:-webkit-filter 1s ease-in-out;
  transition:filter 1s ease-in-out;
  transition:filter 1s ease-in-out,-webkit-filter 1s ease-in-out
}
.d4tools-wrapper .d4t-SkillPreview .d4t-glow .d4t-frame {
  transition:none
}
.d4tools-wrapper .d4t-SkillPreview .d4t-glow-red .d4t-frame {
  -webkit-filter:drop-shadow(0 0 .2em red) drop-shadow(0 0 .2em red);
  filter:drop-shadow(0 0 .2em #f00) drop-shadow(0 0 .2em #f00)
}
.d4tools-wrapper .d4t-SkillPreview .d4t-glow-green .d4t-frame {
  -webkit-filter:drop-shadow(0 0 .2em #0f0) drop-shadow(0 0 .2em #0f0);
  filter:drop-shadow(0 0 .2em #0f0) drop-shadow(0 0 .2em #0f0)
}
.d4tools-wrapper .d4t-SkillPreview .d4t-rank {
  position:absolute;
  z-index:1;
  font-family:DiabloSerif;
  font-size:12px;
  bottom:2px;
  right:2px;
  background:rgba(0,0,0,.3);
  padding:0 2px
}
.d4tools-wrapper .d4t-SkillPreview .d4t-skill-frame .d4t-rank {
  right:4px
}
.d4tools-wrapper .d4t-SkillPreview.d4t-editing {
  -webkit-user-select:none;
  user-select:none;
  flex-wrap:wrap;
  align-content:flex-start;
  flex-grow:1
}
.d4tools-wrapper .d4t-SkillPreview.d4t-editing .d4t-mod-frame.d4t-enabled,
.d4tools-wrapper .d4t-SkillPreview.d4t-editing .d4t-passive-frame.d4t-enabled,
.d4tools-wrapper .d4t-SkillPreview.d4t-editing .d4t-skill-frame.d4t-enabled {
  cursor:pointer
}
.d4tools-wrapper .d4t-SkillsView .d4t-SkillPreview {
  overflow-y:auto;
  flex:1 1;
  min-height:0
}
.d4tools-wrapper .d4t-EmbedSlider {
  border-image:url(https://d4reflection.org/img/characters/slider-track.webp) 48 48 0/24px 24px 0 round;
  padding:4px 4px 3px;
  display:flex;
  flex-direction:row;
  font-size:17px
}
.d4tools-wrapper .d4t-EmbedSlider .ui-Slider {
  flex-grow:1;
  border:none;
  background:none
}
.d4tools-wrapper .d4t-EmbedSlider .ui-Slider .ui-Slider-track {
  margin:0 12px
}
.d4tools-wrapper .d4t-EmbedSlider .ui-Slider .ui-Slider-thumb {
  cursor:pointer;
  margin-top:-8px;
  margin-left:-12px;
  width:23px;
  height:17px;
  background-color:transparent!important;
  border:none;
  background-image:url(https://d4reflection.org/img/characters/slider-buttons.webp);
  background-size:91px 34px;
  background-position:-68px 0
}
.d4tools-wrapper .d4t-EmbedSlider .ui-Slider .ui-Slider-thumb:active {
  background-position-y:-17px
}
.d4tools-wrapper .d4t-EmbedSlider .d4t-button {
  cursor:pointer;
  width:17px;
  height:17px;
  background-image:url(https://d4reflection.org/img/characters/slider-buttons.webp);
  background-size:91px 34px
}
.d4tools-wrapper .d4t-EmbedSlider .d4t-button.d4t-right {
  background-position-y:-17px
}
.d4tools-wrapper .d4t-EmbedSlider .d4t-button:hover {
  background-position-x:-17px
}
.d4tools-wrapper .d4t-EmbedSlider .d4t-button:active {
  background-position-x:-34px
}
.d4tools-wrapper .d4t-EmbedSlider .d4t-button.d4t-disabled {
  cursor:default;
  background-position-x:-51px
}
.d4tools-wrapper .d4t-PlannerParagon,
.d4tools-wrapper .d4t-PlannerSkillList,
.d4tools-wrapper .d4t-PlannerSkillTree {
  margin:8px;
  flex-grow:1;
  position:relative
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-totals,
.d4tools-wrapper .d4t-PlannerSkillList .d4t-totals,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-totals {
  position:absolute;
  left:0;
  top:0;
  width:200px;
  padding:16px;
  text-align:center;
  border-image:url(https://d4reflection.org/img/characters/frame.webp) 30 fill/30px round;
  z-index:10
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-totals .d4t-spent,
.d4tools-wrapper .d4t-PlannerSkillList .d4t-totals .d4t-spent,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-totals .d4t-spent {
  color:#959391;
  font-family:DiabloSerif;
  font-style:italic;
  font-size:14px
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-totals .d4t-available,
.d4tools-wrapper .d4t-PlannerSkillList .d4t-totals .d4t-available,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-totals .d4t-available {
  color:#ababab;
  font-family:DiabloOldFenris;
  font-size:16px;
  margin:2px 0
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-totals .d4t-points,
.d4tools-wrapper .d4t-PlannerSkillList .d4t-totals .d4t-points,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-totals .d4t-points {
  font-family:Exocet;
  font-size:24px;
  color:#d9a962
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-totals .d4t-points .d4t-icon,
.d4tools-wrapper .d4t-PlannerSkillList .d4t-totals .d4t-points .d4t-icon,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-totals .d4t-points .d4t-icon {
  display:inline-block;
  width:24px;
  height:24px;
  background-size:100% auto;
  margin:0 2px -6px 0
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-totals .d4t-points.d4t-disabled,
.d4tools-wrapper .d4t-PlannerSkillList .d4t-totals .d4t-points.d4t-disabled,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-totals .d4t-points.d4t-disabled {
  color:#f50802
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-FilterBar,
.d4tools-wrapper .d4t-PlannerSkillList .d4t-FilterBar,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-FilterBar {
  position:absolute;
  right:2px;
  top:2px;
  left:280px;
  z-index:10
}
.d4tools-wrapper .d4t-PlannerParagon .d4t-PlannerSteps,
.d4tools-wrapper .d4t-PlannerSkillList .d4t-PlannerSteps,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-PlannerSteps {
  position:absolute;
  left:2px;
  bottom:2px;
  z-index:10
}
.d4tools-wrapper .d4t-PlannerSkillList .d4t-totals .d4t-points .d4t-icon,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-totals .d4t-points .d4t-icon {
  background-image:url(https://d4reflection.org/img/characters/points.webp)
}
.d4tools-wrapper .d4t-PlannerSkillList .d4t-tree-toggle,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-tree-toggle {
  font-size:18px;
  position:absolute;
  left:246px;
  width:30px;
  height:30px;
  top:2px;
  background-color:#282828;
  padding:6px 4px 2px;
  text-align:center;
  cursor:pointer
}
.d4tools-wrapper .d4t-PlannerSkillList .d4t-tree-toggle.d4t-active,
.d4tools-wrapper .d4t-PlannerSkillList .d4t-tree-toggle:hover,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-tree-toggle.d4t-active,
.d4tools-wrapper .d4t-PlannerSkillTree .d4t-tree-toggle:hover {
  background-color:#555
}
.d4tools-wrapper .d4t-FilterBar {
  display:flex;
  flex-direction:column
}
.d4tools-wrapper .d4t-FilterBar .d4t-header {
  display:flex;
  flex-direction:row;
  font-size:18px
}
.d4tools-wrapper .d4t-FilterBar .d4t-SearchBar {
  flex-grow:1
}
.d4tools-wrapper .d4t-FilterBar .d4t-button {
  background-color:#282828;
  width:30px;
  margin-left:4px;
  padding:6px 4px 2px;
  text-align:center;
  cursor:pointer
}
.d4tools-wrapper .d4t-FilterBar .d4t-button.d4t-active,
.d4tools-wrapper .d4t-FilterBar .d4t-button:hover {
  background-color:#555
}
.d4tools-wrapper .d4t-FilterBar .d4t-tag {
  -webkit-user-select:none;
  user-select:none;
  display:inline-block;
  font-size:16px;
  background-color:#333;
  border:1px solid #555;
  color:#aaa;
  padding:0 4px;
  margin:2px;
  cursor:pointer
}
.d4tools-wrapper .d4t-FilterBar .d4t-tag.d4t-disabled {
  background-color:#111;
  border-color:#222;
  color:#666;
  cursor:default
}
.d4tools-wrapper .d4t-FilterBar .d4t-tag.d4t-active {
  background-color:#466;
  border-color:#4aa;
  color:#fff
}
.d4tools-wrapper .d4t-FilterBar .d4t-tag.d4t-clear {
  background-color:#400;
  border-color:#800;
  color:#c66
}
.d4tools-wrapper .d4t-FilterBar .d4t-tag svg {
  margin:0 0 -2px 4px
}
.d4tools-wrapper .d4t-FilterBar .d4t-filters {
  background-color:#141516;
  border:2px solid #282828;
  padding:2px;
  margin-top:4px
}
.d4tools-wrapper .d4t-FilterBar .d4t-filters .d4t-header-bar {
  display:flex;
  flex:row 1;
  justify-content:space-between;
  align-items:center;
  margin:-2px -2px 2px;
  background-color:#282828;
  font-size:16px
}
.d4tools-wrapper .d4t-FilterBar .d4t-filters .d4t-header-bar label {
  padding:3px
}
.d4tools-wrapper .d4t-FilterBar .d4t-filters .d4t-header-bar .d4t-clear {
  float:right
}
.d4tools-wrapper .d4t-PlannerSteps {
  display:flex;
  flex-direction:row
}
.d4tools-wrapper .d4t-PlannerSteps .d4t-button {
  background-color:#282828;
  margin-left:4px;
  padding:6px 8px 0;
  text-align:center;
  cursor:pointer
}
.d4tools-wrapper .d4t-PlannerSteps .d4t-button.d4t-active,
.d4tools-wrapper .d4t-PlannerSteps .d4t-button:hover {
  background-color:#555
}
.d4tools-wrapper .d4t-PlannerSteps .d4t-button svg {
  margin:2px 0 0
}
.d4tools-wrapper .d4t-PlannerSteps .d4t-copy {
  color:#057af0;
  margin:6px 6px 0;
  font-size:20px;
  cursor:pointer
}
.d4tools-wrapper .d4t-StepEditor .d4t-EmbedSteps {
  width:270px
}
.d4tools-wrapper .d4t-StepEditor .d4t-EmbedSteps li .d4t-delete,
.d4tools-wrapper .d4t-StepEditor .d4t-EmbedSteps li .d4t-move,
.d4tools-wrapper .d4t-StepEditor .d4t-EmbedSteps li .d4t-rename {
  display:block
}
.d4tools-wrapper .d4t-StepEditor .d4t-EmbedSteps li .d4t-delete.d4t-disabled,
.d4tools-wrapper .d4t-StepEditor .d4t-EmbedSteps li .d4t-move.d4t-disabled,
.d4tools-wrapper .d4t-StepEditor .d4t-EmbedSteps li .d4t-rename.d4t-disabled {
  color:#666;
  cursor:default
}
.d4tools-wrapper .d4t-StepImport textarea {
  width:250px;
  height:200px;
  margin-top:8px
}
.d4tools-wrapper .d4t-StepImport .ui-DialogFooter {
  margin-top:8px
}
.d4tools-wrapper .d4t-PlannerTreeScroll {
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  touch-action:none;
  -webkit-user-select:none;
  user-select:none;
  cursor:grab;
  background-color:#121212
}
.d4tools-wrapper .d4t-PlannerTreeScroll:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  box-shadow:inset 0 0 80px #000
}
.d4tools-wrapper .d4t-PlannerTreeScroll:active {
  cursor:grabbing
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-tree {
  position:absolute;
  background-image:url(https://d4reflection.org/img/characters/background.webp);
  -webkit-transform-origin:top left;
  transform-origin:top left;
  width:2048px;
  height:4096px;
  will-change:transform
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node {
  background-image:url(https://d4reflection.org/img/characters/frames.webp);
  position:absolute;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  z-index:1
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node .d4t-icon {
  position:absolute;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  cursor:pointer;
  -webkit-filter:brightness(50%);
  filter:brightness(50%)
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node.d4t-enabled .d4t-icon {
  -webkit-animation:node-flash 1.5s ease-in-out infinite;
  animation:node-flash 1.5s ease-in-out infinite
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node.d4t-active .d4t-icon {
  -webkit-filter:none;
  filter:none
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node.d4t-disabled:after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:60px;
  height:60px;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  background-image:url(https://d4reflection.org/img/characters/frames.webp);
  background-position:-240px -240px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node.d4t-node-mod.d4t-disabled:after {
  width:40px;
  height:40px;
  background-image:url(https://d4reflection.org/img/characters/frames.webp);
  background-size:200px auto;
  background-position:-160px -160px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node.d4t-highlight {
  -webkit-filter:drop-shadow(0 0 5px #0f0) drop-shadow(0 0 5px #0f0);
  filter:drop-shadow(0 0 5px #0f0) drop-shadow(0 0 5px #0f0)
}
@-webkit-keyframes node-flash {
  0% {
    -webkit-filter:opacity(100%);
    filter:opacity(100%)
  }
  50% {
    -webkit-filter:opacity(40%);
    filter:opacity(40%)
  }
  to {
    -webkit-filter:opacity(100%);
    filter:opacity(100%)
  }
}
@keyframes node-flash {
  0% {
    -webkit-filter:opacity(100%);
    filter:opacity(100%)
  }
  50% {
    -webkit-filter:opacity(40%);
    filter:opacity(40%)
  }
  to {
    -webkit-filter:opacity(100%);
    filter:opacity(100%)
  }
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-root {
  background-position:0 0;
  width:140px;
  height:140px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-root.d4t-active {
  background-position-x:-140px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-root .d4t-icon {
  inset:32px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-root .d4t-locked {
  position:absolute;
  left:36px;
  top:54px;
  font-family:Exocet;
  font-size:30px;
  color:red;
  text-shadow:0 0 3px #000
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-root .d4t-locked .d4t-points {
  display:inline-block;
  background-image:url(https://d4reflection.org/img/characters/points.webp);
  background-size:100% auto;
  width:28px;
  height:28px;
  margin-bottom:-6px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-skill {
  background-position:0 -140px;
  width:100px;
  height:100px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-skill.d4t-enabled {
  background-position-x:-100px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-skill.d4t-active {
  background-position-x:-200px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-skill .d4t-icon {
  inset:26px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-mod {
  background-position:0 -240px;
  width:60px;
  height:60px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-mod.d4t-enabled {
  background-position-x:-60px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-mod.d4t-active {
  background-position-x:-120px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-mod .d4t-icon {
  inset:12px;
  -webkit-mask-image:url(https://d4reflection.org/img/characters/frames.webp);
  mask-image:url(https://d4reflection.org/img/characters/frames.webp);
  -webkit-mask-position:-192px -252px;
  mask-position:-192px -252px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-passive {
  background-position:0 -300px;
  width:60px;
  height:60px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-passive.d4t-enabled {
  background-position-x:-60px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-passive.d4t-active {
  background-position-x:-120px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-passive .d4t-icon {
  inset:12px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-keystone {
  background-position:0 -360px;
  width:100px;
  height:100px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-keystone.d4t-enabled {
  background-position-x:-100px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-keystone.d4t-active {
  background-position-x:-200px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-keystone .d4t-icon {
  inset:27px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-rank {
  position:absolute;
  font-family:Exocet;
  font-size:20px;
  color:#fff;
  background-image:linear-gradient(90deg,transparent,#000,#000);
  text-align:right
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-skill .d4t-rank {
  inset:68px 26px auto
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-node-passive .d4t-rank {
  inset:44px 12px auto
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-line {
  position:absolute;
  background-image:url(https://d4reflection.org/img/characters/line.webp);
  height:40px;
  margin-top:-20px;
  -webkit-transform-origin:0 50%;
  transform-origin:0 50%
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-line.d4t-enabled {
  background-position-y:-40px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-line.d4t-active {
  background-position-y:-80px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-corner {
  position:absolute;
  border-image:url(https://d4reflection.org/img/characters/skill-lines.webp) 30/0 stretch
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-corner.d4t-enabled {
  border-image-source:url(https://d4reflection.org/img/characters/skill-lines-e.webp)
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-corner.d4t-active {
  border-image-source:url(https://d4reflection.org/img/characters/skill-lines-a.webp)
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-corner-tl {
  border-image-width:30px 0 0 30px;
  border-image-outset:20px 0 0 20px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-corner-tr {
  border-image-width:30px 30px 0 0;
  border-image-outset:20px 20px 0 0
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-corner-bl {
  border-image-width:0 0 30px 30px;
  border-image-outset:0 0 20px 20px
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-corner-br {
  border-image-width:0 30px 30px 0;
  border-image-outset:0 20px 20px 0
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-large-line {
  position:absolute;
  background-image:url(https://d4reflection.org/img/characters/large-line.webp);
  height:75px;
  margin-top:-38px;
  -webkit-transform-origin:0 50%;
  transform-origin:0 50%
}
.d4tools-wrapper .d4t-PlannerTreeScroll .d4t-large-line .d4t-fill {
  position:absolute;
  inset:0 auto 0 0;
  background-image:url(https://d4reflection.org/img/characters/large-line.webp);
  background-position-y:-75px
}
.d4tools-wrapper .d4t-PlannerSkillList {
  flex-shrink:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding-top:120px;
  padding-bottom:38px
}
.d4tools-wrapper .d4t-PlannerSkillList .d4t-SkillPreview {
  flex:1 1;
  flex-direction:row;
  overflow-y:auto;
  position:relative;
  z-index:0
}
.d4tools-wrapper .d4t-PlannerSkillList .d4t-SkillPreview .d4t-frame {
  transition:none
}
.d4tools-wrapper .ui-Tabs {
  position:relative;
  display:flex;
  flex-direction:column
}
.d4tools-wrapper .ui-Tabs-header {
  flex:0 0 auto;
  display:flex
}
.d4tools-wrapper .ui-Tabs-content {
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-y:overlay;
  background-color:#1b1c1d;
  z-index:0
}
.d4tools-wrapper .ui-Tab {
  z-index:1;
  text-align:center;
  text-shadow:2px 2px 2px rgba(0,0,0,.4);
  color:#95989b;
  background-color:#161718;
  font-family:Oswald;
  font-size:14px;
  height:47px;
  line-height:47px;
  position:relative;
  cursor:pointer;
  width:108px
}
.d4tools-wrapper .ui-Tab:not(:last-child) {
  margin-right:2px
}
.d4tools-wrapper .ui-Tab.ui-Tab-active {
  color:#f3faff;
  background-color:#1b1c1d;
  cursor:default
}
.d4tools-wrapper .ui-Tabs.ui-vertical {
  flex-direction:row
}
.d4tools-wrapper .ui-Tabs.ui-vertical .ui-Tab-line {
  display:none
}
.d4tools-wrapper .ui-Tabs.ui-vertical .ui-Tabs-header {
  flex-direction:column;
  padding:0 6px 0 0
}
.d4tools-wrapper .ui-Tabs.ui-vertical .ui-Tab {
  flex:0 0 auto;
  display:block;
  text-align:left
}
.d4tools-wrapper .ui-Tabs.ui-vertical .ui-Tab>span {
  display:block;
  padding:0
}
.d4tools-wrapper .ui-Tabs.ui-vertical .ui-Tab:not(:last-child) {
  margin:0 0 6px
}
.d4tools-wrapper .ui-Tabs.ui-vertical .ui-Tab.ui-Tab-active {
  margin-right:-6px
}
.d4tools-wrapper .ui-Tabs.ui-vertical .ui-Tab.ui-Tab-active>span {
  margin-right:6px
}
.d4tools-wrapper .ui-Tabs.ui-vertical .ui-Tab.ui-Tab-active:after {
  content:"";
  position:absolute;
  left:100%;
  top:0;
  bottom:0;
  height:auto;
  width:2px
}
@font-face {
  font-family:DiabloOldFenris;
  src:url(https://d4reflection.org/img/characters/Serif.cd8cd0ef.otf)
}
@font-face {
  font-family:DiabloSerif;
  src:url(https://d4reflection.org/img/characters/SansSerif.26d0ba43.ttf)
}
@font-face {
  font-family:DiabloSerif;
  font-style:italic;
  src:url(https://d4reflection.org/img/characters/SansSerif_Italic.694ffd04.ttf)
}
@font-face {
  font-family:DiabloSerif;
  font-weight:700;
  src:url(https://d4reflection.org/img/characters/SansSerif_Medium.56f09199.ttf)
}
@font-face {
  font-family:DiabloSerif;
  font-weight:700;
  font-style:italic;
  src:url(https://d4reflection.org/img/characters/SansSerif_MediumItalic.d5af85ea.ttf)
}
@font-face {
  font-family:Exocet;
  src:url(https://d4reflection.org/img/characters/ExocetMedium.01c9da0e.ttf)
}
.d4-gametip,
.d4tools-tooltip,
.d4tools-wrapper {
  line-height:normal
}
.d4-gametip .d4-style-u,
.d4tools-tooltip .d4-style-u,
.d4tools-wrapper .d4-style-u {
  text-decoration:underline
}
.d4-gametip .d4-style-b,
.d4tools-tooltip .d4-style-b,
.d4tools-wrapper .d4-style-b {
  font-weight:700
}
.d4-gametip .d4-color-white,
.d4tools-tooltip .d4-color-white,
.d4tools-wrapper .d4-color-white {
  color:#fff !important
}
.d4-gametip .d4-color-yellow,
.d4tools-tooltip .d4-color-yellow,
.d4tools-wrapper .d4-color-yellow {
  color:#ff0 !important
}
.d4-gametip .d4-color-blue,
.d4tools-tooltip .d4-color-blue,
.d4tools-wrapper .d4-color-blue {
  color:#7b7cf5 !important
}
.d4-gametip .d4-color-red,
.d4tools-tooltip .d4-color-red,
.d4tools-wrapper .d4-color-red {
  color:red !important
}
.d4-gametip .d4-color-green,
.d4tools-tooltip .d4-color-green,
.d4tools-wrapper .d4-color-green {
  color:#50d839 !important
}
.d4-gametip .d4-color-gold,
.d4tools-tooltip .d4-color-gold,
.d4tools-wrapper .d4-color-gold {
  color:#b79e7a !important
}
.d4-gametip .d4-color-label,
.d4tools-tooltip .d4-color-label,
.d4tools-wrapper .d4-color-label {
  color:#d6c2a0 !important
}
.d4-gametip .d4-color-resource,
.d4tools-tooltip .d4-color-resource,
.d4tools-wrapper .d4-color-resource {
  color:#ffff90 !important
}
.d4-gametip .d4-color-number,
.d4tools-tooltip .d4-color-number,
.d4tools-wrapper .d4-color-number {
  color:#f7cb86 !important
}
.d4-gametip .d4-color-important,
.d4tools-tooltip .d4-color-important,
.d4tools-wrapper .d4-color-important {
  color:#fff !important
}
.d4-gametip .d4-color-gray,
.d4tools-tooltip .d4-color-gray,
.d4tools-wrapper .d4-color-gray {
  color:#bfbfbf !important
}
.d4-gametip .d4-color-warning,
.d4tools-tooltip .d4-color-warning,
.d4tools-wrapper .d4-color-warning {
  color:#d99661 !important
}
.d4-gametip .d4-color-random,
.d4tools-tooltip .d4-color-random,
.d4tools-wrapper .d4-color-random {
  color:#c3c3fe !important
}
.d4-gametip .d4-color-common,
.d4tools-tooltip .d4-color-common,
.d4tools-wrapper .d4-color-common {
  color:#fff !important
}
.d4-gametip .d4-color-magic,
.d4tools-tooltip .d4-color-magic,
.d4tools-wrapper .d4-color-magic {
  color:#ababf8 !important
}
.d4-gametip .d4-color-rare,
.d4tools-tooltip .d4-color-rare,
.d4tools-wrapper .d4-color-rare {
  color:#ff0 !important
}
.d4-gametip .d4-color-legendary,
.d4tools-tooltip .d4-color-legendary,
.d4tools-wrapper .d4-color-legendary {
  color:#f8930a !important
}
.d4-gametip .d4-color-unique,
.d4tools-tooltip .d4-color-unique,
.d4tools-wrapper .d4-color-unique {
  color:#f7c99c
}
.d4-gametip .d4-color-set,
.d4tools-tooltip .d4-color-set,
.d4tools-wrapper .d4-color-set {
  color:#0f0 !important
}
.d4-gametip .d4-color-highlight,
.d4tools-tooltip .d4-color-highlight,
.d4tools-wrapper .d4-color-highlight {
  color:#bf6a2c !important
}
.d4-gametip .d4-color-specialcraftingmat,
.d4tools-tooltip .d4-color-specialcraftingmat,
.d4tools-wrapper .d4-color-specialcraftingmat {
  color:#f8930a !important
}
.d4-gametip .d4-color-inactive,
.d4tools-tooltip .d4-color-inactive,
.d4tools-wrapper .d4-color-inactive {
  color:#888 !important
}
.d4-gametip .d4-color-lightgray,
.d4tools-tooltip .d4-color-lightgray,
.d4tools-wrapper .d4-color-lightgray {
  color:#9c9c9c !important
}
.d4-gametip .d4-color-sky,
.d4tools-tooltip .d4-color-sky,
.d4tools-wrapper .d4-color-sky {
  color:#c3fffa !important
}
.d4-gametip .d4-font-icon,
.d4tools-tooltip .d4-font-icon,
.d4tools-wrapper .d4-font-icon {
  display:inline-block;
  background-image:url(https://d4reflection.org/img/characters/font-icons.webp)
}
.d4-gametip .d4-font-icon.d4-icon-119259083,
.d4tools-tooltip .d4-font-icon.d4-icon-119259083,
.d4tools-wrapper .d4-font-icon.d4-icon-119259083 {
  background-size:3.4em 3.6em;
  background-position:-.025em -.025em;
  width:.75em;
  height:.75em;
  margin:0 0 -.125em
}
.d4-gametip .d4-font-icon.d4-icon-1741287201,
.d4tools-tooltip .d4-font-icon.d4-icon-1741287201,
.d4tools-wrapper .d4-font-icon.d4-icon-1741287201 {
  background-size:2.04em 2.16em;
  background-position:-.495em -.015em;
  width:.75em;
  height:.75em;
  margin:0 0 -.125em
}
.d4-gametip .d4-font-icon.d4-icon-199340582,
.d4tools-tooltip .d4-font-icon.d4-icon-199340582,
.d4tools-wrapper .d4-font-icon.d4-icon-199340582 {
  background-size:3.1875em 3.375em;
  background-position:-.0234em -1.2422em;
  width:.75em;
  height:.75em;
  margin:0 0 -.125em
}
.d4-gametip .d4-font-icon.d4-icon-2186636708,
.d4tools-tooltip .d4-font-icon.d4-icon-2186636708,
.d4tools-wrapper .d4-font-icon.d4-icon-2186636708 {
  background-size:3.1875em 3.375em;
  background-position:-.8203em -1.2422em;
  width:.75em;
  height:.75em;
  margin:0 0 -.125em
}
.d4-gametip .d4-font-icon.d4-icon-3114611342,
.d4tools-tooltip .d4-font-icon.d4-icon-3114611342,
.d4tools-wrapper .d4-font-icon.d4-icon-3114611342 {
  background-size:3.1875em 3.375em;
  background-position:-1.6172em -1.2422em;
  width:.75em;
  height:.75em;
  margin:0 0 -.125em
}
.d4-gametip .d4-font-icon.d4-icon-3978023528,
.d4tools-tooltip .d4-font-icon.d4-icon-3978023528,
.d4tools-wrapper .d4-font-icon.d4-icon-3978023528 {
  background-size:2.2667em 2.4em;
  background-position:-1.4167em -.0167em;
  width:.75em;
  height:.6667em;
  margin:.0417em 0 -.0833em
}
.d4-gametip .d4-font-icon.d4-icon-3998888166,
.d4tools-tooltip .d4-font-icon.d4-icon-3998888166,
.d4tools-wrapper .d4-font-icon.d4-icon-3998888166 {
  background-size:3.1875em 3.375em;
  background-position:-2.4141em -1.0078em;
  width:.75em;
  height:.75em;
  margin:0 0 -.125em
}
.d4-gametip .d4-font-icon.d4-icon-4284023101,
.d4tools-tooltip .d4-font-icon.d4-icon-4284023101,
.d4tools-wrapper .d4-font-icon.d4-icon-4284023101 {
  background-size:3.1875em 3.375em;
  background-position:-2.4141em -1.8047em;
  width:.75em;
  height:.75em;
  margin:0 0 -.125em
}
.d4-gametip .d4-font-icon.d4-icon-90539672,
.d4tools-tooltip .d4-font-icon.d4-icon-90539672,
.d4tools-wrapper .d4-font-icon.d4-icon-90539672 {
  background-size:3.1875em 3.375em;
  background-position:-.0234em -2.6016em;
  width:.75em;
  height:.75em;
  margin:0 0 -.125em
}
.d4-gametip .d4t-sprite-icon,
.d4tools-tooltip .d4t-sprite-icon,
.d4tools-wrapper .d4t-sprite-icon {
  display:inline-block;
  font-size:20px;
  width:1.1em;
  height:1.1em;
  margin:-.2em .1em -.1em;
  vertical-align:middle;
  box-sizing:border-box;
  position:relative
}
.d4-gametip .d4t-sprite-icon .d4t-icon,
.d4-gametip .d4t-sprite-icon .d4t-image,
.d4tools-tooltip .d4t-sprite-icon .d4t-icon,
.d4tools-tooltip .d4t-sprite-icon .d4t-image,
.d4tools-wrapper .d4t-sprite-icon .d4t-icon,
.d4tools-wrapper .d4t-sprite-icon .d4t-image {
  position:absolute;
  width:1em;
  height:1em;
  top:.05em;
  left:.05em
}
.d4-gametip .d4t-sprite-icon .d4t-skills-icon,
.d4tools-tooltip .d4t-sprite-icon .d4t-skills-icon,
.d4tools-wrapper .d4t-sprite-icon .d4t-skills-icon {
  background-image:url(https://d4reflection.org/img/characters/skills.webp);
  background-size:16em auto
}
.d4-gametip .d4t-sprite-icon .d4t-items-icon,
.d4tools-tooltip .d4t-sprite-icon .d4t-items-icon,
.d4tools-wrapper .d4t-sprite-icon .d4t-items-icon {
  background-image:url(https://d4reflection.org/img/characters/items.webp);
  background-size:16em auto
}
.d4-gametip .d4t-sprite-icon .d4t-image,
.d4tools-tooltip .d4t-sprite-icon .d4t-image,
.d4tools-wrapper .d4t-sprite-icon .d4t-image {
  background-size:contain;
  background-repeat:no-repeat;
  background-position:50%
}
.d4-gametip .d4t-sprite-icon .d4t-aspect-icon,
.d4tools-tooltip .d4t-sprite-icon .d4t-aspect-icon,
.d4tools-wrapper .d4t-sprite-icon .d4t-aspect-icon {
  background-image:url(https://d4reflection.org/img/characters/aspects.webp);
  background-size:5em auto
}
.d4-gametip .d4t-sprite-icon .d4t-paragon-icon,
.d4tools-tooltip .d4t-sprite-icon .d4t-paragon-icon,
.d4tools-wrapper .d4t-sprite-icon .d4t-paragon-icon {
  background-image:url(https://d4reflection.org/img/characters/paragon.webp);
  background-size:auto 3em
}
.d4-gametip .d4t-sprite-icon .d4t-vampiric-icon,
.d4tools-tooltip .d4t-sprite-icon .d4t-vampiric-icon,
.d4tools-wrapper .d4t-sprite-icon .d4t-vampiric-icon {
  background-image:url(https://d4reflection.org/img/characters/vampiric.webp);
  background-size:16em auto
}
.d4-gametip .d4t-gems-icon,
.d4tools-tooltip .d4t-gems-icon,
.d4tools-wrapper .d4t-gems-icon {
  display:block;
  background-image:url(https://d4reflection.org/img/characters/gems.webp);
  background-size:16em auto;
  width:1em;
  height:1em
}
.d4-gametip .d4t-class-icon,
.d4tools-tooltip .d4t-class-icon,
.d4tools-wrapper .d4t-class-icon {
  font-size:20px;
  background-size:auto 1em;
  background-image:url(https://d4reflection.org/img/characters/class.webp);
  display:inline-block;
  width:1em;
  height:1em
}
.d4-gametip .d4t-class-icon.d4t-icon-32,
.d4tools-tooltip .d4t-class-icon.d4t-icon-32,
.d4tools-wrapper .d4t-class-icon.d4t-icon-32 {
  font-size:32px;
  background-image:url(https://d4reflection.org/img/characters/class32.webp)
}
.d4-gametip .d4t-class-icon.d4t-class-0,
.d4tools-tooltip .d4t-class-icon.d4t-class-0,
.d4tools-wrapper .d4t-class-icon.d4t-class-0 {
  background-position-x:-4em
}
.d4-gametip .d4t-class-icon.d4t-class-1,
.d4tools-tooltip .d4t-class-icon.d4t-class-1,
.d4tools-wrapper .d4t-class-icon.d4t-class-1 {
  background-position-x:-1em
}
.d4-gametip .d4t-class-icon.d4t-class-2,
.d4tools-tooltip .d4t-class-icon.d4t-class-2,
.d4tools-wrapper .d4t-class-icon.d4t-class-2 {
  background-position-x:0
}
.d4-gametip .d4t-class-icon.d4t-class-3,
.d4tools-tooltip .d4t-class-icon.d4t-class-3,
.d4tools-wrapper .d4t-class-icon.d4t-class-3 {
  background-position-x:-3em
}
.d4-gametip .d4t-class-icon.d4t-class-4,
.d4tools-tooltip .d4t-class-icon.d4t-class-4,
.d4tools-wrapper .d4t-class-icon.d4t-class-4 {
  background-position-x:-2em
}
.d4-gametip .ui-Select .d4t-class-icon,
.d4tools-tooltip .ui-Select .d4t-class-icon,
.d4tools-wrapper .ui-Select .d4t-class-icon {
  margin:-4px 0 -4px -4px
}
.d4-gametip .d4t-svg-inline,
.d4tools-tooltip .d4t-svg-inline,
.d4tools-wrapper .d4t-svg-inline {
  display:inline
}
.d4tools-wrapper .d4t-MapViewer {
  position:relative;
  width:min(1280px,100vw);
  height:min(800px,100vh)
}
.d4tools-wrapper .d4t-MapViewer.d4t-fullscreen {
  position:fixed;
  inset:0;
  width:unset;
  height:unset;
  z-index:1900
}
.d4tools-wrapper .d4t-MapViewer .d4t-info {
  position:absolute;
  z-index:10;
  left:0;
  top:0;
  padding:10px;
  font-size:24px
}
.d4tools-wrapper .d4t-MapViewer .d4t-controls {
  z-index:1;
  position:absolute;
  right:12px;
  top:12px;
  display:flex;
  flex-direction:column
}
.d4tools-wrapper .d4t-MapViewer .d4t-controls .d4t-button {
  font-size:32px;
  padding:10px;
  cursor:pointer;
  color:#057af0;
  -webkit-filter:drop-shadow(0 0 5px #000);
  filter:drop-shadow(0 0 5px #000)
}
.d4tools-wrapper .d4t-MapViewer .d4t-controls .d4t-button.d4t-disabled {
  color:#666;
  cursor:default
}
.d4tools-wrapper .d4t-MapScroll {
  position:absolute;
  inset:0;
  overflow:hidden;
  touch-action:none;
  -webkit-user-select:none;
  user-select:none;
  cursor:grab;
  background:#101010
}
.d4tools-wrapper .d4t-MapScroll:active {
  cursor:grabbing
}
.d4tools-wrapper .d4t-MapScroll .d4t-inner {
  position:absolute;
  inset:0;
  -webkit-transform-origin:top left;
  transform-origin:top left
}
.d4tools-wrapper .d4t-MapScroll canvas {
  position:absolute;
  inset:0;
  width:100%;
  height:100%
}
.d4tools-wrapper .d4t-MapScroll .d4t-overlay {
  position:absolute;
  inset:0;
  pointer-events:none;
  -webkit-transform-origin:top left;
  transform-origin:top left;
  text-align:right;
  z-index:20
}
.d4tools-wrapper .d4t-MapScroll .d4t-marker {
  position:absolute;
  font-size:48px;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  width:32px;
  height:32px;
  margin:-16px;
  padding:16px;
  border-radius:50%;
  z-index:10;
  -webkit-transform:scale(min(6.67,1/var(--scale)));
  transform:scale(min(6.67,1/var(--scale)));
  cursor:pointer
}
.d4tools-wrapper .d4t-MapScroll .d4t-marker .d4t-MarkerIcon {
  position:absolute;
  margin:-.5em;
  -webkit-transform-origin:center;
  transform-origin:center;
  transition:-webkit-transform .15s ease-in-out;
  transition:transform .15s ease-in-out;
  transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  pointer-events:none
}
.d4tools-wrapper .d4t-MapScroll .d4t-marker:hover .d4t-MarkerIcon {
  -webkit-transform:scale(1.25);
  transform:scale(1.25)
}
.d4tools-wrapper .d4t-MapScroll .d4t-marker .d4t-dot {
  position:absolute;
  width:16px;
  height:16px;
  margin:-8px;
  pointer-events:none;
  background-color:red;
  border-radius:50%
}
.d4tools-wrapper .d4t-MapScroll .d4t-label {
  position:absolute;
  font-size:26px;
  pointer-events:none;
  transition:-webkit-filter .5s ease-out;
  transition:filter .5s ease-out;
  transition:filter .5s ease-out,-webkit-filter .5s ease-out;
  font-family:DiabloOldFenris;
  z-index:9;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  width:320px;
  -webkit-transform-origin:top left;
  transform-origin:top left;
  color:#201a13;
  text-transform:uppercase;
  text-shadow:0 0 4px #98886a,0 0 4px #98886a,0 0 4px #98886a;
  -webkit-transform:scale(min(6.67,1/var(--scale)));
  transform:scale(min(6.67,1/var(--scale)))
}
.d4tools-wrapper .d4t-MapScroll .d4t-label.d4t-zone {
  font-size:32px
}
.d4tools-wrapper .d4t-MapScroll .d4t-label.d4t-hidden {
  -webkit-filter:opacity(0);
  filter:opacity(0)
}
.d4tools-wrapper .d4t-MapScroll .d4t-label.d4t-right {
  margin-left:-320px;
  text-align:right;
  -webkit-transform-origin:top right;
  transform-origin:top right
}
.d4tools-wrapper .d4t-MapScroll .d4t-label.d4t-center {
  margin-left:-160px;
  text-align:center;
  -webkit-transform-origin:top;
  transform-origin:top
}
.d4tools-wrapper .d4t-MapScroll .d4t-zone-icon {
  font-size:48px
}
.d4tools-wrapper .d4t-MapScroll .d4t-region {
  position:absolute;
  left:0;
  top:0;
  z-index:10;
  width:20480px;
  height:20480px;
  color:#b6ad99;
  -webkit-animation:fade-in .5s ease-in-out;
  animation:fade-in .5s ease-in-out;
  pointer-events:none
}
@-webkit-keyframes fade-in {
  0% {
    color:#b6ad9900
  }
  to {
    color:#b6ad99
  }
}
@keyframes fade-in {
  0% {
    color:#b6ad9900
  }
  to {
    color:#b6ad99
  }
}
.d4tools-wrapper .d4t-MapScroll .d4t-virtual-marker {
  position:absolute;
  cursor:pointer;
  z-index:10;
  width:1em;
  height:1em;
  margin:-.5em
}
.d4tools-wrapper .d4t-MapTiles img {
  position:absolute;
  pointer-events:none
}
.d4tools-wrapper .d4t-menu-button {
  position:absolute;
  z-index:10;
  background:#000;
  display:flex;
  font-size:32px;
  padding:6px;
  cursor:pointer;
  color:#057af0
}
.d4tools-wrapper .d4t-MapMenu {
  position:absolute;
  left:0;
  top:0;
  max-height:100%;
  z-index:10;
  background:rgba(0,0,0,.8666666667);
  overflow-y:auto;
  width:320px;
  padding:20px;
  font-family:DiabloSerif;
  font-size:16px
}
.d4tools-wrapper .d4t-MapMenu .d4t-header {
  height:32px;
  background-color:#000;
  margin:-20px -20px 20px;
  padding-left:20px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  font-family:DiabloOldFenris
}
.d4tools-wrapper .d4t-MapMenu .d4t-header .d4t-close {
  font-size:20px;
  padding:6px 8px;
  cursor:pointer;
  display:flex;
  color:#fff
}
.d4tools-wrapper .d4t-MapMenu .d4t-zone-icon {
  font-size:24px
}
.d4tools-wrapper .d4t-MapMenu .d4t-toggles li {
  height:24px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  cursor:pointer
}
.d4tools-wrapper .d4t-MapMenu .d4t-MarkerIcon {
  display:inline-block;
  font-size:24px;
  margin-bottom:-6px
}
.d4tools-wrapper .d4t-MapMenu .d4t-disabled {
  color:#888
}
.d4tools-wrapper .d4t-MapMenu .d4t-ProfileLine .ui-Select {
  margin-top:4px;
  width:100%
}
.d4tools-wrapper .d4t-MapMenu h3 {
  margin:8px 0
}
.d4tools-wrapper .d4t-MapMenu .d4t-buttons {
  color:#9c9c9c
}
.d4tools-wrapper .d4t-MapMenu .d4t-buttons span {
  color:#fff;
  cursor:pointer
}
.d4tools-wrapper .d4t-MapMenu .d4t-MapTimers {
  padding:12px 0;
  margin:12px 0;
  border-top:1px solid #666;
  border-bottom:1px solid #666
}
.d4tools-wrapper .d4t-MapMenu .d4t-SaveStatus {
  padding-top:12px;
  margin-top:12px;
  border-top:1px solid #666;
  color:#bfbfbf;
  position:relative
}
.d4tools-wrapper .d4t-MapMenu .d4t-SaveStatus .d4t-saving {
  position:absolute;
  right:0;
  top:24px;
  color:#fff
}
.d4tools-wrapper .d4t-MapMenu .d4t-MapTimers li {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  height:unset;
  margin:4px 0
}
.d4tools-wrapper .d4t-MapMenu .d4t-MapTimers li .d4t-label,
.d4tools-wrapper .d4t-MapMenu .d4t-MapTimers li i {
  color:#9c9c9c
}
.d4tools-wrapper .d4t-MapMenu .d4t-MapTimers li .d4t-active {
  color:#fff
}
.d4tools-wrapper .d4t-MapMenu input {
  background-color:#0e0e0f;
  box-shadow:inset 0 0 2px #0006,0 0 2px #0003;
  color:#cdcdcd;
  border:2px solid #282828;
  padding:2px;
  outline:none
}
.d4tools-wrapper .d4t-MapMenu input:focus:not[readonly] {
  border-color:#057af0
}
.d4tools-wrapper .d4t-MapMenu input.ui-Input-invalid {
  border-color:red!important
}
.d4tools-wrapper .d4t-MapMenu input[disabled],
.d4tools-wrapper .d4t-MapMenu input[readonly] {
  background-color:#121314
}
.d4tools-wrapper .d4t-MapMenu .d4t-adspace {
  margin:20px -20px 10px;
  text-align:center
}
.d4tools-wrapper .d4t-MapBanner {
  position:absolute;
  top:0;
  left:50%;
  width:min(920px,100%);
  -webkit-transform:translateX(-50%);
  transform:translate(-50%);
  min-height:64px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  font-family:DiabloOldFenris;
  color:#9c9c9c;
  background:url(https://d4reflection.org/img/characters/banner.webp);
  background-size:auto 100%;
  background-position:50%;
  padding:6px
}
.d4tools-wrapper .d4t-MapBanner .d4t-header {
  display:flex;
  flex-direction:column;
  font-size:18px;
  margin-top:-4px
}
.d4tools-wrapper .d4t-MapBanner .d4t-header .d4t-zone {
  color:#bfbfbf;
  text-transform:uppercase
}
.d4tools-wrapper .d4t-MapBanner .d4t-header .d4t-name {
  color:#d6c2a0;
  font-family:DiabloSerif
}
.d4tools-wrapper .d4t-MapBanner .d4t-separator {
  width:14px;
  height:44px;
  background:url(https://d4reflection.org/img/characters/banner-icons.webp);
  margin:0 8px 0 18px
}
.d4tools-wrapper .d4t-MapBanner .d4t-category {
  display:flex;
  align-items:center;
  font-size:16px
}
.d4tools-wrapper .d4t-MapBanner .d4t-category .d4t-frame {
  width:44px;
  height:34px;
  margin:6px 0;
  background:url(https://d4reflection.org/img/characters/banner-icons.webp);
  background-position:-14px 0;
  font-size:28px;
  position:relative
}
.d4tools-wrapper .d4t-MapBanner .d4t-category .d4t-frame .d4t-MarkerIcon {
  position:absolute;
  left:17px;
  top:17px;
  margin:-14px
}
.d4tools-wrapper .d4t-MapBanner .d4t-category .d4t-count {
  margin:-4px 0 0 8px;
  width:50px
}
@media screen and (max-width:600px) {
  .d4tools-wrapper .d4t-MapBanner .d4t-header {
    flex-direction:row;
    width:100%;
    justify-content:space-evenly;
    align-items:center;
    margin:8px 0
  }
  .d4tools-wrapper .d4t-MapBanner .d4t-separator {
    display:none
  }
}
.d4-gametip .d4t-zone-icon,
.d4tools-tooltip .d4t-zone-icon,
.d4tools-wrapper .d4t-zone-icon {
  display:inline-block;
  width:.875em;
  height:1em;
  background-image:url(https://d4reflection.org/img/characters/regions.webp);
  background-size:5em 1em;
  margin:0 .17em -.33em 0
}
.d4-gametip .d4t-zone-icon.d4t-zone-0,
.d4tools-tooltip .d4t-zone-icon.d4t-zone-0,
.d4tools-wrapper .d4t-zone-icon.d4t-zone-0 {
  background-position-x:-.0625em
}
.d4-gametip .d4t-zone-icon.d4t-zone-1,
.d4tools-tooltip .d4t-zone-icon.d4t-zone-1,
.d4tools-wrapper .d4t-zone-icon.d4t-zone-1 {
  background-position-x:-1.0625em
}
.d4-gametip .d4t-zone-icon.d4t-zone-2,
.d4tools-tooltip .d4t-zone-icon.d4t-zone-2,
.d4tools-wrapper .d4t-zone-icon.d4t-zone-2 {
  background-position-x:-2.0625em
}
.d4-gametip .d4t-zone-icon.d4t-zone-3,
.d4tools-tooltip .d4t-zone-icon.d4t-zone-3,
.d4tools-wrapper .d4t-zone-icon.d4t-zone-3 {
  background-position-x:-3.0625em
}
.d4-gametip .d4t-zone-icon.d4t-zone-4,
.d4tools-tooltip .d4t-zone-icon.d4t-zone-4,
.d4tools-wrapper .d4t-zone-icon.d4t-zone-4 {
  background-position-x:-4.0625em
}
.d4-gametip .d4t-MarkerIcon,
.d4tools-tooltip .d4t-MarkerIcon,
.d4tools-wrapper .d4t-MarkerIcon {
  background-image:url(https://d4reflection.org/img/characters/icons.webp);
  background-size:30em 2em;
  width:1em;
  height:1em
}
.d4-gametip .d4t-MarkerIcon.d4t-dungeon,
.d4tools-tooltip .d4t-MarkerIcon.d4t-dungeon,
.d4tools-wrapper .d4t-MarkerIcon.d4t-dungeon {
  background-position-x:0
}
.d4-gametip .d4t-MarkerIcon.d4t-shrine,
.d4tools-tooltip .d4t-MarkerIcon.d4t-shrine,
.d4tools-wrapper .d4t-MarkerIcon.d4t-shrine {
  background-position-x:-1em
}
.d4-gametip .d4t-MarkerIcon.d4t-cellar,
.d4tools-tooltip .d4t-MarkerIcon.d4t-cellar,
.d4tools-wrapper .d4t-MarkerIcon.d4t-cellar {
  background-position-x:-2em
}
.d4-gametip .d4t-MarkerIcon.d4t-altar,
.d4tools-tooltip .d4t-MarkerIcon.d4t-altar,
.d4tools-wrapper .d4t-MarkerIcon.d4t-altar {
  background-position-x:-3em
}
.d4-gametip .d4t-MarkerIcon.d4t-chest,
.d4tools-tooltip .d4t-MarkerIcon.d4t-chest,
.d4tools-wrapper .d4t-MarkerIcon.d4t-chest {
  background-position-x:-4em
}
.d4-gametip .d4t-MarkerIcon.d4t-area,
.d4tools-tooltip .d4t-MarkerIcon.d4t-area,
.d4tools-wrapper .d4t-MarkerIcon.d4t-area {
  background-position-x:-5em
}
.d4-gametip .d4t-MarkerIcon.d4t-side-quest,
.d4tools-tooltip .d4t-MarkerIcon.d4t-side-quest,
.d4tools-wrapper .d4t-MarkerIcon.d4t-side-quest {
  background-position-x:-6em
}
.d4-gametip .d4t-MarkerIcon.d4t-side-objective,
.d4tools-tooltip .d4t-MarkerIcon.d4t-side-objective,
.d4tools-wrapper .d4t-MarkerIcon.d4t-side-objective {
  background-position-x:-7em
}
.d4-gametip .d4t-MarkerIcon.d4t-main-objective,
.d4tools-tooltip .d4t-MarkerIcon.d4t-main-objective,
.d4tools-wrapper .d4t-MarkerIcon.d4t-main-objective {
  background-position-x:-8em
}
.d4-gametip .d4t-MarkerIcon.d4t-main-quest,
.d4tools-tooltip .d4t-MarkerIcon.d4t-main-quest,
.d4tools-wrapper .d4t-MarkerIcon.d4t-main-quest {
  background-position-x:-9em
}
.d4-gametip .d4t-MarkerIcon.d4t-poi,
.d4tools-tooltip .d4t-MarkerIcon.d4t-poi,
.d4tools-wrapper .d4t-MarkerIcon.d4t-poi {
  background-position-x:-10em
}
.d4-gametip .d4t-MarkerIcon.d4t-portal,
.d4tools-tooltip .d4t-MarkerIcon.d4t-portal,
.d4tools-wrapper .d4t-MarkerIcon.d4t-portal {
  background-position-x:-11em
}
.d4-gametip .d4t-MarkerIcon.d4t-stronghold,
.d4tools-tooltip .d4t-MarkerIcon.d4t-stronghold,
.d4tools-wrapper .d4t-MarkerIcon.d4t-stronghold {
  background-position-x:-12em
}
.d4-gametip .d4t-MarkerIcon.d4t-waypoint,
.d4tools-tooltip .d4t-MarkerIcon.d4t-waypoint,
.d4tools-wrapper .d4t-MarkerIcon.d4t-waypoint {
  background-position-x:-13em
}
.d4-gametip .d4t-MarkerIcon.d4t-town,
.d4tools-tooltip .d4t-MarkerIcon.d4t-town,
.d4tools-wrapper .d4t-MarkerIcon.d4t-town {
  background-position-x:-14em
}
.d4-gametip .d4t-MarkerIcon.d4t-capstone,
.d4tools-tooltip .d4t-MarkerIcon.d4t-capstone,
.d4tools-wrapper .d4t-MarkerIcon.d4t-capstone {
  background-position-x:-15em
}
.d4-gametip .d4t-MarkerIcon.d4t-main-dungeon,
.d4tools-tooltip .d4t-MarkerIcon.d4t-main-dungeon,
.d4tools-wrapper .d4t-MarkerIcon.d4t-main-dungeon {
  background-position-x:-16em
}
.d4-gametip .d4t-MarkerIcon.d4t-side-dungeon,
.d4tools-tooltip .d4t-MarkerIcon.d4t-side-dungeon,
.d4tools-wrapper .d4t-MarkerIcon.d4t-side-dungeon {
  background-position-x:-17em
}
.d4-gametip .d4t-MarkerIcon.d4t-disabled,
.d4tools-tooltip .d4t-MarkerIcon.d4t-disabled,
.d4tools-wrapper .d4t-MarkerIcon.d4t-disabled {
  background-position-y:-1em
}
.d4-gametip .d4t-MarkerIcon.d4t-stash,
.d4tools-tooltip .d4t-MarkerIcon.d4t-stash,
.d4tools-wrapper .d4t-MarkerIcon.d4t-stash {
  background-position:-18em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-wardrobe,
.d4tools-tooltip .d4t-MarkerIcon.d4t-wardrobe,
.d4tools-wrapper .d4t-MarkerIcon.d4t-wardrobe {
  background-position:-19em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-healer,
.d4tools-tooltip .d4t-MarkerIcon.d4t-healer,
.d4tools-wrapper .d4t-MarkerIcon.d4t-healer {
  background-position:-20em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-weapons,
.d4tools-tooltip .d4t-MarkerIcon.d4t-weapons,
.d4tools-wrapper .d4t-MarkerIcon.d4t-weapons {
  background-position:-21em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-armor,
.d4tools-tooltip .d4t-MarkerIcon.d4t-armor,
.d4tools-wrapper .d4t-MarkerIcon.d4t-armor {
  background-position:-22em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-amulets,
.d4tools-tooltip .d4t-MarkerIcon.d4t-amulets,
.d4tools-wrapper .d4t-MarkerIcon.d4t-amulets {
  background-position:-23em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-gambler,
.d4tools-tooltip .d4t-MarkerIcon.d4t-gambler,
.d4tools-wrapper .d4t-MarkerIcon.d4t-gambler {
  background-position:-24em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-stable,
.d4tools-tooltip .d4t-MarkerIcon.d4t-stable,
.d4tools-wrapper .d4t-MarkerIcon.d4t-stable {
  background-position:-25em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-pvpwardrobe,
.d4tools-tooltip .d4t-MarkerIcon.d4t-pvpwardrobe,
.d4tools-wrapper .d4t-MarkerIcon.d4t-pvpwardrobe {
  background-position:-26em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-pvpgambler,
.d4tools-tooltip .d4t-MarkerIcon.d4t-pvpgambler,
.d4tools-wrapper .d4t-MarkerIcon.d4t-pvpgambler {
  background-position:-27em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-pvpstable,
.d4tools-tooltip .d4t-MarkerIcon.d4t-pvpstable,
.d4tools-wrapper .d4t-MarkerIcon.d4t-pvpstable {
  background-position:-28em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-pvpscroll,
.d4tools-tooltip .d4t-MarkerIcon.d4t-pvpscroll,
.d4tools-wrapper .d4t-MarkerIcon.d4t-pvpscroll {
  background-position:-29em 0
}
.d4-gametip .d4t-MarkerIcon.d4t-smith,
.d4tools-tooltip .d4t-MarkerIcon.d4t-smith,
.d4tools-wrapper .d4t-MarkerIcon.d4t-smith {
  background-position:-18em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-alchemist,
.d4tools-tooltip .d4t-MarkerIcon.d4t-alchemist,
.d4tools-wrapper .d4t-MarkerIcon.d4t-alchemist {
  background-position:-19em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-occultist,
.d4tools-tooltip .d4t-MarkerIcon.d4t-occultist,
.d4tools-wrapper .d4t-MarkerIcon.d4t-occultist {
  background-position:-20em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-jeweler,
.d4tools-tooltip .d4t-MarkerIcon.d4t-jeweler,
.d4tools-wrapper .d4t-MarkerIcon.d4t-jeweler {
  background-position:-21em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-cleansing,
.d4tools-tooltip .d4t-MarkerIcon.d4t-cleansing,
.d4tools-wrapper .d4t-MarkerIcon.d4t-cleansing {
  background-position:-22em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-well,
.d4tools-tooltip .d4t-MarkerIcon.d4t-well,
.d4tools-wrapper .d4t-MarkerIcon.d4t-well {
  background-position:-23em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-worldtier,
.d4tools-tooltip .d4t-MarkerIcon.d4t-worldtier,
.d4tools-wrapper .d4t-MarkerIcon.d4t-worldtier {
  background-position:-24em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-event,
.d4tools-tooltip .d4t-MarkerIcon.d4t-event,
.d4tools-wrapper .d4t-MarkerIcon.d4t-event {
  background-position:-25em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-tree,
.d4tools-tooltip .d4t-MarkerIcon.d4t-tree,
.d4tools-wrapper .d4t-MarkerIcon.d4t-tree {
  background-position:-26em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-helltide,
.d4tools-tooltip .d4t-MarkerIcon.d4t-helltide,
.d4tools-wrapper .d4t-MarkerIcon.d4t-helltide {
  background-position:-27em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-reward,
.d4tools-tooltip .d4t-MarkerIcon.d4t-reward,
.d4tools-wrapper .d4t-MarkerIcon.d4t-reward {
  background-position:-28em -1em
}
.d4-gametip .d4t-MarkerIcon.d4t-check,
.d4tools-tooltip .d4t-MarkerIcon.d4t-check,
.d4tools-wrapper .d4t-MarkerIcon.d4t-check {
  background-position:-29em -1em
}
.d4-gametip .d4t-MapProfileDialog,
.d4tools-tooltip .d4t-MapProfileDialog,
.d4tools-wrapper .d4t-MapProfileDialog {
  width:300px
}
.d4-gametip .d4t-MapProfileDialog ul,
.d4tools-tooltip .d4t-MapProfileDialog ul,
.d4tools-wrapper .d4t-MapProfileDialog ul {
  margin:10px 0
}
.d4-gametip .d4t-MapProfileDialog li,
.d4tools-tooltip .d4t-MapProfileDialog li,
.d4tools-wrapper .d4t-MapProfileDialog li {
  display:flex;
  flex-direction:row;
  height:24px;
  align-items:center
}
.d4-gametip .d4t-MapProfileDialog .d4t-name,
.d4tools-tooltip .d4t-MapProfileDialog .d4t-name,
.d4tools-wrapper .d4t-MapProfileDialog .d4t-name {
  flex-grow:1
}
.d4-gametip .d4t-MapProfileDialog input,
.d4tools-tooltip .d4t-MapProfileDialog input,
.d4tools-wrapper .d4t-MapProfileDialog input {
  border:none;
  padding:1px;
  margin:-1px;
  box-shadow:none;
  background:none;
  color:inherit;
  outline:none
}
.d4-gametip .d4t-MapProfileDialog .d4t-count,
.d4tools-tooltip .d4t-MapProfileDialog .d4t-count,
.d4tools-wrapper .d4t-MapProfileDialog .d4t-count {
  color:#aaa;
  margin-left:4px;
  margin-right:4px
}
.d4-gametip .d4t-MapProfileDialog .d4t-remove,
.d4-gametip .d4t-MapProfileDialog .d4t-rename,
.d4tools-tooltip .d4t-MapProfileDialog .d4t-remove,
.d4tools-tooltip .d4t-MapProfileDialog .d4t-rename,
.d4tools-wrapper .d4t-MapProfileDialog .d4t-remove,
.d4tools-wrapper .d4t-MapProfileDialog .d4t-rename {
  color:#aaa;
  font-size:16px;
  margin-left:4px;
  cursor:pointer
}
.d4-gametip .d4t-MapProfileDialog .d4t-rename:hover,
.d4-gametip .d4t-MapProfileDialog li.d4t-editing .d4t-rename,
.d4tools-tooltip .d4t-MapProfileDialog .d4t-rename:hover,
.d4tools-tooltip .d4t-MapProfileDialog li.d4t-editing .d4t-rename,
.d4tools-wrapper .d4t-MapProfileDialog .d4t-rename:hover,
.d4tools-wrapper .d4t-MapProfileDialog li.d4t-editing .d4t-rename {
  color:#057af0
}
.d4-gametip .d4t-MapProfileDialog .d4t-remove:hover,
.d4tools-tooltip .d4t-MapProfileDialog .d4t-remove:hover,
.d4tools-wrapper .d4t-MapProfileDialog .d4t-remove:hover {
  color:#f44
}
.d4-gametip .d4t-MapProfileDialog .d4t-create,
.d4tools-tooltip .d4t-MapProfileDialog .d4t-create,
.d4tools-wrapper .d4t-MapProfileDialog .d4t-create {
  color:#057af0;
  cursor:pointer
}
.d4tools-wrapper * :not(.d4tools-tooltip, .d4tools-tooltip *) {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  color:inherit;
  text-decoration:none;
  vertical-align:initial;
  box-sizing:border-box
}
.d4tools-wrapper article,
.d4tools-wrapper aside,
.d4tools-wrapper details,
.d4tools-wrapper figcaption,
.d4tools-wrapper figure,
.d4tools-wrapper footer,
.d4tools-wrapper header,
.d4tools-wrapper hgroup,
.d4tools-wrapper menu,
.d4tools-wrapper nav,
.d4tools-wrapper section {
  display:block
}
.d4tools-wrapper ol,
.d4tools-wrapper ul {
  list-style:none
}
.d4tools-wrapper blockquote,
.d4tools-wrapper q {
  quotes:none
}
.d4tools-wrapper blockquote:after,
.d4tools-wrapper blockquote:before,
.d4tools-wrapper q:after,
.d4tools-wrapper q:before {
  content:"";
  content:none
}
.d4tools-wrapper table {
  border-collapse:collapse;
  border-spacing:0
}