/* why: full-screen sheet on phones, centred panel on desktop; content scrolls inside the frame */
.lpm{position:fixed;inset:0;z-index:9995;display:flex;align-items:center;justify-content:center;padding:var(--s-24);background:rgba(22,30,47,.6)}
.lpm[hidden]{display:none}
.lpm__box{display:flex;flex-direction:column;width:min(60rem,100%);height:min(52rem,100%);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-container);overflow:hidden}
.lpm__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-16);padding:var(--s-8) var(--s-8) var(--s-8) var(--s-24);border-bottom:1px solid var(--line);background:var(--tint)}
.lpm__t{margin:0;font:500 var(--t-16)/1.3 var(--sans);color:var(--ink)}
.lpm__x{flex:none;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--r-control);background:none;color:var(--ink-2);cursor:pointer}
.lpm__x:hover{color:var(--ink);background:var(--line)}
.lpm__x svg{width:20px;height:20px}
.lpm :focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}
.lpm__f{flex:1;min-height:0;width:100%;border:0;background:var(--bg)}
html.lpm-lock,html.lpm-lock body{overflow:hidden}
@media(max-width:600px){.lpm{padding:0}.lpm__box{width:100%;height:100%;border:0;border-radius:0}.lpm__bar{padding-left:var(--s-16)}}