@require 'nib'
// @require '~modul-markup-common/markup/stylus/variables'

$prefix-ant-select = 'ant-select'

.{$prefix-ant-select}-dropdown
	position absolute
	margin 0
	padding 0
	box-sizing border-box
	// background-color $cl-white
	background-color #FFFFFF
	border-radius 4px
	// box-shadow $shadow-2
	box-shadow 0 4px 16px rgba(36, 48, 54, .12),
			   0 1px 2px rgba(36, 48, 54, .12)
	z-index 1000

.{$prefix-ant-select}-dropdown-menu
	margin 0
	padding-left 0
	max-width 100%
	max-height 320px
	overflow-y auto
	list-style-type none

.{$prefix-ant-select}-dropdown-menu-item
	padding 8px 12px
	box-sizing border-box
	min-height 44px

	&:not(.{$prefix-ant-select}-dropdown-menu-item-disabled)
		cursor pointer
		&:hover
			background-color #F5F5F6
			border-bottom-color #E6E8E9
	
	&:not(:last-child)
		border-bottom 1px solid #E6E8E9
	
	&:first-child
		border-top-left-radius 4px
		border-top-right-radius 4px
	
	&:last-child
		border-bottom-right-radius 4px
		border-bottom-left-radius 4px


.{$prefix-ant-select}-dropdown-menu-item-active
	background-color #F5F5F6
	border-bottom-color #E6E8E9


.{$prefix-ant-select}-dropdown-hidden
	display none

.{$prefix-ant-select}-search__field__mirror
.{$prefix-ant-select}-selection__placeholder
.{$prefix-ant-select}-arrow
	display none !important