.fn-modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0e1e308c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.fn-modal{background-color:#fff;border-radius:1.25rem;outline:none;flex-direction:column;width:100%;max-height:calc(100vh - 3rem);display:flex;position:relative;box-shadow:0 20px 60px #0e1e3038,0 4px 16px #0e1e301f}.fn-modal--sm{max-width:26rem}.fn-modal--md{max-width:34rem}.fn-modal--lg{max-width:46rem}.fn-modal--xl{max-width:60rem}.fn-modal__header{border-bottom:1px solid var(--color-fn-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex}.fn-modal__title{font-family:var(--font-display);color:var(--color-fn-navy);margin:0;font-size:1.0625rem;font-weight:700;line-height:1.3}.fn-modal__close{cursor:pointer;color:#3d6a948c;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:color .15s,background-color .15s;display:flex}.fn-modal__close:hover{color:var(--color-fn-navy);background-color:var(--color-fn-cloud)}.fn-modal__body{font-family:var(--font-body);color:var(--color-fn-ink);flex:1;padding:1.5rem;font-size:.9375rem;line-height:1.65;overflow-y:auto}.fn-modal__footer{border-top:1px solid var(--color-fn-line);flex-shrink:0;justify-content:flex-end;align-items:center;gap:.625rem;padding:1rem 1.5rem 1.25rem;display:flex}.fn-modal-enter-active,.fn-modal-leave-active{transition:opacity .22s}.fn-modal-enter-active .fn-modal,.fn-modal-leave-active .fn-modal{transition:transform .22s cubic-bezier(.34,1.3,.64,1),opacity .22s}.fn-modal-enter-from,.fn-modal-leave-to{opacity:0}.fn-modal-enter-from .fn-modal,.fn-modal-leave-to .fn-modal{opacity:0;transform:scale(.95)translateY(.75rem)}