:host {
  display: grid;
  position: relative;
}

:host(.hidden) {
  display: none;
}

:host(.dimmed) img {
  filter: brightness(60%);
  position: relative;
  z-index: -1;
}

.detected-object {
  position: absolute;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

.loader {
  -webkit-animation: 1.5s cubic-bezier(.68, -0.55, .27, 1.55) 0s infinite spin;
          animation: 1.5s cubic-bezier(.68, -0.55, .27, 1.55) 0s infinite spin;
  display: grid;
  filter: box-shadow(1px 1px 2px black);
  height: 1rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  position: absolute;
  width: 1rem;
  z-index: 10;
}