/* Copyright 2017-2019 @polkadot/app-explorer authors & contributors
/* This software may be modified and distributed under the terms
/* of the Apache-2.0 license. See the LICENSE file for details. */

.explorer--BlockByHash-flexable {
  flex-wrap: wrap;
  margin-top: -0.5rem;
}

.explorer--BlockByHash-block {
  flex: 0 0 50%;
  min-width: 0;
}

.explorer--Container {
  color: inherit;

  .header {
    position: relative;
    vertical-align: middle;

    h3 {
      margin: 0;
    }
  }

  .description {
    color: rgba(0, 0, 0, 0.6);
    margin: 0rem 0 0.5rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
  }

  > .details {
    word-break: break-all;
  }
}

.explorer--BlockByHash-accountIndex {
  font-size: .75rem;
  margin-top: -0.5rem;
  opacity: 0.45;
  text-align: right;
}

.explorer--BlockByHash-justification-signature span {
  color: rgba(0, 0, 0, 0.6);
  font-family: monospace;
  font-style: italic;
  padding-left: 0.5rem;
}

.explorer--BlockByHash-header-right {
  position: absolute;
  top: -0.5rem;
  right: 0rem;
}

.explorer--query {
  width: 20em;
}