.modal{position:relative;width:80%;max-width:600px;margin:auto;padding:20px;background:#fff;border-radius:8px;outline:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.dropdown-content{opacity:0;transform:translateY(-10px);visibility:hidden;position:absolute;left:0;top:100%;width:100%;background:#fff;border-radius:.375rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.dropdown-content.open{opacity:1;transform:translateY(0);visibility:visible}