.modal-container{pointer-events:none;position:fixed;inset:0;z-index:9999;display:flex;height:100%;width:100%;overflow:hidden;overflow-y:auto;background-color:rgba(38,38,38,.25);opacity:0;--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-container.open{pointer-events:auto;opacity:1}.modal-view{margin:auto}.modal-box{--tw-translate-y:4rem;opacity:0;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.modal-box,.open .modal-box{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))}.open .modal-box{--tw-translate-y:0px;opacity:1}