@import '~@gemsorg/uikit/colors'
@import '~@gemsorg/uikit/font'


.label
  margin-top: 15px
  display: inline-block;
  width: 100%

.container
  box-sizing: border-box;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  padding: 10px 10px 10px 17px

  width: 100%

  background-color: color-white
  color: color-text-1

  border-radius: 4px
  border: solid 1px color-border-grey

.content
  font(font-preset[subheader], false, false, normal)
  flex: 1
  min-width: 0;
  white-space: nowrap
  overflow: hidden
  text-overflow: ellipsis



.copy
  box-sizing: border-box;

  font(font-preset[normal], false, false, normal)

  padding: 2px 5px

  background-color: transparent;
  cursor: pointer;

  color: color-text-gray-1
  outline: 0;

  &:hover
    color: darken(color-text-gray-1, 20%)