.selector-quiz.doing-ajax {
	pointer-events: none;
	cursor: not-allowed;
	opacity:.3;
}
.selector-quiz {
	opacity:1;
	transition:.5s ease-in-out opacity;
}
.selector-quiz .btn-outline-gray {
	border-width:2px;
}
.selector-quiz fieldset {
	padding-top:1rem;
	padding-bottom:1rem;
}
.selector-quiz .nav .nav-item .selection {
	margin-right:1rem;
	position:relative;
	cursor:pointer;
}
.selector-quiz .nav .nav-item .selection.selected {
	background:var(--gray) !important;
	color:white !important;
}
.selector-quiz .nav .nav-item .selection.selected::after {
	content:'\f00c';
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	display:flex;
	width:1rem;
	height:1rem;
	border-radius: 100%;
	background:var(--gray);
	color:white;
	position:absolute;
	top:-.5rem;
	right:-.5rem;
	align-items: center;
	justify-content: center;
	font-size:.7rem;
}
.selector-quiz .nav .nav-item:last-of-type .selection {
	margin-right:0;
}
.selector-quiz .selector-progress {
	opacity:0;
	pointer-events: none;
	height:0;
	overflow:hidden;
	transition:.5s ease-in-out opacity;
}
.selector-quiz.activated .selector-progress {
	opacity:1;
	pointer-events: all;
	height:auto;
	overflow:visible;
}
.selector-quiz .selector-progress .nav-link {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-weight:bold;
}
.selector-quiz .selector-progress .nav-link,
.selector-quiz .selector-progress .nav-link * {
	filter:grayscale(1);
	opacity:.6;
	transition:.5s ease-in-out all;
}
.selector-quiz .selector-progress .nav-link .val {
	display:none;
}
.selector-quiz .selector-progress .nav-link.current,
.selector-quiz .selector-progress .nav-link.current * {
	filter:grayscale(0);
	opacity:1;
}
.selector-quiz .selector-progress .nav-link.current .val {
	display:none !important;
}
.selector-quiz .selector-progress .nav-link.active,
.selector-quiz .selector-progress .nav-link.active * {
	filter:grayscale(0);
	opacity:1;
	cursor:pointer;
	position:relative;
}
.selector-quiz .selector-progress .nav-link.active:not(.current):hover:after {
	content:'\f303';
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	display:flex;
	width:1.5rem;
	height:1.5rem;
	border-radius: 100%;
	background:var(--gray);
	color:white;
	position:absolute;
	top:-.75rem;
	right:-.75rem;
	align-items: center;
	justify-content: center;
	font-size:.7rem;
}

.selector-quiz .selector-progress .nav-link i {
	margin-bottom:.25rem;
}
.selector-quiz .step {
	display:none !important;
}
.selector-quiz .step.active {
	display:block !important;
}
.selector-quiz .results {
	display:flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.selector-quiz .result {
	flex:1 0 50%;
	padding:1rem;
	max-width:695px;
	transition:.5s ease-in-out opacity;
	opacity:0;
	position:absolute;
	left:-200vw;
}
.selector-quiz .result.show {
	opacity:1;
	left:auto;
	position:relative;
}
.selector-quiz .result .inner {
	position:relative;
	border:1px solid #ededed;
	border-radius:.5rem;
	overflow:hidden;
	box-shadow:0 0 .25rem rgba(0,0,0,.1);
}
.selector-quiz .result .inner:before {
	padding-top:60%;
	content:'';
	display:block;
}
.selector-quiz .result .inner .asset-wrap,
.selector-quiz .result .inner .asset-wrap .strip,
.selector-quiz .result .inner .asset-wrap .lifestyle {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.selector-quiz .result .inner .asset-wrap {
	overflow:hidden;
	background:white;
}
.selector-quiz .result.has-slider .inner .asset-wrap.strip {
	width:50%;
	right:0;
	left:auto;
	z-index:5;
}
.selector-quiz .result.has-slider .slider {
	position:absolute;
	top:0;
	left:50%;
	width:.5rem;
	height:100%;
	margin-left:-.25rem;
	z-index:10;
	background:var(--blue);
}
.selector-quiz .result.has-slider .slider .dot {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:2rem;
	height:2rem;
	display:flex;
	justify-content: center;
	align-items: center;
	color:white;
	background:var(--blue);
	border-radius:100%;
	z-index:11;
}
.selector-quiz .result .inner .asset-wrap .strip {
	background-repeat: repeat-x;
	background-position:right bottom;
	background-size:auto 90%;
}
.selector-quiz .result footer {
	padding:.5rem;
}
.selector-quiz .prod-bug {
	position:absolute;
	left:-200vw;
}
.selector-quiz .no-results,
.selector-quiz .no-results .none,
.selector-quiz .no-results .end,
.selector-quiz .has-results {
	display:none;
}
.selector-quiz.has-results .has-results,
.selector-quiz.no-results .no-results {
	display:block;
}
body.has-love-list .selector-quiz .no-results .end {
	display:block;
}
body:not(.has-love-list) .selector-quiz .no-results .none {
	display:block;
}
@media only screen and (max-width: 759px) {
	.selector-quiz .result {
		flex:1 0 100%;
	}
}