@import 'common/sass/variables';

.nonce {
  &-label-wrapper {
    align-items: center;
    margin-bottom: $space-xs;
    > label {
      margin-bottom: 0;
    }
  }
  &-input-wrapper {
    position: relative;
  }
  &-refresh {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0 1rem;
    height: 2.55rem;
    opacity: 0.3;
    transition: opacity 300ms;
    > img {
      height: 1.4rem;
    }
    &:hover {
      opacity: 0.54;
    }
    &:active {
      transition: opacity 120ms;
      opacity: 1;
    }
  }
}