*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}::-webkit-scrollbar{width:0px}#preloder{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:#0000004d}.loader{width:40px;height:40px;position:absolute;top:50%;left:50%;margin-top:-13px;margin-left:-13px;border-radius:60px;animation:loader .8s linear infinite;-webkit-animation:loader .8s linear infinite}@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0);border:4px solid #ffffff;border-left-color:transparent}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);border:4px solid #bedaff;border-left-color:transparent}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);border:4px solid #ffffff;border-left-color:transparent}}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);border:4px solid #ffffff;border-left-color:transparent}50%{-webkit-transform:rotate(180deg);border:4px solid #bedaff;border-left-color:transparent}to{-webkit-transform:rotate(360deg);border:4px solid #ffffff;border-left-color:transparent}}.container{width:350px;height:100vh;margin-left:-175px;position:relative;left:50%;display:flex;flex-direction:column;padding:10px}.header{width:330px;height:60px;margin-left:-165px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:50%;background-color:#fff;border-bottom:solid 1px #B3B3B3}.body{margin-top:60px}.footer{width:330px;height:60px;margin-left:-165px;display:flex;justify-content:space-between;align-items:center;position:fixed;left:50%;bottom:0;background-color:#fff;border-top:solid 1px #B3B3B3}