:where(.smp-field){position:relative;overflow:hidden;background:#F2EEE3}
:where(.smp-field > .smp-field__poster){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s linear}
.smp-field__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .45s ease-out;pointer-events:none}
.smp-field__canvas.is-live{opacity:1}
@media (prefers-reduced-motion: reduce){.smp-field__canvas{transition:none}}