.otto{--otto-backdrop:var(--viewer-bg,var(--color-bg));--otto-fade:200ms;position:relative;display:block;flex:none;width:var(--otto-size,40px);aspect-ratio:1/1;contain:layout paint;pointer-events:none;user-select:none}.otto--w28{--otto-size:28px}.otto--w36{--otto-size:36px}.otto--w40{--otto-size:40px}.otto--w48{--otto-size:48px}.otto--w64{--otto-size:64px}.otto--w96{--otto-size:96px}.otto--w128{--otto-size:128px}.otto--fluid{--otto-size:100%}.otto[data-format=mp4]{background:var(--otto-backdrop)}.otto__layer,.otto__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.otto__layer{opacity:0;transition:opacity var(--otto-fade) linear}.otto__layer[data-front=true]{opacity:1}.otto__layer[data-cut=true]{transition:none}.otto[data-live=true] .otto__poster{visibility:hidden;transition:visibility 0s var(--otto-fade)}@media (prefers-reduced-motion:reduce){.otto__layer{transition:none}}