@import "{design}/app.styl"

#cineDialog
  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
  border: 1px solid $uiBorderColor
  background: $uiGrayDarkest
  color: $textSecondaryColor

  h5, label
    font-weight: 400

  box-sizing: border-box

  .btn
    background: $uiGrayDarkest
    color: $textSecondaryColor

    &:hover
      color: $hoverColor

    &:active, &.active
      color: $activeColor

  #cineOptions
    padding: 5px 0
    overflow: auto

    #loopSection
      padding-right: 12px