.x-modal{pointer-events:none;position:fixed;inset-inline-end:0;top:5rem;inset-inline-start:0;z-index:9990;margin:auto;height:fit-content;max-height:100vh;max-width:100%;flex-direction:column;overflow:hidden;border-radius:.5rem;--tw-bg-opacity:1;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,.x-modal>.header{display:flex;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.x-modal>.header{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,1));--tw-bg-opacity:1;padding:.5rem 1rem}.x-modal>.header>.start{display:flex;align-items:center;gap:.5rem}.x-modal>.header>.start .icon{--tw-text-opacity:1;color:rgb(28 28 28/var(--tw-text-opacity,1))}.x-modal>.header>.start .title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}.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:3.5rem;width:100%;flex-shrink:0;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem 1rem}.x-modal>.footer .end,.x-modal>.footer .start{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;padding-bottom:.5rem}.x-modal.size-md{width:29rem}.x-modal.size-lg{width:48.5rem}.x-modal.size-xl{width:53rem}.x-modal.size-2xl{width:80rem}.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{left:0;z-index:9989;height:100vh;width:100vw;background-color:rgba(0,0,0,.6)}.x-modal-overflow,.x-sidebar{pointer-events:none;position:fixed;top:0;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.x-sidebar{z-index:9990;margin:auto;display:flex;height:100dvh;max-height:100vh;max-width:100%;--tw-translate-x:100%;flex-direction:column;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.x-sidebar,.x-sidebar.direction-start{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))}.x-sidebar.direction-start{inset-inline-start:0;--tw-translate-x:-100%;border-radius:0}@media (min-width:640px){.x-sidebar.direction-start{border-start-end-radius:.5rem;border-end-end-radius:.5rem}}.x-sidebar.direction-end{inset-inline-end:0;--tw-translate-x:100%;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));border-radius:0}@media (min-width:640px){.x-sidebar.direction-end{border-start-start-radius:.5rem;border-end-start-radius:.5rem}}.x-sidebar>.header{position:relative;width:100%;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem 1rem}.x-sidebar>.header>.title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}.x-sidebar>.header .close-btn{position:absolute;top:1.25rem;inset-inline-end:1.25rem;z-index:20;display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.x-sidebar>.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-sidebar.size-md{width:29rem}.x-sidebar.size-lg{width:48.5rem}.x-sidebar.size-xl{width:53rem}.x-sidebar.size-2xl{width:80rem}.x-sidebar.is-opened{--tw-translate-x:0px;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))}.x-sidebar.is-opened,.x-sidebar.is-opened+.x-sidebar-overflow{pointer-events:auto;opacity:1}.x-sidebar.no-scrolling,.x-sidebar.no-scrolling .content{overflow-y:visible}.x-sidebar-overflow{pointer-events:none;position:fixed;top:0;left:0;z-index:9989;height:100vh;width:100vw;background-color:rgba(0,0,0,.65);opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}