.modal-overlay{z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);background-color:#020617cc;width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{z-index:1001;background-color:var(--bg-secondary);width:100%;max-width:550px;max-height:90vh;padding:3rem;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-close{color:var(--text-sec);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--primary-color)}.modal-overlay.modal-hidden{opacity:0;pointer-events:none}.modal-overlay.modal-visible{opacity:1}.modal-overlay{transition:opacity .3s}.modal-overlay .modal-content{transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(20px)scale(.95)}.modal-overlay.modal-visible .modal-content{transform:translateY(0)scale(1)}