/* GUIDE */

content.loading #guide{
	display: none !important;
}

#help-button{
	overflow: hidden;
	width: 35px;
	float: right;
}

#help-button:hover::before{
	background-color: var(--brand-color) !important;
}

#help-button a{
	visibility: hidden;
}

#guide {
    width: 500px;
    text-align: left;
    list-style-type: none;
    margin: 150px auto;
    padding-left: 0px;
}

#guide > li{
	margin: 0px;
	padding: 0px;
	min-height: 60vh;
}

#guide h2,
#guide p{
	margin: 40px 0px !important;
    max-width: 100% !important;
    overflow-wrap: break-word;
    white-space: break-spaces;
}

#guide > li .button{
	margin: 50px auto;
}

#guide > li .button-section{
	background: linear-gradient(0deg, rgba(250,250,250,1) 50%, rgba(250,250,250,0) 100%);
	width: 100%;
	display: block;
	height: 300px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	text-align: center;
	padding-top: 100px;
}

#guide > li.done,
#guide > li:not(.done) ~ li{
	display: none !important;
}