.browser-nav
	position absolute
	top 0
	left 0
	right 0
	height 24px
	background #fafafa
	border-bottom 1px solid #d5d5d5
	color #a0a0a0
	white-space nowrap

.browser-nav-item.root
	padding-left 8px
	line-height 25px
	&:after
		font-family 'BlogvioEditor'
		content '☖'
		font-weight normal
		font-style normal

.browser-nav-item
	display inline-block
	vertical-align top
	font-size 11px
	line-height 27px
	text-transform uppercase
	font-smoothing antialiased
	padding-right 4px
	cursor pointer
	text-overflow ellipsis
	overflow hidden
	white-space nowrap
	max-width 125px
	vertical-align top
	&:hover
		color #ec574d
	&.active
		color darkpurple
		cursor default
	+ .browser-nav-item:before
		content ""
		display inline-block
		pointer-events none
		height 24px
		width 8px
		margin-right 7px
		vertical-align top
		box-sizing border-box
		background url('img/browser-folder-separator.png') no-repeat center
	&:nth-child(n+3)
		display none
	&:nth-last-child(-n+4)
		display inline-block
		width 20px
	&:nth-last-child(-n+3)
		display inline-block
		width auto

.browser-nav-item.root
	width 15px

.browser-logout
	color #a0a0a0
	display inline-block
	line-height 28px
	height 25px
	font-size 13px
	width 30px
	text-align center
	border-right 1px solid #d5d5d5
	cursor pointer
	&:hover
		color darkpurple
