:root{--str-placeholder-text-opacity:0.3;--str-placeholder-background-color:#09f;--str-placeholder-background-opacity:0.8}img.str-empty{background-image:repeating-linear-gradient(45deg,var(--str-placeholder-background-color) 0,transparent 1px,transparent 0,transparent 50%);background-position:0 0;background-repeat:repeat;background-size:15px 15px;opacity:var(--str-placeholder-background-opacity);outline:solid 1px var(--str-placeholder-background-color)}:where([is^=str-h]:empty,[is^=str-textarea]:empty,[is^=str-address]:empty,[is^=str-anchor]:empty,[is^=str-p]:empty):before{color:inherit;content:attr(data-placeholder);opacity:var(--str-placeholder-text-opacity)}:where([data-placeholder]:empty):before{color:inherit;content:attr(data-placeholder);opacity:var(--str-placeholder-text-opacity)}:where(img:not([src]),img[src=""],img[src="data:,"]){color:transparent;display:inline-block;font-size:0;height:attr(height px,150px);opacity:var(--str-placeholder-background-opacity);outline:solid 1px var(--str-placeholder-background-color);position:relative;width:attr(width px,200px);&:before{background-color:#fff}&:after,&:before{content:"";display:block;inset:0;position:absolute}&:after{background:repeating-linear-gradient(45deg,var(--str-placeholder-background-color) 0,transparent 1px,transparent 0,transparent 50%) 0 0 /15px 15px}}