.u-modal__overlay{position:fixed;inset:0}@supports not (inset:0){.u-modal__overlay{inset:0}}.u-modal__overlay.overlay{background-color:var(--black-a50);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.u-modal__overlay.scrollable{overflow-y:auto}.u-modal__overlay.scrollable.inset{display:grid;place-items:center;padding:var(--u-gap-lg)}@media(min-width:640px){.u-modal__overlay.scrollable.inset{padding-block:32px}@supports not (padding-block:0){.u-modal__overlay.scrollable.inset{padding-top:32px;padding-bottom:32px}}}.u-modal__overlay.scrollable .u-modal{position:relative}.u-modal__overlay[data-state=open]{animation:fade-in .2s var(--u-ease-out)}.u-modal__overlay[data-state=closed]{animation:fade-out .2s var(--u-ease-in)}.u-modal{position:fixed;display:flex;flex-direction:column;padding:var(--u-gap-sm);color:var(--neutral-900);background-color:var(--neutral-50);transition:transform .2s var(--u-bounce)}.u-modal:focus{outline:none}.u-modal[data-state=open]{animation:dialog-scale-in .4s var(--u-ease-out)}.u-modal[data-state=closed]{animation:dialog-scale-out .4s var(--u-ease-in)}.u-modal:not(.scrollable).inset{--translate:translate(-50%,-50%);top:50%;left:50%;max-height:calc(100dvh - 2rem)}@supports not (max-height:100dvh){.u-modal:not(.scrollable).inset{max-height:calc(100vh - 2rem)}}.u-modal:not(.scrollable).inset{transform:var(--translate) scale(calc(1 - var(--before)*.025));overflow:hidden}@media(min-width:640px){.u-modal:not(.scrollable).inset{max-height:calc(100dvh - 4rem)}@supports not (max-height:100dvh){.u-modal:not(.scrollable).inset{max-height:calc(100vh - 4rem)}}}.u-modal:not(.scrollable) .u-modal__body{overflow-y:auto}.u-modal.fullscreen{inset:0}@supports not (inset:0){.u-modal.fullscreen{inset:0}}.u-modal.inset{width:calc(100vw - 2rem);border-radius:var(--u-radius-lg);box-shadow:var(--u-box-shadow-lg),0 0 0 1px var(--neutral-300)}.u-modal header{display:flex;align-items:center;padding:var(--u-gap-xs);padding-right:32px}.u-modal footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--u-gap-xs);padding:var(--u-gap-xs)}.u-modal-title{font-weight:500}.u-modal-description{margin-top:2px;color:var(--neutral-a700);font-size:var(--u-text-sm)}.u-modal-close{position:absolute;top:var(--u-gap-sm);right:var(--u-gap-sm)}.u-modal__body{flex:1;padding:var(--u-gap-xs)}@keyframes dialog-scale-in{0%{opacity:0;transform:var(--translate) scale(.95)}to{opacity:1;transform:var(--translate) scale(1)}}@keyframes dialog-scale-out{0%{opacity:1;transform:var(--translate) scale(1)}to{opacity:0;transform:var(--translate) scale(.95)}}