.modal .MuiDialog-paper{background-color:var(--color-white);border:1px solid #00339914;border-radius:28px;width:100%;max-width:400px;margin:1rem;animation:.35s ease-out both modal-appear;position:relative;overflow:hidden;box-shadow:0 32px 80px #0003,0 12px 32px #0033991a,0 2px 8px #0000000a}.modal .MuiDialog-container{padding:1rem}.modal__content{flex-direction:column;padding:2rem 1rem 1.5rem;display:flex;position:relative}.modal__header{justify-content:center;align-items:center;padding:1rem;display:flex}.modal__icon{justify-content:center;margin:1rem;display:flex}.modal__icon:after{border:3px solid var(--color-white);background-color:var(--color-secondary);content:"";border-radius:50%;width:18px;height:18px;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #0000001a}.modal__icon svg{width:55px;height:55px;color:var(--color-primary);transform:rotate(3deg)}.modal__content:hover .modal__icon{transform:rotate(0)translateY(-2px);box-shadow:0 14px 30px #00339924,inset 0 1px #ffffffe6}.modal__title{color:var(--color-black);text-align:center;letter-spacing:-.035em;text-wrap:balance;margin:0;padding:.5rem 1.75rem .85rem;font-size:1.4rem;font-weight:750;line-height:1.3}.modal__message-container{text-align:center;border-bottom:none;padding:0 2rem 1.75rem}.modal__message{color:var(--color-gray-light);text-wrap:pretty;margin:0;font-size:.95rem;font-weight:400;line-height:1.75}.modal__actions{text-align:center;justify-content:center;align-self:center;align-items:center;width:fit-content;padding:0 2rem 2rem;display:flex}.modal .modal__content .modal__close{z-index:10;width:36px;height:36px;color:var(--color-gray-light);border:1px solid #0000;border-radius:12px;transition:background-color .2s,border-color .2s,color .2s,transform .2s;position:absolute;top:16px;left:auto;right:16px}.modal .modal__content .modal__close:hover{color:var(--color-primary);background-color:#0033990f;border-color:#00339914;transform:rotate(90deg)}.modal .modal__content .modal__close:focus-visible{outline-offset:3px;outline:3px solid #0033994d}.modal .modal__button{background-color:var(--button-background-color,var(--color-secondary));min-width:170px;min-height:48px;color:var(--color-white);letter-spacing:.01em;text-transform:none;border:1px solid #00339914;border-radius:14px;padding:.8rem 2rem;font-size:.95rem;font-weight:650;transition:background-color .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:0 5px 12px #0000001a,inset 0 1px #ffffff26}.modal .modal__button:hover{background-color:var(--button-hover-background-color,var(--color-primary));transform:translateY(-2px);box-shadow:0 8px 20px #00339938,inset 0 1px #ffffff26}.modal .modal__button:active{box-shadow:none;transform:translateY(0)}.modal .modal__button:focus-visible{outline-offset:3px;outline:3px solid #0033994d}@keyframes modal-appear{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.modal .MuiDialog-paper{animation:none}.modal__icon,.modal__icon svg,.modal__content .modal__close,.modal__button{transition:none}.modal__content:hover .modal__icon,.modal .modal__button:hover,.modal .modal__button:active{transform:none}}@media (width<=480px){.modal .MuiDialog-paper{border-radius:24px;max-width:calc(100% - 1rem);margin:.5rem}.modal .MuiDialog-container{padding:.5rem}.modal__content{padding:1.75rem .75rem 1.25rem}.modal__header{padding:1.5rem 1.5rem 1.1rem}.modal__icon{border-radius:23px;width:74px;height:74px}.modal__icon svg{width:38px;height:38px}.modal__title{padding:.5rem 1.25rem .75rem;font-size:1.25rem}.modal__message-container{padding:0 1.25rem 1.5rem}.modal__message{font-size:.9rem}.modal__actions{width:100%;padding:0 1.25rem 1.5rem}.modal .modal__button{width:100%}.modal .modal__content .modal__close{top:12px;right:12px}}
