@keyframes modal-appearing{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--backgroudn-base);justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-active{animation-name:modal-appearing;animation-duration:.5s;display:flex}.modal-deactive{display:none}.modal-content{padding:var(--backgroudn-base);background-color:#0000;position:relative}