/* [project]/components/games/7dso/skin/seven-dso-character-tile.css [app-client] (css) */
.hn-dso-character-tile {
  width: var(--hn-dct-size, 58px);
  height: var(--hn-dct-size, 58px);
  min-width: var(--hn-dct-size, 58px);
  flex-shrink: 0;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.hn-dso-character-tile__ring {
  background: #0d1829;
  border: 1px solid #243041;
  border-radius: 999px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 24px #00000047;
}

.hn-dso-character-tile__ring--featured {
  border: 2px solid #d6a84a;
  box-shadow: 0 0 0 1px #d6a84a66, 0 0 18px #d6a84a59, 0 10px 24px #00000052;
}

.hn-dso-character-tile__img {
  object-fit: cover;
  object-position: center top;
  width: 100%;
  height: 100%;
}

.hn-dso-character-tile__empty {
  background: linear-gradient(135deg, #1c2236 0%, #0d1829 100%);
  width: 100%;
  height: 100%;
  display: block;
}

.hn-dso-character-tile__count {
  min-width: var(--hn-dct-count-w, 18px);
  height: var(--hn-dct-count-w, 18px);
  z-index: 2;
  color: #f8fafc;
  background: #080f1bf5;
  border: 1px solid #243041;
  border-radius: 999px;
  place-items: center;
  padding-inline: 4px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  display: grid;
  position: absolute;
  top: -3px;
  right: -3px;
  box-shadow: 0 2px 8px #00000059;
}

.hn-dso-character-tile--elevated .hn-dso-character-tile__frame {
  box-sizing: border-box;
  background: linear-gradient(#d6975a 0%, #b07638 55%, #8a5a26 100%);
  border: 2px solid #e8b377;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  padding: 3px;
  box-shadow: 0 2px 8px #00000080;
}

.hn-dso-character-tile--elevated.hn-dso-character-tile--empty .hn-dso-character-tile__frame {
  background: #111b2e;
  border: 2px dashed #3b567a;
}

.hn-dso-character-tile--elevated .hn-dso-character-tile__inner {
  background: #0d1829;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

/*# sourceMappingURL=0x.~t.wn4x9hf.css.map*/