.advanced-select-container {
	position: relative;
	height: 0;
}

.advanced-select {
	position: absolute;
	z-index: 100;
	top: 6px;
	width: 100%;
	height: auto;
	max-height: 200px;
	
	overflow-y: auto;

	background: $color-black;
	border: 2px solid $color-primary;
	margin-top: 20px;
	opacity: 0;
	visibility: hidden;

	transition-property: opacity, margin-top, visibility;
	transition-duration: .2s;

	&.a-show {
		opacity: 1;
		margin-top: 0;
		visibility: visible;
	}

	.popup-options-container {
		.not-found {
			width: 100%;
			padding: $space-4;
			text-align: center;
			display: none;

			&.show {
				display: block;
			}
		}

		.options {
			width: 100%;
			display: none;

			&.show {
				display: block;
			}

			.option {
				padding: $space-2 $space-4;
				transition-property: color, background;
				transition-duration: .1s;

				&.hide {
					display: none;
				}

				&:hover, &.focus {
					color: $color-black;
					background: $color-primary;
				}
			}
		}
	}
}