*{margin:0;padding:0;box-sizing:border-box}body{margin:0!important;font-family:Poppins,sans-serif}.modal-wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:9999999999999}.modal-wrap.open{display:flex}.modal-wrap .modal-container{background-color:#fafafa;border-radius:10px;padding:1rem;width:90dvw;height:90dvh;color:#000}.modal-wrap .modal-container .modal-header{display:flex;justify-content:space-between;align-items:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-left{0%{transform:translateX(-30%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{transform:translateX(30%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-30%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fade .5s ease-in-out}.slide-in-left{animation:slide-in-left .5s ease-in-out}.slide-in-right{animation:slide-in-right .5s ease-in-out}.slide-in-top{animation:slide-in-top .5s ease-in-out}.slide-in-bottom{animation:slide-in-bottom .5s ease-in-out}