.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1060}.modal--backdrop{background:var(--backdrop, rgba(33, 37, 41, .45))}.modal--no-backdrop{background:transparent;pointer-events:none}.modal--no-backdrop .modal__dialog{pointer-events:auto}.modal--center{display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow-y:auto}.modal__dialog{display:flex;flex-direction:column;background:var(--color-surface, #fff);font-family:Figtree,sans-serif}.modal__dialog--center{width:100%;max-height:calc(100vh - 96px);margin:auto;border-radius:20px;box-shadow:0 16px 24px #0000002e}.modal__dialog--panel{position:absolute;bottom:0;max-width:100vw;max-height:none;border-radius:0}@media (max-width: 767px){.modal__dialog--panel{width:100%!important}}.modal__dialog--right{right:0;left:auto;box-shadow:-8px 0 28px #00000024}.modal__dialog--left{left:0;right:auto;box-shadow:8px 0 28px #00000024}.modal__header{display:flex;align-items:center;gap:16px;padding:16px 24px;flex-shrink:0}.modal__title{flex:1 0 0;min-width:0;margin:0;font-size:20px;font-weight:700;line-height:1.25;color:var(--color-text, #212529)}.modal__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:0;border-radius:9999px;background:var(--color-surface-alt, #f8f9fa);color:var(--color-text, #212529);font-size:14px;cursor:pointer;transition:background-color .15s ease}.modal__close:hover{background:var(--color-surface-strong, #e9ecef)}.modal__body-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 24px}.modal--overflow .modal__dialog--center{max-height:none}.modal--overflow .modal__body{overflow:visible}.modal__body-fade{position:absolute;left:0;right:0;bottom:0;height:36px;pointer-events:none;background:linear-gradient(to top,var(--color-surface, #fff),rgb(var(--color-surface-rgb, 255 255 255) / 0))}.modal__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;flex-shrink:0}.mfade-enter-active,.mfade-leave-active{transition:opacity .18s ease}.mfade-enter-active .modal__dialog,.mfade-leave-active .modal__dialog{transition:transform .22s ease,opacity .22s ease}.mfade-enter,.mfade-leave-to{opacity:0}.mfade-enter .modal__dialog,.mfade-leave-to .modal__dialog{transform:translateY(-12px);opacity:0}.mpanel-right-enter-active,.mpanel-right-leave-active,.mpanel-left-enter-active,.mpanel-left-leave-active{transition:opacity .2s ease}.mpanel-right-enter-active .modal__dialog,.mpanel-right-leave-active .modal__dialog,.mpanel-left-enter-active .modal__dialog,.mpanel-left-leave-active .modal__dialog{transition:transform .28s cubic-bezier(.4,0,.2,1)}.mpanel-right-enter,.mpanel-right-leave-to,.mpanel-left-enter,.mpanel-left-leave-to{opacity:0}.mpanel-right-enter .modal__dialog,.mpanel-right-leave-to .modal__dialog{transform:translate(100%)}.mpanel-left-enter .modal__dialog,.mpanel-left-leave-to .modal__dialog{transform:translate(-100%)}@media (prefers-reduced-motion: reduce){.mfade-enter-active,.mfade-leave-active,.mfade-enter-active .modal__dialog,.mfade-leave-active .modal__dialog,.mpanel-right-enter-active,.mpanel-right-leave-active,.mpanel-left-enter-active,.mpanel-left-leave-active,.mpanel-right-enter-active .modal__dialog,.mpanel-right-leave-active .modal__dialog,.mpanel-left-enter-active .modal__dialog,.mpanel-left-leave-active .modal__dialog{transition:none}}.modal[hidden]{display:none}.modal__body--flush{padding:0}.modal--static:not([hidden]){animation:modal-fade-in .18s ease}.modal--static:not([hidden]) .modal__dialog{animation:modal-slide-in .22s ease}@keyframes modal-fade-in{0%{opacity:0}}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-12px)}}@media (prefers-reduced-motion: reduce){.modal--static:not([hidden]),.modal--static:not([hidden]) .modal__dialog{animation:none}}