.ui-modal{align-items:flex-start;background:#0009;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:2.5rem 1.25rem;position:fixed;z-index:calc(1010 + var(--overlay-depth, 0)*10)}.ui-modal--center .ui-modal__dialog{margin:auto 0}.ui-modal--top .ui-modal__dialog{margin:0}.ui-modal__dialog{background:var(--ui-color-background-page);border-radius:var(--ui-radius-xl);box-shadow:var(--ui-shadow-lg);display:flex;flex-direction:column}.ui-modal__dialog:focus{outline:none}.ui-modal__dialog--sm{max-width:100%;width:25rem}.ui-modal__dialog--md{max-width:100%;width:31.25rem}.ui-modal__dialog--lg{max-width:100%;width:43.75rem}.ui-modal__dialog--xl{max-width:100%;width:56.25rem}.ui-modal__dialog--full{max-width:none;width:100%}.ui-modal__dialog--auto{max-width:100%;width:auto}.ui-modal__header{align-items:center;display:flex;flex-shrink:0;gap:1rem;padding:1rem 1.25rem}.ui-modal__heading{align-items:center;display:flex;flex:1;gap:.625rem;min-width:0}.ui-modal__title{color:var(--ui-color-text);font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-bold);min-width:0}.ui-modal__dialog[data-keyboard-focus] :focus:not(:focus-visible){outline:2px solid var(--ui-color-primary);outline-offset:2px}.ui-modal__actions{align-items:center;display:flex;gap:1rem;margin-left:auto}.ui-modal__close:first-child{margin-left:auto}.ui-modal__close{align-items:center;background:none;border:none;border-radius:var(--ui-radius-md);color:var(--ui-color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;line-height:1;padding:0;transition:color var(--ui-transition-fast);width:2rem}.ui-modal__close:focus-visible,.ui-modal__close:hover{color:var(--ui-color-text);outline:none}.ui-modal__body{padding:0 1.25rem 1.25rem}.ui-modal__footer{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:flex-end;padding:.75rem 1.25rem}.ui-modal-enter-active,.ui-modal-leave-active{transition:opacity var(--ui-transition-normal)}.ui-modal-enter-active .ui-modal__dialog,.ui-modal-leave-active .ui-modal__dialog{transition:transform var(--ui-transition-normal)}.ui-modal-enter-from,.ui-modal-leave-to{opacity:0}.ui-modal-enter-from .ui-modal__dialog,.ui-modal-leave-to .ui-modal__dialog{transform:scale(.95) translateY(.625rem)}