.app-local-modal{background:var(--color-transparent);border:none;display:none;height:100%;max-height:100%;max-width:100%;position:fixed;width:100%}.app-local-modal::backdrop{background:#0000004d}.app-local-modal[open]{align-items:center;display:flex;justify-content:center}.app-local-modal[open]::backdrop{animation:fade-in .3s forwards}.app-local-modal__wrapper{display:contents}.app-local-modal__wrapper>*{background-color:var(--color-monochrome-white);display:flex;flex-direction:column;height:100%;overflow-y:auto;width:100%}.app-local-modal__wrapper>::-webkit-scrollbar{height:3px;width:3px}.app-local-modal__wrapper>::-webkit-scrollbar-thumb{background-color:var(--color-main-primary);border-radius:3px;cursor:pointer}.app-local-modal__wrapper>::-webkit-scrollbar-track{background-color:var(--color-monochrome-white);border-radius:3px;box-shadow:0 2px 3px #0000001a;margin:20px}@media(min-width:1024px){.app-local-modal__wrapper>*{border-radius:20px;height:-moz-fit-content;height:fit-content;max-height:calc(100% - 40px);max-width:534px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoom-out{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.app-local-modal-transition-enter-active{animation:zoom-in .3s ease}.app-local-modal-transition-leave-active{animation:zoom-out .3s ease}