.modal-mask{z-index:7;top:0;scrollbar-width:none;background-color:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;padding:.25rem;transition:opacity .2s;position:fixed;inset-inline-start:0;overflow-y:auto}.modal-mask::-webkit-scrollbar{width:0}.translateY{align-items:flex-end}.close-icon{z-index:3;top:1.25rem;background-color:#fafafa;margin:.5rem;inset-inline-end:1.25rem;position:absolute!important}.modal-wrapper{z-index:2;height:-moz-fit-content;height:fit-content;transition:transform .3s ease-out;position:relative}@media screen and (min-width:768px){.modal-wrapper{padding-inline-start:8rem}}.translateY .modal-wrapper{width:100%}.scale-enter-from,.scaleZero-leave-to{opacity:0}.scale-enter-from .modal-wrapper,.scale-leave-to .modal-wrapper{transform:scale(0)}.translateY-enter-from .modal-wrapper,.translateY-leave-to .modal-wrapper{transform:translateY(100%)}