:root{--alpine-modal-body-padding: 1rem;--alpine-modal-header-padding: 1rem 1rem 1rem 1rem;--alpine-modal-footer-padding: .5rem .5rem 1rem .5rem}@media (min-width: 768px){:root{--alpine-modal-body-padding: 1.5rem;--alpine-modal-header-padding: 1.5rem 1.5rem 1rem 1.5rem;--alpine-modal-footer-padding: 1rem 1rem 1.5rem 1rem}}.alpine-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1088;display:flex;align-items:center;justify-content:center;padding:.5rem}.alpine-modal-container{background:#fff;border-radius:.375rem;box-shadow:0 10px 25px #0000001a;width:var(--alpine-modal-width, 500px);max-width:95vw;max-height:80vh;overflow:auto;position:relative;z-index:1090}.alpine-modal-enter{transition:opacity .2s ease-out}.alpine-modal-enter-start{opacity:0}.alpine-modal-enter-end{opacity:1}.alpine-modal-leave{transition:opacity .25s ease-in}.alpine-modal-leave-start{opacity:1}.alpine-modal-leave-end{opacity:0}.alpine-modal-enter .alpine-modal-container{transition:transform .2s ease-out,opacity .2s ease-out}.alpine-modal-enter-start .alpine-modal-container{opacity:0;transform:scale(.95)}.alpine-modal-enter-end .alpine-modal-container{opacity:1;transform:scale(1)}.alpine-modal-leave .alpine-modal-container{transition:transform .25s ease-in,opacity .25s ease-in}.alpine-modal-leave-start .alpine-modal-container{opacity:1;transform:scale(1)}.alpine-modal-leave-end .alpine-modal-container{opacity:0;transform:scale(.95)}.alpine-modal .modal-body{padding:var(--alpine-modal-body-padding)}.alpine-modal .modal-header{padding:var(--alpine-modal-header-padding);border-bottom:1px solid #e5e7eb}.alpine-modal .modal-header .btn-close{opacity:.5;transition:opacity .2s ease}.modal-header .btn-close:hover{opacity:1}.alpine-modal .modal-footer{padding:var(--alpine-modal-footer-padding);display:flex;justify-content:flex-end;gap:.75rem}.alpine-modal-container.scrollable-body{display:flex;flex-direction:column}.alpine-modal-container.scrollable-body .modal-body{overflow-y:auto;flex:1}@media (max-width: 576px){.alpine-modal .alpine-modal-container{max-width:95vw;max-height:95vh;margin:.5rem}}.alpine-modal-overlay.mobile-bottom{align-items:flex-end}@media (min-width: 768px){.alpine-modal-overlay.md-center{align-items:center;justify-content:center}.alpine-modal-overlay.md-center .alpine-modal-container{border-radius:1rem;max-height:80vh}.alpine-modal-container{max-width:90vw}}@media (min-width: 1200px){.alpine-modal-overlay.xl-center{align-items:center;justify-content:center}.alpine-modal-overlay.xl-center .alpine-modal-container{border-radius:1rem;max-height:80vh}}.alpine-modal-overlay.mobile-top{align-items:flex-start}@media (min-width: 1200px){.alpine-modal-overlay.modal-drawer-xl-right{background:transparent;pointer-events:none;justify-content:flex-end;padding:0}.alpine-modal-overlay.modal-drawer-xl-right .alpine-modal-container{pointer-events:auto;width:400px;max-width:400px;height:100vh;max-height:100vh;border-radius:0;box-shadow:-4px 0 24px #00000026;margin:0}.alpine-modal-overlay.modal-drawer-xl-right.alpine-modal-enter .alpine-modal-container{transition:transform .3s ease-out}.alpine-modal-overlay.modal-drawer-xl-right.alpine-modal-enter-start .alpine-modal-container{transform:translate(100%)}.alpine-modal-overlay.modal-drawer-xl-right.alpine-modal-enter-end .alpine-modal-container{transform:translate(0)}.alpine-modal-overlay.modal-drawer-xl-right.alpine-modal-leave .alpine-modal-container{transition:transform .3s ease-in}.alpine-modal-overlay.modal-drawer-xl-right.alpine-modal-leave-start .alpine-modal-container{transform:translate(0)}.alpine-modal-overlay.modal-drawer-xl-right.alpine-modal-leave-end .alpine-modal-container{transform:translate(100%)}}
