.x-modal{pointer-events:none;position:fixed;inset-inline-end:0;top:5rem;inset-inline-start:0;z-index:9999;margin:auto;display:flex;height:fit-content;max-height:100vh;max-width:100%;flex-direction:column;overflow:hidden;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform:rotateX(20deg) translateY(-2rem);max-height:calc(100% - 10rem)}.x-modal>.header{display:flex;height:3.5rem;width:100%;flex-shrink:0;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.5rem 1rem}.x-modal>.header>.start h1{display:flex;align-items:center;gap:.5rem;font-size:1rem;line-height:1.5rem;font-weight:600}.x-modal>.header>.end{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;padding-bottom:.5rem}.x-modal>.content{display:flex;width:100%;flex-grow:1;align-items:flex-start;overflow-y:auto;background-color:rgba(0,0,0,.03);padding:1rem}.x-modal>.footer{display:flex;height:auto;width:100%;flex-shrink:0;flex-direction:column;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));padding:.5rem 1rem}@media (min-width:768px){.x-modal>.footer{height:3.5rem;flex-direction:row}}.x-modal>.footer .end,.x-modal>.footer .start{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;padding-bottom:.5rem}.x-modal>.footer .end:empty,.x-modal>.footer .start:empty{display:none}@media (min-width:768px){.x-modal>.footer .end:empty,.x-modal>.footer .start:empty{display:block}}.x-modal.size-md{width:29rem}.x-modal.size-lg{width:48.5rem}.x-modal.size-xl{width:53rem}.x-modal.is-opened{transform:rotate3d(0,0,0,0deg)}.x-modal.is-opened,.x-modal.is-opened+.x-modal-overflow{pointer-events:auto;opacity:1}.x-modal.no-scrolling,.x-modal.no-scrolling .content{overflow-y:visible}.x-modal-overflow{pointer-events:none;position:fixed;top:0;left:0;z-index:9998;height:100vh;width:100vw;background-color:rgba(0,0,0,.6);opacity:0;--tw-backdrop-blur:blur(4px);-webkit-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);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-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}