.modal-component[data-v-23563bc5]{align-items:center;bottom:0;display:flex;height:100vh;justify-content:center;overflow:auto;padding:1.5rem 1rem;position:fixed;right:0;width:100vw;z-index:1001}@media(min-width:768px){.modal-component[data-v-23563bc5]{top:0}}.modal-component .scroll-box[data-v-23563bc5]{align-content:flex-end;bottom:0;display:grid;height:100vh;position:fixed;right:0;width:100vw;z-index:1002}@media(min-width:768px){.modal-component .scroll-box[data-v-23563bc5]{top:0}}@media(min-width:992px){.modal-component .scroll-box[data-v-23563bc5]{align-content:center;align-items:center}}.modal-component .scroll-box .modal-frame[data-v-23563bc5]{display:grid;grid-template-rows:max-content 1fr max-content;margin:auto;max-height:100vh;max-width:992px;min-height:40vh;overflow:hidden;width:100%;z-index:1003;--tw-bg-opacity:1;background-color:rgb(39 39 39/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){.modal-component .scroll-box .modal-frame[data-v-23563bc5]{min-height:0}}@media(min-width:992px){.modal-component .scroll-box .modal-frame[data-v-23563bc5]{border-radius:.75rem;max-height:calc(100vh - 32px);max-width:var(--v408cee5b)}}.modal-component .modal-bg[data-v-23563bc5]{height:100%;left:0;position:fixed;top:0;width:100%;--tw-bg-opacity:1;background-color:rgb(39 39 39/var(--tw-bg-opacity,1));opacity:.5}.modal-slide-down-enter-active[data-v-23563bc5],.modal-slide-down-enter-active .modal-frame[data-v-23563bc5],.modal-slide-down-leave-active[data-v-23563bc5],.modal-slide-down-leave-active .modal-frame[data-v-23563bc5]{transition:.4s ease}@media(min-width:768px){.modal-slide-down-enter-from[data-v-23563bc5],.modal-slide-down-leave-to[data-v-23563bc5]{opacity:0}}.modal-slide-down-enter-from .modal-frame[data-v-23563bc5],.modal-slide-down-leave-to .modal-frame[data-v-23563bc5]{--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))}