@import '../../../utils'

.PanelViewSwitcherBar
  position: relative
  display: flex
  flex-shrink: 0
  width: 100%
  height: 100%
  overflow: hidden
  .view-btn
    position: relative
    display: flex
    justify-content: center
    align-items: center
    width: 100%
    min-width: 28px
    height: 100%
    overflow: hidden
    &:before
      content: ''
      position: absolute
      top: 2px
      left: 2px
      width: calc(100% - 4px)
      height: calc(100% - 4px)
      border-radius: 4px
      background-color: var(--toolbar-fg)
      opacity: 0
    > svg
      position: absolute
      width: 16px
      height: 16px
      fill: var(--toolbar-fg)
      opacity: .7
    &:hover:before
      opacity: .12
    &[data-active="true"]
      &:before
        opacity: .2
      > svg
        opacity: 1
    &:active:before
      opacity: .16

  .btn-sep
    display: none
