/* ========================================================================
   Hardware wallet splash / instructions screen
   ======================================================================== */

/* Instructions sidebar */
.instructions ol {
  font-size: 1.5em;
  padding-left: 1em;
}

.instructions ol small {
  display: block;
}

.guardian-hardware-wallet {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
}

@media (min-width: 1200px) {
  .guardian-hardware-wallet {
    align-items: flex-end;
  }
}

main.show-confirmation .content .guardian-brand-image.animation-hardware-wallet {
  transform: translateY(100%) scale(0.5);
}

.animation-hardware-wallet {
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
}