.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem}.modal[hidden]{display:none}.modal__bg{position:absolute;inset:0;background:rgba(31,27,30,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal__panel{position:relative;width:min(100%,30rem);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow:auto;background:var(--white);border-radius:var(--r-xl);padding:1.9rem;box-shadow:var(--shadow-2)}.modal__close{position:absolute;top:.8rem;right:.8rem;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--line-strong);background:var(--white);cursor:pointer;font-size:1.25rem;line-height:1;color:var(--ink)}.modal__panel h3{font-size:1.4rem;margin-bottom:.35rem;padding-right:2.5rem}.modal__panel .lead{font-size:1rem;margin-bottom:1.1rem}