.modal{align-items:center;background-color:#000;background-color:rgba(0,0,0,.4);display:flex;flex-flow:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:scale(1.15);transition:transform .1s cubic-bezier(.465,.183,.153,.946),opacity .1s cubic-bezier(.465,.183,.153,.946);width:100%;will-change:transform,opacity;z-index:1}.modal.visible{opacity:1;pointer-events:auto;transform:scale(1);transition:transform .3s cubic-bezier(.465,.183,.153,.946),opacity .3s cubic-bezier(.465,.183,.153,.946)}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:15px;max-width:800px;padding:24px;width:80%}.modal-content iframe{aspect-ratio:16/9;border-radius:10px;height:fit-content;margin-top:12px;width:100%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}#body{overflow-y:scroll}