.modal-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .2s;transition:opacity .2s;z-index:99;will-change:transform;--modal-overlay-padding:3rem;padding-top:max(var(--modal-overlay-padding),env(safe-area-inset-top));padding-bottom:max(var(--modal-overlay-padding),env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.modal-container.exiting{opacity:0}.modal-container.exiting .modal-body{transform:scale(.8);opacity:0}.modal-body{flex-shrink:0;transition:transform .2s,opacity .2s;animation:modal-in .2s;will-change:transform;overflow-y:auto;max-height:calc(100vh - var(--modal-overlay-padding) - var(--modal-overlay-padding))}@supports (height:100dvh){.modal-body{max-height:calc(100dvh - max(var(--modal-overlay-padding), env(safe-area-inset-top)) - max(var(--modal-overlay-padding), env(safe-area-inset-bottom)))}}.modal-close-button{position:absolute;top:.5rem;right:.5rem;cursor:pointer;border-radius:999px;padding:.625rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.modal-close-button:focus{outline:2px solid transparent;outline-offset:2px}.modal-close-button.small{padding:.5rem}.modal-close-button:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal-close-button.dark{background-color:rgb(0 0 0/.6);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.modal-close-button.dark:hover{background-color:rgb(0 0 0/.8)}.modal-close-button.dark:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#000}.modal-close-button.light{background-color:rgb(255 255 255/.8);--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.modal-close-button.light:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.modal-close-button.light:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity));--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff}.modal-close-button.gray{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(135 135 135/var(--tw-text-opacity))}@keyframes modal-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-image-preview{border-radius:10px;min-width:150px;max-width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.image-picker-preview-modal{background-color:transparent!important;width:85vmin;max-width:600px}.image-picker-preview-modal img{height:100%;width:100%;border-radius:7px;-o-object-fit:cover;object-fit:cover;max-height:calc(100vh - 100px)}.image-picker-preview-modal img.contain{-o-object-fit:contain!important;object-fit:contain!important}