.action-art {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("/assets/hd/action-art.png");
  background-size: 600% 600%;
  border-radius: 3px;
  vertical-align: middle;
}
.hotkey .glyph .action-art {
  width: 40px;
  height: 40px;
}
.hotkey .glyph {
  min-height: 40px;
}
.hotkey .cooldown.hidden,
.item-cooldown[hidden] {
  display: none !important;
}
.item-cooldown {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: #0c1826ba;
  color: #fff;
  font-size: 16px;
  z-index: 4;
  pointer-events: none;
}
.equipment-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 4px;
}
.equipment-controls #combat-controls {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 25px;
  flex: none;
  margin: 0;
  padding: 0;
  border: 0;
}
.equipment-controls .combat-stances,
.equipment-controls .combat-toggles {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.equipment-controls .paperdoll {
  margin: 0;
  width: 126px;
  height: 166px;
  flex: none;
}
.equipment-content .paperdoll {
  grid-template-columns: repeat(3, 40px);
  grid-template-rows: repeat(4, 40px);
  gap: 2px;
}
.equipment-content .paperdoll .gear-slot,
.equipment-content .paperdoll .ammo-slot {
  width: 40px;
  height: 40px;
  padding: 1px;
}
.equipment-content .paperdoll .gear-slot canvas {
  width: 36px;
  height: 36px;
  border: 0;
  outline: 0;
  box-shadow: none;
}
.equipment-controls .combat-stances button,
.equipment-controls .combat-toggles button {
  width: 25px;
  height: 25px;
  padding: 2px;
}
.equipment-controls #combat-controls svg {
  width: 19px;
  height: 19px;
}
.gear-slot.filled {
  border-color: #47574a !important;
  box-shadow: none !important;
  background: #18241d !important;
}
.gear-slot.filled:before,
.gear-slot.filled:after {
  border: 0 !important;
  box-shadow: none !important;
}
.carry-status {
  padding: 3px 5px;
  font-size: 11px;
}
#panel-friends {
  position: relative;
}
.friends-add {
  position: absolute;
  right: 5px;
  top: 4px;
}
.friends-list {
  padding-right: 31px;
  margin-top: 0;
}
.trade-mode-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
}
.trade-mode-tabs .active {
  background: #3c513d;
  color: #e7e9ce;
}
.world-dragging {
  cursor: grabbing !important;
}
.quantity-dialog {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
}
.quantity-dialog label {
  grid-column: 1/-1;
}
.quantity-dialog input {
  width: 100%;
}
.action-title {
  gap: 5px;
}
#magic-level {
  margin-left: auto;
}
@media (max-width: 700px) {
  .action-art,
  .hotkey .glyph .action-art {
    width: 32px;
    height: 32px;
  }
  .hotkey .glyph {
    min-height: 32px;
  }
  .action-title button {
    font-size: 10px;
  }
  #magic-level {
    display: none;
  }
}

#autoloot-settings {
  margin-left: auto;
}
.dock-toolbar .dock-reset {
  margin-left: 0;
}