.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0/.5);z-index:9995;animation:modalOverlayFadeIn .2s ease-out}.modal-content{position:relative;margin:2rem 1rem;width:100%;max-width:36rem;--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);animation:modalContentSlideIn .2s ease-out;max-height:calc(100vh - 4rem);overflow-y:auto;background:transparent;border:.5px solid rgba(255,255,255,.1);border-radius:16px;outline:none}.modal-content:focus{outline:none;box-shadow:0 0 0 .5px rgba(255,255,255,.1)}.modal-close{background:none;border:none;color:var(--gray-classic-content);cursor:pointer;padding:8px;border-radius:8px;transition:color .2s;display:flex;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem;z-index:60}.modal-close svg{width:20px;height:20px}.modal-close:hover{color:var(--premium-black)}.modal-close:focus{outline:none}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.modal-content{margin:1rem .5rem;max-height:calc(100vh - 2rem)}}