.deferred-media__poster {
	background-color: transparent;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%
}
.media>.deferred-media__poster {
	display: flex;
	align-items: center;
	justify-content: center
}
.deferred-media__poster img {
	width: auto;
	height: 100%
}
.deferred-media {
	overflow: hidden
}
.deferred-media:not([loaded]) template {
	z-index: -1
}
.deferred-media[loaded]>.deferred-media__poster {
	display: none
}
.deferred-media__poster:focus {
	outline-offset: -.3rem
}
.deferred-media__poster-button {
	background-color: rgb(var(--color-background));
	border: .1rem solid rgba(var(--color-foreground), .1);
	border-radius: 50%;
	color: rgb(var(--color-foreground));
	display: flex;
	align-items: center;
	justify-content: center;
	height: 6.2rem;
	width: 6.2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: transform var(--duration-short) ease, color var(--duration-short) ease;
	z-index: 1
}
.deferred-media__poster-button:hover {
	transform: translate(-50%, -50%) scale(1.1)
}
.deferred-media__poster-button .icon {
	width: 2rem;
	height: 2rem
}
.deferred-media__poster-button .icon-play {
	margin-left: .2rem
}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-deferred-media.css.map?v=133393484956369264981670373480 */