.ffz-progress-bar {
	&--default {
		overflow: hidden;
		width: 100%;
		height: 1rem;
		background: var(--color-background-progress);
	}

	&__fill {
		max-width: 100%;
		height: 100%;
		background: var(--color-background-progress-status);
		animation-timing-function: linear;
		animation-fill-mode: both;
	}

	&--countdown &__fill {
		animation-name: ffz-progress-down;
	}

	.thingy {
		bottom: -4px;
	}
}

@keyframes ffz-progress-down {
	100% {
		width: 0%;
	}
}