@import "./styles.css";

.squad-layout-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.squad-label.is-layout[hidden] {
  display: none;
}

.squad-label.is-layout {
  display: grid;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 4px 6px;
  border: 1px solid currentColor;
  border-radius: 0;
  background: var(--panel);
  box-shadow: none;
  transform: translate(-50%, -50%);
}

.squad-label.is-layout::after {
  display: none;
}

.squad-label.is-layout .squad-caption,
.squad-label.is-layout .squad-details {
  display: block;
}

.squad-label.is-layout .squad-layout-icon {
  position: relative;
  inset: auto;
  display: block;
  width: 22px;
  height: 22px;
  margin: 0;
}

.squad-label.is-layout .squad-layout-icon > b {
  display: none;
}

.squad-label.is-layout.is-selected {
  background: rgba(18, 28, 32, 0.92);
  box-shadow: 0 0 0 1px #fff;
}

.squad-label.is-attack-target {
  z-index: 9;
  box-shadow: 0 0 0 2px #e8b39a;
}