.field-copyable--active {
  position: relative;
  cursor: pointer
}
.field-copyable--active:hover {
  color: #0041cb
}
.field-copyable--active:hover:after {
  content: url(../../images/icns/icn-copy-to-clipboard_blue.svg)
}
.field-copyable--active:after {
  content: url(../../images/icns/icn-copy-to-clipboard_gray.svg);
  display: inline-block;
  height: 16px;
  vertical-align: text-bottom
}
.field-copyable-result-message {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 4px;
  color: #8d93a1;
  font-size: 14px;
  line-height: 20px;
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}
@media (max-width:1278px) {
  .field-copyable-result-message {
    position: absolute;
    left: 0;
    top: 30px;
    padding: 0
  }
}
.field-copyable-result-message--success {
  opacity: 1
}
.field-copyable-result-message--success:before {
  content: url(../../images/icns/icn-check.svg);
  display: inline-block;
  padding: 0 7px
}
@media (max-width:1278px) {
  .field-copyable-result-message--success:before {
    padding: 0 7px 0 0
  }
}