.babi-site-preview-layer{position:fixed;inset:0;z-index:220;isolation:isolate}.babi-site-preview-backdrop{position:absolute;inset:0;background:#0006}.babi-site-preview{position:absolute;inset:0 auto 0 0;width:min(760px,75vw);display:flex;flex-direction:column;background:var(--babi-page,#fff);color:var(--babi-fg,#111);border-inline-start:1px solid var(--babi-line,#8884);box-shadow:0 0 30px #0003;overflow:hidden}.babi-site-preview header{display:flex;align-items:center;gap:12px;padding:12px 16px;flex:none;border-bottom:1px solid var(--babi-line,#8884);direction:ltr}.babi-site-preview header button{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--babi-hover,#8882);color:inherit;font-size:26px}.babi-site-preview header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.babi-site-preview header a{font-size:12px;flex:none;min-height:44px;display:flex;align-items:center;color:inherit;text-decoration:none}.babi-site-preview iframe{display:block;flex:1;width:100%;min-height:0;border:0;background:#fff;color-scheme:normal}.babi-site-preview footer{flex:none;font-size:11px;line-height:1.8;opacity:.7;padding:10px 16px;text-align:start;direction:rtl;border-top:1px solid var(--babi-line,#8884)}.babi-site-preview :is(button,a):focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:767px){.babi-site-preview-layer{top:var(--babi-vv-top,0);height:var(--babi-vv-height,100dvh);bottom:auto}.babi-site-preview{width:100%;inset:0}.babi-site-preview header{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;gap:8px}.babi-site-preview footer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}.babi-site-preview,.babi-site-preview *{box-sizing:border-box}