@import "{ohif:design}/app"

$viewportTagPadding = 20px

.imageViewerViewport.empty ~ .imageViewerViewportOverlay
  display: none

.imageViewerViewportOverlay
  theme('color', '$textSecondaryColor')

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

  .topleft
    top: $viewportTagPadding
    left: $viewportTagPadding

  .topcenter
    top: $viewportTagPadding
    padding-top: $viewportTagPadding
    width: 100%
    text-align: center

  .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

  svg
    theme('color', '$defaultColor')
    theme('fill', '$defaultColor')
    theme('stroke', '$defaultColor')
    background-color: transparent
    margin: 2px
    width: 18px
    height: 18px
