#fs-donation-tab {
	display:  flex;
	justify-content:  space-between;
	align-items:  center;

	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.12);
	transition:  right 0.5s;
	transform:  rotate(-90deg);

	text-decoration: none;
	font-size:  18px;
	font-weight:  bold;
	font-stretch:  condensed;
	font-family: 'Amnesty Trade Gothic Condensed',Helvetica,Roboto,Arial,sans-serif;
	line-height: 18px;
	letter-spacing: 0.04em;
	padding:  20px 64px 20px 42px;

	position:  fixed;
	top:  50%;
	right:  -70px;

	white-space: unset;
	z-index: 999;
}

#fs-donation-tab:not(.no-candle)::after {
	content: '';
	width: 40px;
	height: 20px;
	position: absolute;
	right: 25px;
}
#fs-donation-tab.fixed-in-page {
	position:  absolute;
}
#fs-donation-tab.no-candle {
	right:  -45px;
	padding-right:  42px;
}
#fs-donation-tab.no-candle .candle {
	display:  none;
}

/* Base candle theming */
.candle {
	transform: rotate(90deg);
	opacity: 1;
	position: relative;
	transition: opacity .3s ease-in-out,top .3s ease-in-out;
	width: 0;
	z-index: 0;
	margin-top: -32px;
	margin-left: 12px;
}

#fs-donation-tab.animated-candle .candle .candle-flame,
#fs-donation-tab.hover-candle:hover .candle .candle-flame {
	animation: flicker 1s ease-in infinite alternate;
}
.candle .candle-flame {
	/*
	height: 26px;
	width: 18px;
	*/
	width:  18px;
	height:  32px;
	left:  9px;
	bottom: 19px;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	transition: max-height .3s ease-in-out;
	z-index: 100
}

.candle .candle-flame svg {
	/*
	height: 24px;
	width: 12px;
	*/
	height:  30px;
	width:  15px;
}

#fs-donation-tab.animated-candle .candle .candle-flame svg path:first-child,
#fs-donation-tab.hover-candle:hover .candle .candle-flame svg path:first-child {
	animation: firebig 4s ease-in infinite alternate-reverse
}

#fs-donation-tab.animated-candle .candle .candle-flame svg path:last-child,
#fs-donation-tab.hover-candle:hover .candle .candle-flame svg path:last-child {
	animation: firesmall 2s ease-in infinite
}

