body.op-site{--font-sans:var(--font-manrope),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:var(--font-space-mono),"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}body.op-site image-slot{position:relative;display:block;min-height:100%;background:var(--surface-inset);border:1px dashed var(--border-default);border-radius:inherit;overflow:hidden}body.op-site image-slot[placeholder]:after{content:attr(placeholder);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);line-height:var(--leading-snug);color:var(--text-disabled)}body.op-site image-slot>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}body.op-site image-slot:has(>img){border-style:solid}body.op-site image-slot>img[data-hidden]{opacity:0}@media (prefers-reduced-motion:no-preference){body.op-site image-slot>img{transition:opacity 1.2s ease}}body.op-site image-slot[data-fit=contain]>img{object-fit:contain;padding:10% 14%;box-sizing:border-box}body.op-site image-slot[data-mono]>img{filter:brightness(0) invert(1);opacity:.88}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}