.bf{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-xs);overflow-y:auto;color:var(--text);background:color-mix(in oklab,#000 55%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(min-width:768px){.bf{padding:var(--space-l)}}.bf__panel{position:relative;width:min(40rem,100%);margin:auto;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-l) var(--space-m);box-shadow:0 24px 70px -20px #0000008c}@media(min-width:768px){.bf__panel{padding:var(--space-xl)}}@media(min-width:991px){.bf__panel--wide{width:min(64rem,100%)}}.bf__x{position:absolute;top:var(--space-m);right:var(--space-m);width:2.25rem;height:2.25rem;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border);border-radius:50%;font-size:1rem;cursor:pointer;color:var(--text-muted);transition:color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.bf__x:hover{color:var(--accent);border-color:var(--accent)}