.candle .candle-base {
	/*
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="40" fill="none"><path xmlns="http://www.w3.org/2000/svg" transform="translate(-18,-12)" d="M38.843 35.815c-.202-.085-.224-.702-.336-.702-.171 0-.258.561-.588.644-.33.082-.845-.365-.99-.254-.145.11.318.913-.44.913-.226 0-.342-.257-.342-.454v-6.137c.123.012.245.037.364.074.225.059.45.17.45.481 0 .165-.06.503.055.562.114.058.2-.059.253-.087 1.038-.756 1.292.59 1.517.59.226 0 .17-.926.451-.926.225-.086 2.388.954 2.388 1.63 0 .14-.281.167-.306.31-.028.201.506.28.419.648-.03.225-.533.507-.402.644.13.136.819-.137.875-.137.139 0 .165.221.165.306 0 1.239-2.893 2.169-3.541 1.885l.008.01zm-7.713.97c-.169-.276-.084-.757-.251-.757-.085 0-.533.676-.789.676-.255 0-.672-.479-.84-.479-.114 0 .112.676-.114.954-.142.201-1.49.344-1.49.173v-9.561a.604.604 0 01.645-.618h5.03c.616 0 .872.201.872.843v8.58c0 .28-2.956.392-3.069.19l.006-.001zm3.075 12.119c0 .593-.201.73-.702.62l-5.37-1.07a.537.537 0 01-.48-.589V38.14c0-.254.872-.282 1.007-.17.253.226.169 1.041.336 1.041.227 0 .817-.986 1.07-.986.535 0 .897.31 1.006.254.109-.057.115-.507.254-.62.2-.135.786-.135 1.096-.169.507-.028 1.435-.113 1.435-.113.366 0 .338.258.338.791l.01 10.736zM28.412 20.68c0-3.881 5.736-6.102 6.129-8.07.422.402.479 1.04.479 1.61 0 2.36-4.105 6.323-4.105 9.193 0 .31.028.402.028.59 0 .279-.112.337-.167.337-.678 0-2.364-1.322-2.364-3.654v-.006zm-3.177 24.262c-.449 0-.73-.902-.843-.871-.113.03.03.758-.139.87-.169.113-3.12-1.237-3.346-1.458-.225-.221.085-.479 0-.676-.084-.197-.509-.115-.646-.201-.137-.087.137-.62-.028-.729-.165-.108-.45.507-.648.222a.964.964 0 01-.11-.56c0-1.716 1.824-2.414 3.064-2.839.503-.17.332.477.503.505.17.028.225-.308.45-.308.172 0 .817.308.956.202.113-.083-.336-.505-.2-.674.134-.17 1.474-.387 1.462-.05v6.005c0 .63-.483.568-.483.568l.008-.006zM42.885 34.6c.31-.532.31-1.18.422-1.433.165-.28.785-.225.785-.422 0-.083-.448-.202-.62-.308-.334-.201-.22-1.208-.39-1.208-.255 0-.507.7-.763.403-.446-.564-2.303-1.632-3.146-1.942-.31-.113.225-1.04.086-1.127-.139-.086-.507.566-1.042.453-.42-.086-.225-.845-.45-.845-.114 0-.536 1.069-.846.984-.31-.085-.783-.201-.783-.201v-2.821c0-.477-.322-.847-.734-.845h-3.028c-.843 0-.787-.618-.787-.759 0-3.738 5.433-4.356 5.433-9.255 0-2.14-1.348-3.572-2.924-4.84-.086-.054 0 .313 0 .451 0 2.278-8.463 3.46-8.463 8.717 0 4.581 4.556 4.778 4.556 5.482 0 .14-.28.202-.308.202H26.39c-.366 0-.682.225-.678.839v2.817c-.34.112-.787-.403-1.006-.403-.113 0-.055.873-.254.986-.169.083-3.344 1.207-3.621 1.238-.445.082-.332-.705-.586-.705-.253 0-.227.787-.789.787-.338 0-.617-.31-.869-.31-.169 0 .362.648.362.843 0 .535-1.036.73-1.036 1.099 0 .201.98-.085 1.123-.085.505 0 .45.592.644.592.193 0 .338-.678.509-.789.334-.201.73.141.9.141.279 0-.226-.676.027-.789 0 0 3.42-1.458 3.654-1.348.201.115.171.45.403.564.231.112.563-.787.563-.228v6.89c-.402.25-1.24.402-1.69.402-.223 0-.113-.732-.254-.732-.225 0-.45.617-.786.617s-.759-.756-1.065-.756c-.201 0 .362.953.024 1.122-1.295.648-3.346 1.268-3.346 3.316 0 .425.228.934.14 1.069-.081.201-.53.591-.504.76.026.17.843.111 1.006.369.083.136.139.756.31.756.137 0 .503-.477.815-.31.982.592 2.696 1.236 3.487 1.662.201.113.08.73.201.787.227.113.676-.592 1.382-.201a.604.604 0 01.282.537v2.3c0 .42.201.531.423.587l8.382 1.668c.328.077.66.133.996.167.292.012.654 0 .634-.706v-5.231a.201.201 0 01.179-.181c.493 0 .245 1.408.356 1.408.223 0 .364-.956.648-.956.402 0 .65.367.805.282.154-.084-.08-.535-.08-.817 0-.251.727-.364 1.629-.702.787-.278 1.432-.59 1.688-.59.201 0 .332.534.505.534.139 0 .167-.7.477-.7.251 0 .805.39.958.277.11-.08-.282-.618.024-.845.227-.139.76-.473.76-.616 0-.082-1.04-.114-1.096-.114-.201-.055-.42-.672-.566-.672-.145 0-.16.617-.418.814-.226.167-.787-.591-1.036-.591-.145 0 .165.563.165 1.006 0 .443-2.725 1.32-3.09 1.32-.564 0-.593-.704-.705-.704-.17 0-.165.859-.787.859a.403.403 0 01-.42-.403V37.5a.402.402 0 01.42-.47c.463-.023.475 1.023.644 1.023.31 0 .48-1.038 1.07-1.038.45 0 .815.62 1.097.62.201 0-.336-.648-.336-.958 0-.31 2.783-.201 3.851-2.082" fill="currentColor"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	height: 27px;
	width: 20px;
	opacity: .25;
	*/
	opacity:  1;
	position: relative;
	transition: opacity .3s;
	position: absolute;
	bottom: -8px;
	left: 3px;
}
#fs-donation-tab.static-candle .candle .candle-base {
	opacity:  1;
}

.candle .candle-base .spark {
	background-color: initial;
	border-radius: 50%;
	bottom: 30px;
	height: 2px;
	left: 15%;
	position: absolute;
	transition: background-color .3s ease-in-out;
	width: 2px;
	z-index: -1;
}
#fs-donation-tab.static-candle .candle .candle-base .spark,
#fs-donation-tab.no-candle .candle .candle-base .spark {
	display:  none;
}
.candle .candle-base .spark {
	animation-delay: .4s;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-name: burnout-up-1;
	animation-timing-function: linear;
}

.candle .candle-base .spark:nth-of-type(2n) {
	animation-delay: 1s;
	animation-duration: 8.4s;
	animation-name: burnout-up-2;
	height: 1px;
	width: 1px
}

.candle .candle-base .spark:nth-of-type(3n) {
	animation-delay: 1.9s;
	animation-duration: 8s;
	height: 3px;
	left: 55%;
	width: 3px
}

.candle .candle-base .spark:nth-of-type(4n) {
	animation-delay: 2.6s;
	animation-duration: 7s;
	left: 88%
}

.candle .candle-base .spark:nth-of-type(5n) {
	animation-delay: 1.4s;
	animation-duration: 7s;
	left: 22%
}

