/* ============================================= */
/* IN-UNIVERSE INSERTS (banner images)           */
/* Injected by assets/js/inserts.js on wiki      */
/* article pages. A hairline frame, a dismiss    */
/* control, nothing else.                        */
/* ============================================= */

.insert {
  position: relative;
  clear: both;
  max-width: 728px;
  margin: 1.6rem auto;
  border: 1px solid var(--border-color-light);
  overflow: hidden;
  line-height: 0;
}

.insert-link {
  display: block;
  line-height: 0;
}

.insert-img {
  display: block;
  width: 100%;
  height: auto;
}

.insert-close {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
  border: none;
  background: rgba(255, 255, 255, 0.85);
  color: #202122;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}

.insert-close:hover {
  background: #fff;
}

[data-theme="dark"] .insert-close {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

[data-theme="dark"] .insert-close:hover {
  background: rgba(0, 0, 0, 0.85);
}

/* Right rail (desktop only): narrow vertical artwork below Connections. */
.rail-insert {
  display: none;
}

@media (min-width: 1101px) {
  .article-layout--connections .rail-insert {
    display: block;
  }

  .rail-insert .insert {
    max-width: none;
    margin: 1rem 0 0;
  }
}