/*!
 * Utilities/Opacity
 */

.opacity-0 {
	opacity: 0 !important;
}

.opacity-10 {
	opacity: 0.1 !important;
}

.opacity-16 {
	opacity: 0.16 !important;
}

.opacity-20 {
	opacity: 0.2 !important;
}

.opacity-25 {
	opacity: 0.25 !important;
}

.opacity-40 {
	opacity: 0.4 !important;
}

.opacity-50 {
	opacity: 0.5 !important;
}

.opacity-75 {
	opacity: 0.75 !important;
}

.opacity-80 {
	opacity: 0.8 !important;
}

.opacity-100 {
	opacity: 1 !important;
}

.opacity-\[0\.12\] {
	opacity: 0.12 !important;
}

.opacity-\[0\.48\] {
	opacity: 0.48 !important;
}

.opacity-\[0\.56\] {
	opacity: 0.56 !important;
}

.opacity-\[0\.6\] {
	opacity: 0.6 !important;
}

.opacity-\[calc\(100\%\*var\(--progress\)\)\] {
	opacity: calc(100% * var(--progress)) !important;
}

.opacity-\[calc\(200\%\*var\(--progress\)\)\] {
	opacity: calc(200% * var(--progress)) !important;
}

.opacity-\[calc\(300\%\*var\(--progress\)\)\] {
	opacity: calc(300% * var(--progress)) !important;
}

.opacity-\[calc\(48\%\-\(48\%\*var\(--progress\)\)\)\] {
	opacity: calc(48% - (48% * var(--progress))) !important;
}

.opacity-\[calc\(100\%\-\(100\%\*var\(--progress\)\)\)\] {
	opacity: calc(100% - (100% * var(--progress))) !important;
}


/* START: Custom, xs breakpoint */

/* END: Custom, xs breakpoint */

/* START: Custom, sm breakpoint */

@media (min-width: 37.5em) {
}

/* END: Custom, sm breakpoint */

/* START: Custom, md breakpoint */

@media (min-width: 52.5em) {
	.md\:opacity-\[calc\(100\%\*var\(--progress\)\)\] {
		opacity: calc(100% * var(--progress)) !important;
	}
}

/* END: Custom, md breakpoint */

/* START: Custom, lg breakpoint */

@media (min-width: 80em) {
	.lg\:opacity-\[calc\(60\%\*var\(--progress\)\)\] {
		opacity: calc(60% * var(--progress)) !important;
	}

	.lg\:opacity-\[calc\(100\%\*var\(--progress\)\)\] {
		opacity: calc(100% * var(--progress)) !important;
	}

	.lg\:opacity-\[calc\(60\%\-\(60\%\*var\(--progress\,0\)\)\)\] {
		opacity: calc(60% - (60% * var(--progress, 0))) !important;
	}

	.lg\:opacity-\[calc\(100\%\-\(100\%\*var\(--progress\)\)\)\] {
		opacity: calc(100% - (100% * var(--progress))) !important;
	}
}

/* END: Custom, lg breakpoint */