.modal-component{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.modal-component .modal-bg{top:0;right:0;bottom:0;left:0;position:fixed;--tw-bg-opacity:1;background-color:rgb(206 212 218/var(--tw-bg-opacity));opacity:.5}.modal-component .modal-frame{left:0;margin-left:auto;margin-right:auto;max-width:768px;overflow:hidden;position:fixed;right:0;width:100%;z-index:1002;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:576px){.modal-component .modal-frame{border-radius:.75rem;left:50%;right:auto;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.modal-component .modal-frame{bottom:0}@media (min-width:576px){.modal-component .modal-frame{bottom:auto}}.modal-component .modal-frame{min-height:20vh}@media (min-width:576px){.modal-component .modal-frame{min-height:0}}.modal-component .modal-frame{max-height:calc(100vh - 64px)}.modal-component .content{overflow:auto}.modal-slide-up-enter-active,.modal-slide-up-enter-active .modal-frame,.modal-slide-up-leave-active,.modal-slide-up-leave-active .modal-frame{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:576px){.modal-slide-up-enter-from,.modal-slide-up-leave-to{opacity:0}}.modal-slide-up-enter-from .modal-frame,.modal-slide-up-leave-to .modal-frame{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}