.x-modal{align-items:center;bottom:0;display:flex;height:100dvh;justify-content:center;overflow:auto;padding:1.5rem 1rem;position:fixed;right:0;width:100dvw}@media(min-width:768px){.x-modal{top:0}}.x-modal .scroll-box{align-content:flex-end;bottom:0;display:grid;height:100dvh;position:fixed;right:0;width:100dvw;z-index:1002}@media(min-width:768px){.x-modal .scroll-box{top:0}}@media(min-width:992px){.x-modal .scroll-box{align-content:center;align-items:center}}.x-modal .scroll-box .modal-frame{border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:grid;grid-template-rows:max-content 1fr max-content;margin:auto;max-height:100dvh;max-width:100dvw;min-height:40dvh;overflow:hidden;width:100%;z-index:1003;--tw-border-opacity:1;border-color:rgb(var(--color-stroke)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity,1));--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:768px){.x-modal .scroll-box .modal-frame{border-width:1px;min-height:0}}@media(min-width:992px){.x-modal .scroll-box .modal-frame{border-radius:.75rem;max-height:calc(100dvh - 32px);max-width:var(--v6798a339)}}.x-modal .scroll-box .modal-frame:where([data-theme-mode=dark],[data-theme-mode=dark] *){--tw-bg-opacity:1;background-color:rgb(var(--color-primary-overlayer-bg)/var(--tw-bg-opacity,1))}.x-modal .scroll-box .modal-frame .modal-body{overflow:auto}.x-modal .modal-bg{height:100%;left:0;position:fixed;top:0;width:100%;--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-bg)/var(--tw-bg-opacity,1));opacity:.5}.modal-slide-down-enter-active,.modal-slide-down-enter-active .modal-frame,.modal-slide-down-leave-active,.modal-slide-down-leave-active .modal-frame{transition:.4s ease}@media(min-width:768px){.modal-slide-down-enter-from,.modal-slide-down-leave-to{opacity:0}}.modal-slide-down-enter-from .modal-frame,.modal-slide-down-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))}