.neo-modal-overlay{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow-y:auto;pointer-events:auto;backdrop-filter:brightness(.9) blur(4px);-webkit-backdrop-filter:brightness(.9) blur(4px);animation:neoModalOverlayIn var(--dur-overlay) var(--ease-out)}.neo-modal-overlay.closing{animation:neoModalOverlayOut var(--dur-base) var(--ease-in) forwards}@media screen and (max-width:600px){.neo-modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.5)}}@keyframes neoModalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes neoModalOverlayOut{0%{opacity:1}to{opacity:0}}.neo-modal-panel{position:relative;display:flex;flex-direction:column;align-items:center;max-width:min(90vw,480px);padding:24px;border-radius:16px;background:#3e3a45;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 20px 24px -4px rgba(0,0,0,.08),0 4px 8px -2px rgba(0,0,0,.04);animation:neoModalPanelIn var(--dur-overlay) var(--ease-out)}.neo-modal-panel.wide{max-width:90vw;padding:0;background:none;border:none}@keyframes neoModalPanelIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.neo-modal-close{position:absolute;top:12px;right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;color:hsla(0,0%,100%,.6);cursor:pointer;border-radius:8px;transition:color var(--dur-hover) var(--ease-micro),background var(--dur-hover) var(--ease-micro),transform var(--dur-press) var(--ease-micro)}@media(hover:hover)and (pointer:fine){.neo-modal-close:hover{color:#fff;background:hsla(0,0%,100%,.06)}}.neo-modal-close:active{transform:scale(.96)}.neo-modal-close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-200)}