.entity-attribute-currency
  box-sizing: border-box

  &.error + .error
    box-shadow: inset 0 1px 1px rgba($brand-danger, .075), inset 0 0 1px rgba(lighten(desaturate($brand-danger, 25%), 10%),.75)
    border: 1px solid $brand-danger
    border-top: 0

  input
    width: calc(100% - 45px)
    max-width: 500px
    margin-left: 45px
    border: solid 1px $lighter-gray
    border-radius: 5px
    +attribute-focus

    &::placeholder
      font-style: italic

  &.error input
    background-image: url('#{$baseImagePath}/icons/icon_cross_red.svg')
    background-repeat: no-repeat
    background-position: right 20px center
    background-size: 10px 10px

  .explanation
    margin-bottom: 12px

  .preview
    background-color: #f0f0f0
    pointer-events: none

  .preview_explanation
    display: inline-block
    padding: 5px 0 0 45px
    color: #9ba0ae
    font-size: 0.7rem
    line-height: 1.2