@import "{design}/app.styl"

#cineDialog
  theme('border', '1px solid $uiBorderColor')
  theme('background', '$uiGrayDarkest')
  theme('color', '$textSecondaryColor')
  display: none
  z-index: 1000
  position: absolute
  top: auto
  left: auto
  bottom: 3px
  right: 3px
  overflow: hidden
  padding: 10px
  width: 300px
  height: 175px
  opacity: 0.95
  border-radius: 8px

  h5, label
    font-weight: 400

  box-sizing: border-box

  .btn
    theme('background', '$uiGrayDarkest')
    theme('color', '$textSecondaryColor')

    &:hover
      theme('color', '$hoverColor')

    &:active, &.active
      theme('color', '$activeColor')

  #cineOptions
    padding: 5px 0
    overflow: auto

    #loopSection
      padding-right: 12px