.scanner__placeholder {
  width: 100%;
  max-width: 400px;
  aspect-ratio: 3/4;
  display: flex;
  justify-content: center;
  align-items: center;
  place-self: center;
}

.scanner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.scanner__viewport {
  position: relative;
  width: 100%;
  max-width: 400px;
  aspect-ratio: 3/4;
  background-color: #15191e;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 40rem) {
  .scanner__viewport {
    border-radius: 1rem;
  }
}

.scanner__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.scanner__result-heading {
  margin: 0 1rem;
  margin-bottom: 0.5rem;
}

.scanner__result-title {
  margin-bottom: 0.5rem;
}

/*# sourceMappingURL=/assets/pages/scanners/_show-5a078832.css.map */