/* Copyright Ayers Electronics Inc. All rights reserved. */

/* The kind icons (js/library-kind-icons.js): each kind's FxEmoji file, in the colours the set ships. */
.kind-face {
  width: var(--icon-size-kind-face);
  height: var(--icon-size-kind-face);
  flex: none;
}

/* On the title face: the icon centred, the kind word under it (tiles.css .stock-kind). A replaced
   element placed between left and right with auto margins centres at its own width. */
.art-missing.stock .stock-icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 42%;
  height: 26%;
  width: auto;
}

/* A library's own cover stands whole and uncropped on the tile's ground. */
#odLibraries .poster {
  object-fit: contain;
}

/* A library with no cover of its own: the same face, the icon alone, larger and whole. */
.art-missing.stock.kind-cover .stock-icon {
  top: 28%;
  height: 44%;
}

/* Over the picture: the icon rides beside the name on the same line. */
.card .title-row-icon {
  display: inline-flex;
  align-items: center;
  width: var(--icon-size-kind-face);
  height: var(--icon-size-kind-face);
  margin-right: 6px;
  flex: none;
}