.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:49;min-height:fit-content}.modal-cont{width:100%;display:grid;place-items:center;max-height:100dvh;min-height:100dvh;overflow-y:scroll}.modal{background-color:var(--white);position:relative;overflow:hidden;margin-top:100px;margin-bottom:100px;animation:fadeInSlideIn .2s ease-out forwards}.modal.fade-out{animation:fadeOutSlideOut .2s ease-in forwards}.close-button{position:absolute;height:fit-content;width:fit-content;padding:0;background:none;border:none;cursor:pointer;right:10px;top:10px}.close-button svg{width:25px;height:25px;transition:all .1s ease-in-out}.back-button{position:absolute;height:fit-content;width:fit-content;padding:0;background:none;border:none;cursor:pointer;left:20px;top:30px}.back-button svg{width:20px;height:20px;transition:all .1s ease-in-out}@media (hover:hover){.close-button svg:hover{color:var(--secondary-color)}}.modal-content{margin-top:20px}@keyframes fadeInSlideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}