.l2-toggle-active {
  box-shadow: inset 0 0 0 1px #7fd8e8, 0 0 5px rgba(127,216,232,.8);
  border-radius: 2px;
}


.l2-skill-cell.l2-toggle-active { box-shadow: none; }

.l2-skill-cell.l2-toggle-active > div:first-child {
  box-shadow: inset 0 0 0 1px #7fd8e8, 0 0 5px rgba(127,216,232,.8);
  border-radius: 2px;
}



.npc-dialog-body { font-size: 0; }
         
.npc-dialog-content { word-break: break-word; }


.l2h-w { display: inline-block; vertical-align: top; }

.l2h-w canvas { display: block; }


.l2h-sp { display: inline-block; vertical-align: top; }

.npc-link { cursor: pointer; }


span.l2h-w.npc-link, span.l2h-sp.npc-link { border-bottom: 1px solid currentColor; }


span.l2h-w.npc-link { position: relative; }

span.l2h-w.npc-link[data-sp]::after {
  content: ''; position: absolute; left: 100%; top: 100%;
  width: var(--l2h-space, 0px); height: 1px; background: currentColor;
}


.npc-link { color: #6699FF; }

.npc-btn { user-select: none; }

.npc-btn-label {
  position: absolute; left: 0; right: 0; top: 50%;
  transform: translateY(-50%); text-align: center; pointer-events: none;
}

.npc-btn-label canvas { display: inline-block; vertical-align: middle; }

.npc-btn[data-disabled] { cursor: default; }

.npc-table { font-size: 0; }

.npc-table td { vertical-align: top; }

.npc-html-img { background-repeat: no-repeat; }


.npc-html-scroll { scrollbar-width: none; }

.npc-html-scroll::-webkit-scrollbar { width: 0; height: 0; }

.npc-sb-btn { background-repeat: no-repeat; }

.npc-sb-thumb { cursor: pointer; }


.npc-edit {
  font: 11px monospace; background-color: transparent;
  border: 0; vertical-align: top;
}

select.npc-edit { background: #000; color: #DCDCDC; border: 1px solid #555; }