.lf{margin:0}.lf__vid{width:100%;height:auto;display:block}.lf>.lf__vid,.lf__stage>.lf__vid{border-radius:18px}.lf__stage{position:relative;container-type:inline-size}.lf__pills{margin:0;padding:0;list-style:none}.lf__pills li{position:absolute;transform:translate(-50%,-50%)}.lf__pill{--k:.72;--sw:var(--sm-magenta-deep,#a9583e);--sm-t-cardT:calc(20px * var(--k));--sm-t-cardS:max(12px, calc(17px * var(--k)))}@container (min-width:900px){.lf__pill{--k:.8}}@container (max-width:720px){.lf__pill{--k:.66}}@container (max-width:640px){.lf__pills{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.lf__pills li{position:static;transform:none}.lf__pill{--k:.64;box-shadow:none}}.lf__step{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;bottom:4%;left:2%}.lf__num{color:#fff;font-style:normal;font-weight:800;font-size:calc(16px * var(--k));place-items:center;line-height:1;display:grid}.lf__step.is-on{opacity:1}.lf__steps{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.lf__step{display:none}.lf__steps{clip:auto;white-space:normal;width:auto;height:auto;color:var(--sm-mute,#5c574c);margin:14px 0 0;padding-left:22px;font-size:14.5px;font-weight:600;line-height:1.6;list-style:decimal;position:static;overflow:visible}}.lf__win{border:1px solid var(--sm-hair,#e4ded2);box-shadow:var(--sm-card-shadow,0 24px 60px #1414131a);background:#fff;border-radius:18px;overflow:hidden}.lf__win .lf__vid{background:#faf9f5}.lf__bar{border-bottom:1px solid var(--sm-hair,#e4ded2);background:#f3f0e8;align-items:center;gap:7px;height:38px;padding:0 16px;display:flex;position:relative}.lf__bar i{background:#14141338;border-radius:50%;width:10px;height:10px}.lf__url{border:1px solid var(--sm-hair,#e4ded2);height:24px;color:var(--sm-mute,#5c574c);background:#faf9f5;border-radius:999px;padding:0 18px;font:500 12.5px/24px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;left:50%;transform:translate(-50%)}.lf figcaption{color:var(--sm-mute,#5c574c);margin-top:14px;font-size:14.5px;font-weight:600;line-height:1.4}@media (max-width:599px){.lf--hide-narrow{display:none}.lf figcaption{font-size:16px}.lf__pills .lf__pill-wide{display:none}}@media (max-width:640px){.lf__win,.lf>.lf__vid,.lf__stage>.lf__vid{border-radius:12px}.lf__bar{gap:5px;height:28px;padding:0 10px}.lf__bar i{width:7px;height:7px}.lf__url{height:18px;padding:0 12px;font-size:10.5px;line-height:18px}}