// -------------------------------------------------------------------
// :: CATEGORY BROWSER
// -------------------------------------------------------------------

.o-categorybrowser {
	background: $white;
	box-shadow: $dropshadow;
	position: relative;
	border-radius: rem(5px);
	overflow: hidden;


	.o-categorybrowser__container {
		div {
			width: 200vw;
		}
		overflow-x: scroll;
	}

	.o-categorybrowser__close {
		position: absolute;
		top: rem(16px);
		right: rem(16px);

		a {
			color: $dark-extra;
			text-decoration: none;
		}
	}

	ul {
		display: inline-block;
		vertical-align: top;
		list-style: none;
		margin: 0;
		padding: 0;
		min-height: rem(406px);
		border-right: 1px solid $medium;

		li {
			display: block;

			&:last-child {
				a {
					border-bottom: none;
				}
			}

			a {
				background: $white;
				border-bottom: 1px solid $medium;

				display: block;
				position: relative;
				color: $dark-extra;
				text-decoration: none;
				width: rem(250px);
				padding: rem(15px) rem(25px);

				span[class*='icon'] {
					position: absolute;
					right: rem(25px);
				}

				&.selected {
					background: $red;
					color: $white;
					border-bottom-color: $red;
				}
			}
		}
	}
}