.candle .candle-base .spark:nth-of-type(6n) {
	animation-delay: 3.2s;
	left: 61%
}

.candle .candle-base .spark:nth-of-type(7n) {
	animation-delay: .8s;
	animation-duration: 5s;
	left: 64%
}

.candle .candle-base .spark:nth-of-type(8n) {
	animation-delay: 5s;
	left: 19%
}

.candle .candle-base .spark:nth-of-type(9n) {
	animation-delay: 4s;
	animation-duration: 6.8s;
	left: 22%
}

.candle .candle-base .spark:nth-of-type(10n) {
	animation-delay: 5.2s;
	left: 61%
}

.candle .candle-base .spark:nth-of-type(11n) {
	animation-delay: 3.5s;
	animation-duration: 8s;
	left: 81%
}

.candle .candle-base .spark:nth-of-type(12n) {
	animation-delay: 2s;
	left: 85%
}

/* animated candle flame */
#fs-donation-tab.animated-candle .candle .candle-flame,
#fs-donation-tab.hover-candle:hover .candle .candle-flame {
	/*max-height: 26px*/
	max-height:  40px;
}

#fs-donation-tab.animated-candle .candle .candle-base,
#fs-donation-tab.hover-candle:hover .candle .candle-base {
	opacity: 1
}

#fs-donation-tab.animated-candle .candle .candle-base .spark,
#fs-donation-tab.hover-candle:hover .candle .candle-base .spark {
	background-color: #ff470080
}

#fs-donation-tab.hover-candle .candle .candle-base {
	animation: bounce 4s ease-in infinite alternate-reverse;
}

#fs-donation-tab.hover-candle:hover .candle .candle-base {
	animation: unset;
}


/* animations */
@keyframes firebig {
	0% {
		transform: rotate(-2deg);
		transform-origin: bottom center
	}

	20% {
		transform: rotate(2deg);
		transform-origin: bottom center
	}

	40% {
		transform: rotate(-2deg);
		transform-origin: bottom center
	}

	60% {
		transform: rotate(2deg) scale(.8);
		transform-origin: bottom center
	}

	80% {
		transform: rotate(-2deg);
		transform-origin: bottom center
	}

	to {
		transform: rotate(2deg);
		transform-origin: bottom center
	}
}

@keyframes flicker {
	0% {
		transform: rotate(3deg);
		transform-origin: bottom center
	}

	20% {
		transform: rotate(-3deg);
		transform-origin: bottom center
	}

	40% {
		transform: rotate(3deg);
		transform-origin: bottom center
	}

	60% {
		transform: rotate(-3deg);
		transform-origin: bottom center
	}

	80% {
		transform: rotate(3deg);
		transform-origin: bottom center
	}

	to {
		transform: rotate(-3deg)
	}
}

@keyframes firesmall {
	0% {
		transform: rotate(1deg);
		transform-origin: bottom center
	}

	20% {
		transform: rotate(-2deg) scale(.9);
		transform-origin: bottom center
	}

	40% {
		transform: rotate(1deg);
		transform-origin: bottom center
	}

	60% {
		transform: rotate(-1deg);
		transform-origin: bottom center
	}

	80% {
		transform: rotate(1deg) scaleY(.75);
		transform-origin: bottom center
	}

	to {
		transform: rotate(-1deg);
		transform-origin: bottom center
	}
}

@keyframes burnout-up-1 {
	0% {
		opacity: 1;
		transform: translate(0)
	}

	33% {
		transform: translate(12px,-70px)
	}

	66% {
		opacity: .6;
		transform: translateY(-140px)
	}

	to {
		opacity: 0;
		transform: translate(6px,-200px)
	}
}

@keyframes burnout-up-2 {
	0% {
		opacity: 1;
		transform: translate(0)
	}

	50% {
		transform: translate(-10px,-80px)
	}

	80% {
		opacity: .6;
		transform: translate(-4px,-140px)
	}

	to {
		opacity: 0;
		transform: translate(-6px,-160px)
	}
}

@keyframes bounceRight {
	0% {
		transform: scaleX(-1) translateY(0)
	}

	50% {
		transform: scaleX(-1) translateY(-10px)
	}

	to {
		transform: scaleX(-1) translateY(0)
	}
}

@keyframes bounce {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-7px)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes float {
	0% {
		opacity: 1;
		top: -15px;
		transform: rotate(0deg)
	}

	12% {
		transform: rotate(-20deg) scale(.9)
	}

	24% {
		opacity: .7;
		right: 3px;
		transform: rotate(20deg) scale(.7)
	}

	40% {
		right: -3px;
		transform: rotate(-11deg) scale(.6)
	}

	70% {
		opacity: .5;
		right: 3px;
		transform: rotate(10deg) scale(.4)
	}

	90% {
		right: -3px;
		transform: scale(.2)
	}

	to {
		opacity: 0;
		top: -120px;
		transform: rotate(-5deg) scale(.1)
	}
}

@keyframes pulse {
	0% {
		transform: scale(.8)
	}

	70% {
		transform: scale(1)
	}

	to {
		transform: scale(.8)
	}
}