.naraya-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:naraya-overlay-in .5s ease both}.naraya-modal-overlay--exiting{animation:naraya-overlay-out .5s ease both}@keyframes naraya-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes naraya-overlay-out{0%{opacity:1}to{opacity:0}}.naraya-modal{position:relative;display:flex;flex-direction:column;width:100%;max-width:32rem;max-height:calc(100vh - 3rem);max-height:calc(100dvh - 3rem);background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle)/.6);border-radius:.75rem;box-shadow:var(--shadow-xl);animation:naraya-modal-in .5s ease both;overflow:hidden}.naraya-modal--exiting{animation:naraya-modal-out .5s ease both}@keyframes naraya-modal-in{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes naraya-modal-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.naraya-modal--sm{max-width:24rem}.naraya-modal--lg{max-width:40rem}.naraya-modal--xl{max-width:56rem}.naraya-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1.25rem 1.25rem 0}.naraya-modal__title{font-size:1.125rem;font-weight:700;line-height:1.5rem;color:rgb(var(--text-main))}.naraya-modal__description{font-size:.875rem;line-height:1.25rem;color:rgb(var(--text-muted));margin-top:.25rem}.naraya-modal__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:.375rem;background-color:transparent;color:rgb(var(--text-muted));cursor:pointer}.naraya-modal__close:hover{background-color:rgb(var(--color-secondary));color:rgb(var(--text-main))}.naraya-modal__close:focus-visible{outline:2px solid rgb(var(--ring-focus));outline-offset:2px}.naraya-modal__body{flex:1 1 auto;padding:1rem 1.25rem;overflow-y:auto;font-size:.875rem;line-height:1.5rem;color:rgb(var(--text-main))}.naraya-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.75rem 1.25rem 1.25rem}@media (prefers-reduced-motion:reduce){.naraya-modal,.naraya-modal-overlay{animation:none}}