@import "{design}/app"

$viewportTagPadding = 20px

.imageViewerViewportOverlay
  color: $textSecondaryColor

  .dicomTag
    position: absolute
    font-weight: 400
    text-shadow: 1px 1px black

  .topleft
    top: $viewportTagPadding
    left: $viewportTagPadding

  .topright
    top: $viewportTagPadding
    right: $viewportTagPadding
    text-align: right

  .bottomleft
    bottom: $viewportTagPadding
    left: $viewportTagPadding

  .bottomright
    bottom: $viewportTagPadding
    right: $viewportTagPadding
    text-align: right
    
  .priorIndicator
    font-weight: bold
    color: yellow
    
  &.controlsVisible
    .topright, .bottomright
      right: "calc(%s + 19px)" % $viewportTagPadding