.base-modal{align-items:center;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000;--vertical-gap:86px}@media (width <= 500px){.base-modal{--vertical-gap:24px}}.base-modal__overlay{background:#0000008c;height:100%;left:0;position:absolute;top:0;width:100%}.base-modal__main{background-color:var(--color-white);border-radius:var(--radius-xl);display:flex;flex-direction:column;height:auto;margin:0 16px;max-height:calc(100vh - var(--vertical-gap));max-height:calc(100dvh - var(--vertical-gap));overflow:visible;padding:24px;position:relative;width:100%}@media (width <= 500px){.base-modal__main{border-radius:var(--radius-md);margin:0 12px;padding:12px 6px 18px 12px}.base-modal__main-wide{padding:12px 12px 18px!important}}.base-modal__header{display:flex;justify-content:flex-start;width:100%}.base-modal__header-title{font-weight:500;margin:0 0 16px;text-align:left;width:100%}@media (width <= 500px){.base-modal__header-title{font-size:20px;margin-bottom:12px;text-align:center}}.base-modal__header-close{color:var(--color-gray-stroke);cursor:pointer;position:absolute!important;right:10px;top:10px;z-index:2}.base-modal__body{flex-grow:1}.base-modal__body.base-scrollbar{padding-left:0!important;padding-right:8px}.base-modal__footer{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}@media (width <= 500px){.base-modal__footer{justify-content:center;margin-top:12px}}.modal-enter-active,.modal-leave-active{transition:opacity .2s}.modal-enter-active .base-modal__main,.modal-leave-active .base-modal__main{transition:transform .2s}.modal-enter,.modal-leave-to{opacity:0}.modal-enter .base-modal__main,.modal-leave-to .base-modal__main{transform:scale(.97) translateY(-10px)}