.modal{max-width:calc(100% - 3rem);width:650px;max-height:calc(100% - 3rem);margin:1.5rem;background-color:var(--modal-bg);position:fixed;top:0;display:flex;flex-direction:column;border-radius:.25rem}.modal__backdrop{position:fixed;inset:0;background-color:var(--modal-backdrop-bg)}.modal__header{font-weight:500;font-size:1.25rem;line-height:2rem;color:var(--modal-heading-text);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0}.modal__heading{display:flex;align-items:center;gap:2rem;padding-bottom:1rem}.modal__heading h2{font-size:1rem;color:var(--modal-heading-text);font-weight:500}.modal__heading hr{background-color:var(--grey-lt);flex-grow:1;border:none;height:.125rem}.modal__content{overflow:hidden auto;flex-grow:1;padding:1rem 2rem;margin-right:.5rem}.modal__content img{margin:auto}.modal__content object{width:100%;height:700px}.modal__actions{display:flex;justify-content:center;align-items:center;padding:1rem 2rem;gap:2.5rem;position:sticky;bottom:0}.input-container{padding:.25rem 1rem}.input-container>p{padding:.125px 0 0 .25rem;color:var(--danger-color)}.modal--wide{width:900px}.modal-enter-from{opacity:0;transform:translateY(-100px)}.modal-enter-active{transition:all .3s ease-out}.modal-leave-to{opacity:0;transform:translateY(100px)}.modal-leave-active{transition:all .3s ease-in}.modalb-enter-from{opacity:0}.modalb-enter-active{transition:opacity .3s ease-out}.modalb-leave-to{opacity:0}.modalb-leave-active{transition:opacity .3s ease-in}