.modal__backdrop{z-index:var(--z-modal);background:var(--scrim);font-family:var(--font-sans);padding:20px;animation:.3s linear u-fade-in;display:flex;position:fixed;inset:0;overflow:auto}.modal__card{background:var(--panel);border:1px solid var(--line);border-radius:var(--modal-radius,16px);max-height:calc(100dvh - 40px);color:var(--text);outline:none;max-width:100%;margin:auto;padding:28px;animation:.3s linear u-fade-in;position:relative;overflow-y:auto;box-shadow:0 24px 64px #00000073}.modal__backdrop--inline{z-index:auto;animation:none;position:relative;inset:auto}.modal__backdrop--inline>.modal__card{max-height:none;animation:none}.modal__card:focus,.modal__card:focus-visible{outline:none}.modal__close{background:var(--fill-3,#ffffff14);width:32px;height:32px;color:var(--ink-7,#ffffffb3);cursor:pointer;z-index:1;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:14px;right:14px}.modal__close:hover{background:var(--fill-5,#ffffff1f);color:var(--text)}.modal__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (height<=540px){.modal__backdrop{padding:8px}.modal__card{border-radius:var(--modal-radius,12px);max-height:calc(100dvh - 16px);padding:18px}.modal__card--plain{padding:0}}.modal__card--plain{box-shadow:none;background:0 0;border:0;padding:0}