.modal{animation:slideUpFadeIn .7s ease-out;margin:0 auto;text-align:left;top:5%;&::backdrop{background-color:#00000080}&.modal-open{display:flex}@media (max-width:500px){top:10%}.modal-content{border:none;border-radius:2px;box-shadow:0 16px 28px 0 #00000038,0 25px 55px 0 #00000036}.modal-body{border-bottom:0;font-size:15px;&>img{height:87vh;object-fit:contain;object-position:center;@media (max-width:600px){height:100%;width:100%}}}.modal-footer{align-items:center;display:flex;gap:30px;justify-content:flex-end;padding:0 .7rem .2rem 0;@media (max-width:500px){padding-bottom:.7rem;padding-left:.7rem;padding-right:.7rem;padding-top:.7rem}}.btn-default,.btn-primary{background-color:#fff;border:none;border-radius:2px;color:#424242;display:inline-block;height:3em;line-height:3em;outline:0;padding:0 2rem;text-align:center;vertical-align:middle;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 5px 0 #00000029,0 2px 10px 0 #0000001f;letter-spacing:.5px;transition:.2s ease-out;@media (max-width:450px){font-size:.5em;padding-bottom:0;padding-left:1rem;padding-right:1rem;padding-top:0}}.btn-default:hover{background-color:#fff;box-shadow:0 5px 11px 0 #0000002e,0 4px 15px 0 #00000026}.btn-primary{background-color:#2980b9;color:#fff}.btn-primary:hover{background-color:#2980b9;box-shadow:0 5px 11px 0 #0000002e,0 4px 15px 0 #00000026}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}