.h5p-trial-warning {
  background: #f5e8d5;
  color: #9e5c16;
  font-family: Arial;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: -1em -1em 1em -1em;
  padding: 0.5em 0.5em 1em 2em;
}

.h5p-trial-warning a {
  color: #9e5c16;
  font-weight: 400;
  text-decoration: underline;
}

.h5p-trial-warning:before {
  display: inline-block;
  position: absolute;
  left: 0.5em;
  width: 1.5em;
  height: 1.5em;

  content: ' ';

  background-image: url(../icons/note-brown.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.h5p-trial-warning-embed {
  padding: 0.5em;
  padding-left: 2.2em;
  font-size: 14px;
  font-family: Arial;
  background: #e6effa;
  color: #165d9d;
}

.h5p-trial-warning-embed:before {
  display: inline-block;
  position: absolute;
  left: 0.5em;
  top: 0.6em;
  width: 1.5em;
  height: 1.5em;

  content: ' ';

  background-image: url(../icons/note-blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.h5p-trial-warning-embed a {
  color: #165d9d;
  text-decoration: underline;
}

.h5p-fullscreen .h5p-trial-warning-embed,
.h5p-semi-fullscreen .h5p-trial-warning-embed {
  display: none;
}