@import "plyr/dist/plyr.css";

.plyr {
	container-type: inline-size;
	container-name: plyr;
}

.plyr__progress input[type="range"], .plyr__volume input[type="range"] {
	@apply shadow-none;
}

@container plyr (max-width: 480px) {
	.plyr__controls {
		@apply pt-0!;
	}
}

@container plyr (max-width: 320px) {
	.plyr__progress__container {
		@apply hidden!;
	}
}

@container plyr (max-width: 280px) {
	.plyr__menu {
		@apply hidden!;
	}
}