.modal{pointer-events:none;visibility:hidden;opacity:0;z-index:999;justify-content:center;display:flex;position:fixed;inset:0}:where(.modal){align-items:center}.modal-box{max-height:calc(100vh - 5em)}.modal-open,.modal:target,.modal-toggle:checked+.modal{pointer-events:auto;visibility:visible;opacity:1}.modal-action{display:flex}.modal-toggle{appearance:none;opacity:0;width:0;height:0;position:fixed}