.app-modal{align-items:center;display:flex;justify-content:center}.app-modal__overlay{-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);background:rgba(var(--color-background-rgb),.72)}.app-modal__container{align-items:center;display:flex;justify-content:center;padding:var(--spacing-sm);width:100%}.app-modal__content{animation:app-modal-in var(--duration-base) var(--ease-out);background:var(--gradient-surface),var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);box-shadow:var(--inset-highlight),var(--shadow-lg);max-height:86vh;overflow-y:auto;padding:var(--spacing-lg);position:relative;width:100%}.app-modal__content--small{max-width:var(--container-sm)}.app-modal__content--medium{max-width:var(--container-md)}.app-modal__content--large{max-width:var(--container-lg)}.app-modal__content--xlarge{max-width:var(--container-xl)}.app-modal__content--full{max-width:80vw}.app-modal__content--flush{padding:0}.app-modal__content--flush .app-modal__body{margin-top:0}.app-modal__close{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease;width:32px;z-index:2}.app-modal__close:hover{background:var(--color-white-10);color:var(--color-text-strong)}.app-modal__close:focus-visible{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-focus-ring);outline:none}.app-modal__icon{margin-bottom:var(--spacing-sm)}.app-modal__title{color:var(--color-text-strong);font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.3;margin:0 0 var(--spacing-2xs);padding-right:var(--spacing-xl)}.app-modal__description{color:var(--color-text-secondary);font-size:13.5px;font-weight:450;line-height:1.5;margin:0}.app-modal__body{margin-top:var(--spacing-md)}.app-modal__footer{border-top:1px solid var(--color-divider);display:flex;gap:var(--spacing-xs);justify-content:flex-end;margin:var(--spacing-lg) calc(var(--spacing-lg)*-1) calc(var(--spacing-lg)*-1);padding:var(--spacing-sm) var(--spacing-lg)}@keyframes app-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}