.naraya-badge{display:inline-flex;align-items:center;justify-content:center;height:1.375rem;padding:0 .5rem;font-size:.6875rem;font-weight:600;line-height:1;letter-spacing:.02em;border-radius:9999px;white-space:nowrap;transition:background-color var(--duration-fast) var(--easing-smooth)}.naraya-badge--solid{color:rgb(var(--color-primary-content));background-color:rgb(var(--color-primary))}.naraya-badge--soft{color:rgb(var(--color-primary));background-color:rgb(var(--color-primary)/.12)}.naraya-badge--outline{color:rgb(var(--color-primary));background-color:transparent;box-shadow:inset 0 0 0 1px rgb(var(--color-primary)/.4)}.naraya-badge--tone-secondary.naraya-badge--solid{color:rgb(var(--color-secondary-content));background-color:rgb(var(--color-secondary))}.naraya-badge--tone-secondary.naraya-badge--soft{color:rgb(var(--color-secondary-content));background-color:rgb(var(--color-secondary)/.6)}.naraya-badge--tone-secondary.naraya-badge--outline{color:rgb(var(--color-secondary-content));box-shadow:inset 0 0 0 1px rgb(var(--color-secondary-content)/.4)}.naraya-badge--tone-accent.naraya-badge--solid{color:rgb(var(--color-accent-content));background-color:rgb(var(--color-accent))}.naraya-badge--tone-accent.naraya-badge--soft{color:rgb(var(--color-accent));background-color:rgb(var(--color-accent)/.12)}.naraya-badge--tone-accent.naraya-badge--outline{color:rgb(var(--color-accent));box-shadow:inset 0 0 0 1px rgb(var(--color-accent)/.4)}.naraya-badge--tone-info.naraya-badge--solid{color:rgb(var(--color-info-content));background-color:rgb(var(--color-info))}.naraya-badge--tone-info.naraya-badge--soft{color:rgb(var(--color-info));background-color:rgb(var(--color-info)/.12)}.naraya-badge--tone-info.naraya-badge--outline{color:rgb(var(--color-info));box-shadow:inset 0 0 0 1px rgb(var(--color-info)/.4)}.naraya-badge--tone-success.naraya-badge--solid{color:rgb(var(--color-success-content));background-color:rgb(var(--color-success))}.naraya-badge--tone-success.naraya-badge--soft{color:rgb(var(--color-success));background-color:rgb(var(--color-success)/.12)}.naraya-badge--tone-success.naraya-badge--outline{color:rgb(var(--color-success));box-shadow:inset 0 0 0 1px rgb(var(--color-success)/.4)}.naraya-badge--tone-warning.naraya-badge--solid{color:rgb(var(--color-warning-content));background-color:rgb(var(--color-warning))}.naraya-badge--tone-warning.naraya-badge--soft{color:rgb(var(--color-warning));background-color:rgb(var(--color-warning)/.12)}.naraya-badge--tone-warning.naraya-badge--outline{color:rgb(var(--color-warning));box-shadow:inset 0 0 0 1px rgb(var(--color-warning)/.4)}.naraya-badge--tone-error.naraya-badge--solid{color:rgb(var(--color-error-content));background-color:rgb(var(--color-error))}.naraya-badge--tone-error.naraya-badge--soft{color:rgb(var(--color-error));background-color:rgb(var(--color-error)/.12)}.naraya-badge--tone-error.naraya-badge--outline{color:rgb(var(--color-error));box-shadow:inset 0 0 0 1px rgb(var(--color-error)/.4)}.naraya-badge--sm{height:1.125rem;font-size:.625rem;padding:0 .375rem}.naraya-badge--lg{height:1.625rem;font-size:.75rem;padding:0 .625rem}.naraya-inline{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:nowrap}.naraya-inline--gap-0{gap:0}.naraya-inline--gap-1{gap:.25rem}.naraya-inline--gap-2{gap:.5rem}.naraya-inline--gap-3{gap:.75rem}.naraya-inline--gap-4{gap:1rem}.naraya-inline--gap-5{gap:1.25rem}.naraya-inline--gap-6{gap:1.5rem}.naraya-inline--gap-8{gap:2rem}.naraya-inline--align-start{align-items:flex-start}.naraya-inline--align-center{align-items:center}.naraya-inline--align-end{align-items:flex-end}.naraya-inline--align-baseline{align-items:baseline}.naraya-inline--justify-start{justify-content:flex-start}.naraya-inline--justify-center{justify-content:center}.naraya-inline--justify-end{justify-content:flex-end}.naraya-inline--justify-between{justify-content:space-between}.naraya-inline--wrap{flex-wrap:wrap}.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}}