@import './lib';

#viewportBar
  align-items center
  background-color $bg
  color $white
  display flex
  flex-grow 2
  height 32px
  font-size 15px
  justify-content space-between
  left 0
  margin 0 auto
  right 0
  top 0

.toolbarButtons
  display flex
  align-items center
  gap 6px

  *
    margin-left 0 !important
    vertical-align middle

  a.button
    & svg
      padding 8px

    &:not(.active) svg:hover
      background-color $grayhover

  .active svg
    background-color $primary
    color #fff

  .active:hover svg
    color #fff !important

.local-transform
  padding-left 10px
  padding-right 20px

.local-transform label
  color $lightgray
  padding-left 5px

.local-transform a.button
  padding-top 0

#cameraSelect
  cursor pointer
  width 120px
  .select__dropdown-indicator
    padding-left 3px
    padding-right 3px

#cameraToolbar
  margin-left 5px
  align-items center
  display flex
  a
    margin-right 10px
  .select__control
    background none
  .select__single-value
    color $white
    &:hover
      color $primary

#viewportHud
  display none
  +media--1024()
    display block