.pp-media{border-radius:var(--pp-media-radius);background-color:var(--pp-color-media-placeholder);display:block;position:relative;overflow:hidden}.pp-media picture{display:block;position:relative}.pp-media img{block-size:auto;inline-size:100%;display:block}.pp-media[data-ratio] picture,.pp-media[data-ratio] img{block-size:100%}.pp-media[data-ratio] img{object-fit:cover}.pp-media[data-ratio=portrait]{aspect-ratio:var(--pp-ratio-portrait)}.pp-media[data-ratio=square]{aspect-ratio:var(--pp-ratio-square)}.pp-media[data-ratio=landscape]{aspect-ratio:var(--pp-ratio-landscape)}.pp-media[data-ratio=wide]{aspect-ratio:var(--pp-ratio-wide)}.pp-media[data-focal=center] img{object-position:center}.pp-media[data-focal=top] img{object-position:center top}.pp-media[data-focal=bottom] img{object-position:center bottom}.pp-media[data-focal=left] img{object-position:left center}.pp-media[data-focal=right] img{object-position:right center}.pp-media[data-focal=top-left] img{object-position:left top}.pp-media[data-focal=top-right] img{object-position:right top}.pp-media[data-focal=bottom-left] img{object-position:left bottom}.pp-media[data-focal=bottom-right] img{object-position:right bottom}.pp-media[data-rule]{border:var(--pp-media-rule) solid var(--pp-color-line)}.pp-media__placeholder{block-size:100%;inline-size:100%;position:absolute;inset:0}