.lf{--s:0.4;display:flex;flex-direction:column;background:#fff;box-shadow:0 1px 2px rgba(12,13,16,.08),0 24px 60px -28px rgba(12,13,16,.55)}.lf,.lf__screen{position:relative}.lf__screen{flex:1 1;overflow:hidden;background:#ebebe8}.lf__screen iframe{position:absolute;top:0;left:0;width:calc(100% / var(--s));height:calc(100% / var(--s));border:0;transform:scale(var(--s));transform-origin:0 0;pointer-events:none;background:#fff;opacity:0;transition:opacity .42s cubic-bezier(.23,1,.32,1)}.lf[data-loaded] .lf__screen iframe{opacity:1}.lf[data-warm][data-loaded] .lf__screen iframe,.lf[data-warm][data-loaded] .lf__skeleton{transition-duration:.12s}.lf__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lf__skeleton{position:absolute;inset:0;display:grid;align-content:start;grid-gap:8%;gap:8%;padding:9% 8%;background:#ebebe8;transition:opacity .42s cubic-bezier(.23,1,.32,1)}.lf[data-loaded] .lf__skeleton{opacity:0}.lf__sk{display:block;border-radius:6px;background:linear-gradient(100deg,rgba(12,13,16,.07) 30%,rgba(249,174,11,.22) 50%,rgba(12,13,16,.07) 70%);background-size:220% 100%;animation:lf-shimmer 1.4s linear infinite}.lf__sk--hero{height:34%;min-height:2.5rem;border-radius:10px}.lf__sk--line{height:.55rem;width:72%}.lf__sk--short{width:44%}.lf__sk--block{height:22%;min-height:1.75rem;border-radius:10px}.lf--phone .lf__skeleton{background:#17181d}.lf--phone .lf__sk{background-image:linear-gradient(100deg,rgba(245,245,243,.08) 30%,rgba(249,174,11,.28) 50%,rgba(245,245,243,.08) 70%)}@keyframes lf-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.lf__sk{animation:none}.lf__screen iframe,.lf__skeleton{transition:none}}.lf--browser{border-radius:14px;overflow:hidden;border:1px solid var(--lf-line,rgba(12,13,16,.12))}.lf--browser .lf__screen{aspect-ratio:16/10}.lf__bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#f7f7f6;border-bottom:1px solid var(--lf-line,rgba(12,13,16,.12))}.lf__bar i{width:9px;height:9px;border-radius:50%;background:#d9dade}.lf__bar .lf__addr{margin-left:10px;flex:1 1;max-width:260px;display:inline-flex;align-items:center;gap:6px;min-width:0;padding:3px 10px;border-radius:6px;background:#fff;border:1px solid var(--lf-line,rgba(12,13,16,.12));font-size:11px;color:#5d6270;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lf__favicon{flex-shrink:0;width:12px;height:12px;border-radius:2px;object-fit:contain}.lf--phone{--s:0.5;aspect-ratio:390/844;padding:7px;border-radius:34px;background:#0c0d10}.lf--phone .lf__screen{border-radius:27px}.lf--poster{--s:0.3;aspect-ratio:3/4.2;border-radius:10px;overflow:hidden}.lf--static .lf__screen{background:#ebebe8}.lf__shot{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.lf--phone .lf__shot,.lf__shot{object-fit:cover;object-position:top center}.lf--poster .lf__shot{object-position:center top}