.content {
	width: 90vw;
	max-width: 1000px;
	margin: auto;
}

.content-head {
	font-size: 48px;
	font-weight: 300;
	margin-bottom: 50px;
}

.content-faq-question {
	display: inline-block;
	width: 80vw;
	max-width: 888px;
}

.content-faq-answer {
	display: none;
	font-size: 16px;
	line-height: 1.5;
	width: 80vw;
	max-width: 888px;
	overflow: auto;
    margin-bottom: 20px;
}

.content-faq--active .content-faq-answer {
	padding-left: 24px;
	display: block;
	transition: max-height 500ms;
}

.content-faq::after {
	content: "";
	width: 90vw;
	max-width: 1000px;
	height: 1px;
	background-color: #dddddd;
	position: absolute;
}

.content-faq:hover.content-faq::after {
	background-color: #2196f3;
	animation-name: blue;
    animation-duration: 500ms;
	animation-timing-function: ease;
}

.content-faq--active::after {
	background-color: #2196f3;
	animation-name: blue;
    animation-duration: 500ms;
	animation-timing-function: ease;
}

@keyframes blue {
    from {background-color: #dddddd;}
    to {background-color: #2196f3;}
}

.content-faq-arrow {
	width: 12px;
	height: 20px;
	background-image: url("/web/20190407071349im_/https://www.apexlauncher.com/static/homepage/img/arrow-right.svg");
	float: right;
}

.content-faq--active .content-faq-arrow {
	animation-name: spin;
    animation-duration: 500ms;
	transform: rotate(90deg);
}

.content-faq--inactive .content-faq-arrow {
	animation-name: spinBack;
    animation-duration: 500ms;
	transform: rotate(0deg);
}

@keyframes spin {
        from {
            transform: rotate(0deg);
        } to {
            transform: rotate(90deg);
        }
    }

@keyframes spinBack {
    from {
        transform: rotate(90deg);
    } to {
        transform: rotate(0deg);
    }
}

.content-faq-title {
	line-height: 1.52;
	font-size: 21px;
	font-weight: 300;
	padding: 20px 0;
}

.content-faq-title:hover {
	animation-name: pushRight;
    animation-duration: 100ms;
	padding-left: 24px;
}

@keyframes pushRight {
    from {
        padding-left: 0px;
    } to {
        padding-left: 24px;
    }
}

.content-faq--active .content-faq-title {
	padding-left: 24px;
	font-weight: 500;
}

.content-faq--active .content-faq-title:hover {
	animation-name:none;
}

/*
     FILE ARCHIVED ON 07:13:49 Apr 07, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:42:53 Jan 11, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 807.493
  exclusion.robots: 0.127
  exclusion.robots.policy: 0.103
  cdx.remote: 0.148
  esindex: 0.023
  LoadShardBlock: 735.394 (3)
  PetaboxLoader3.datanode: 247.214 (5)
  PetaboxLoader3.resolve: 164.439 (3)
  load_resource: 257.484 (2)
*/