/* Webpack/build mangles the following CSS, so it is linked from index.html and is not sass */
[class^="ratio-"], [class*=" ratio-"] {
	width: 100%;
	height: 0;
	overflow: hidden;
}
[style*="--aspect-ratio"] > :first-child {
	width: 100%;
}
[style*="--aspect-ratio"] > img {
	height: auto;
}
@supports (--custom:property) {
	[style*="--aspect-ratio"] {
		position: relative;
	}
	[style*="--aspect-ratio"]::before {
		content: "";
		display: block;
		padding-bottom: calc(100%/(var(--aspect-ratio)));
	}
	[style*="--aspect-ratio"] img, [style*="--aspect-ratio"] > div {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
}