.modal{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;background-color:#00000095;padding:20px}.modal .modal-content{display:flex;flex-direction:column;justify-content:space-between;width:500px;min-height:280px;background-color:#fff;border-radius:20px}@media screen and (max-width:525px){.modal .modal-content{width:100%}}.modal .modal-content .modal-header{display:flex;justify-content:space-between;background-color:#5b616e0a;padding:25px}.modal .modal-content .modal-header p{font-weight:600}.modal .modal-content .modal-header img{cursor:pointer;width:15px;height:15px}.modal .modal-content .modal-slot{padding:20px;flex-grow:1}.modal .modal-content .modal-footer{display:flex;justify-content:right;gap:20px;padding:20px;border-top:1px solid #f6f7f8}@media screen and (max-width:525px){.modal .modal-content .modal-footer{flex-wrap:wrap;justify-content:left}}.modal .modal-content .modal-footer .button{font-weight:600;width:auto;min-width:140px}