/* video-states.css — The reel's loading, empty, error and locked video cards. */

.vstate .sub {
  max-width: 34rem;
  margin-inline: auto;
}

.vstate .actions {
  margin-top: 24px;
}

.state-link {
  text-decoration: none;
}

.sampler-note {
  max-width: 34rem;
  margin-inline: auto;
}

/* The card sits on the black video ground, so its text is light in both
   themes rather than following the paper palette. */
.locked {
  padding: 0 24px;
}

.locked .lockicon {
  font-size: 2.4rem;
  margin-bottom: 14px;
}

.locked .q {
  margin-bottom: 8px;
  color: #fff;
}

.locked .sub {
  color: rgb(255 255 255 / 72%);
}