.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.822);backdrop-filter:blur(5px);overflow-y:auto}.modal>.modal-container{--modal-max-height:680px;grid-template-columns:1fr 1fr;flex-direction:row;background-color:var(--background-color);max-width:800px;max-height:var(--modal-max-height);height:min(var(--modal-max-height),90vh);border:1px solid #000;margin-left:1em;margin-right:1em}.modal .modal-right{overflow:auto;height:100%;padding-top:2em}.modal .modal-close{display:flex;justify-content:flex-end;margin-top:6px;margin-bottom:1.42em;margin-right:6px}.modal .modal-image{height:100%;object-fit:cover}.modal .modal-content{margin:0 2.85em}