/*! 
    Version: 2.0
*/
.widget_stup_dongoal {
	background: #131213;
	z-index: 1;
	margin-bottom: 0 !important;
}
@media (max-width:1020px) {
	.widget_stup_dongoal {
		display: none;
	}
}
* {
	/* outline: 1px solid red; */
	box-sizing: border-box;
}
#dongoal_holder {
	width: min(1200px, 100%);
	/* font-family: "Bebas Neue", system-ui; */
	margin: auto;
	padding-top: 1px;
	flex-direction: row;
	z-index: 1;
}
#dongoal_holder > .bars {
	display: flex;
	flex-direction: row;
	height: 25px;
	flex-grow: 1;
	position: relative;
	z-index: 1;
}
#dongoal_holder > .bars > .dots {
	z-index: -1;
	position: absolute;
	height: 13px;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAMAAABIdo1RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmE2YTYzOTY4YSwgMjAyNC8wMy8wNi0xMTo1MjowNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjEyICgyMDI0MDgwNC5tLjI3MjMgZTYwNzJmYSkgIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNUIxNTU1NzYzQjkxMUVGODg4QkJFOTZGMjhFQzgzMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNUIxNTU1ODYzQjkxMUVGODg4QkJFOTZGMjhFQzgzMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1QjE1NTU1NjNCOTExRUY4ODhCQkU5NkYyOEVDODMxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU1QjE1NTU2NjNCOTExRUY4ODhCQkU5NkYyOEVDODMxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QcIVWgAAAAlQTFRFhISEeHh4////kxR3gQAAAAN0Uk5T//8A18oNQQAAABJJREFUeNpiYGRiYmIAIYAAAwAATQAOxSgHDwAAAABJRU5ErkJggg==);
}
#dongoal_holder > .bars > .step {
	border-right: 7px solid #131213;
	flex-grow: 1;
	transition: all .2s;
	position: relative;
	color: #858585;
	--dongoal-color-fill: #858585;
}
#dongoal_holder > .bars > .step.active {
	transition: all .2s;
	position: relative;
	--dongoal-color-fill: #c3506b;
}
#dongoal_holder > .bars > .step.fixed {
	flex-basis: 226px !important;
	flex-grow: 0;
	--dongoal-color-fill: #fff;
}
#dongoal_holder > .bars > .step:hover {
	flex-basis: 70% !important;
}
#dongoal_holder > .bars > .step > .bar {
	height: 13px;
	display: flex;
	flex-direction: row;
	transition: all .2s;
	font-size: 12px;
	border-bottom: 6px solid #131213;
}
#dongoal_holder > .bars > .step:hover > .bar {
	border-bottom: 0px solid #131213;
}
#dongoal_holder > .bars > .step > .bar span {
	opacity: 0;
	transition: opacity .2s;
}
#dongoal_holder > .bars > .step > .bar span {
	color: #000;
	font-weight: bold;
	justify-self: flex-end;
	padding: 0 3px;
}
#dongoal_holder > .bars > .step.active:hover > .bar span {
	opacity: 1;
}
#dongoal_holder > .bars > .step > .bar > .fill,
#dongoal_holder > .bars > .step > .bar > .empty {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: end;
}
#dongoal_holder > .bars > .step > .bar > .empty span {
	color: var(--dongoal-color-fill-override, var(--dongoal-color-fill));
	text-shadow: 0 0 3px black;
}
#dongoal_holder > .bars > .step > .bar > .fill {
	background-color: var(--dongoal-color-fill-override, var(--dongoal-color-fill));
	height: 100%;
}
#dongoal_holder > .bars > .step > .bar > .empty {
	height: 100%;
	background-attachment: fixed;
	justify-content: start;
}
#dongoal_holder > .bars > .step.fixed > .bar > .fill {
	background-color: #ffffff;
}
#dongoal_holder > .bars > .step > .bar > .fill span {
	display: none;
}
#dongoal_holder > .bars > .step.greaterHalf > .bar > .fill span {
	display: block;	
}
#dongoal_holder > .bars > .step.greaterHalf > .bar > .empty span {
	display: none;
}
#dongoal_holder > .bars > .step.full > .bar > .fill span,
#dongoal_holder > .bars > .step.full > .bar > .empty span {
	display: none;
}
#dongoal_holder > .bars > .step > .infos {
	display: flex;
	flex-direction: column;
	pointer-events: none;
	font-size: 12px;
	color: var(--dongoal-color-fill-override, var(--dongoal-color-fill));
	position: absolute;
	opacity: 0;
	transition: opacity .15s;
	background-color: #131213;
}
#dongoal_holder > .bars > .step:hover > .infos {
	opacity: 1;
	position: relative;
	transition: opacity .5s;
}
#dongoal_holder > .bars > .step > .infos > .header {
	margin-top: 3px;
	gap: 3px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: stretch;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 2px;
}
#dongoal_holder > .bars > .step > .infos > .header > .title,
#dongoal_holder > .bars > .step > .infos > .header > .goal {
	white-space: nowrap;
	color: #000;
	padding: 0 2px;
	background-color: var(--dongoal-color-fill-override, var(--dongoal-color-fill));
}
#dongoal_holder > .bars > .step.fixed > .infos {
	color:#ffffff;
}
#dongoal_holder > .bars > .step.fixed > .infos > .header > .title,
#dongoal_holder > .bars > .step.fixed > .infos > .header > .goal {
	background-color:#ffffff;
}
#dongoal_holder > .bars > .step > .infos > .header > .head {
	flex-grow: 1;
}
#dongoal_holder > .goal {
	white-space: nowrap;
	font-size: 10px;
	gap: 2px;
	display: flex;
	flex-direction: column;
}
#dongoal_holder > .goal > .price {
	margin-top: -4px;
	position: absolute;
	color: white;
}
#dongoal_holder:hover > .goal > .price {
	display: none;
}
#dongoal_holder > .goal > .price > .highlight {
	color: var(--dongoal-color-fill-override, #c3506b);
	font-weight: bold;
}
#dongoal_holder > .goal > .infos_bt,
#dongoal_holder > .goal > .donate_bt {
	padding: 1px 2px;
	margin: 0;
	border: none;
	color: #000000;
	background-color: #ffffff;
	font-weight: bold;
	visibility: hidden;
	cursor: pointer;
	transition: background-color .2s, opacity .3s;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	opacity: 0;
}
#dongoal_holder > .goal > .donate_bt {
	color: #000000;
	background-color: var(--dongoal-color-fill-override, #c3506b);
}
#dongoal_holder > .goal > .infos_bt:hover {
	background-color: #ccc;
}
#dongoal_holder > .goal > .donate_bt:hover {
	filter: brightness(1.5);
}
#dongoal_holder:hover > .goal > .infos_bt,
#dongoal_holder:hover > .goal > .donate_bt {
	visibility: visible;
	opacity: 1;
}
#dongoal_holder > .goal > .infos_bt {
	transition-delay: .075s;
}

#dongoal_holder {
	display: flex !important;
}