*,:after,:before{box-sizing:border-box;scroll-behavior:smooth}*,:after,:before,body,html{margin:0;padding:0}a{color:inherit;text-decoration:none}button{padding:8px 16px;cursor:pointer;border:none;background:none}ol,ul{list-style:none}input,textarea{outline:none;transition:border-color .2s}input,select,textarea{-webkit-appearance:none;-moz-appearance:none}body{margin:0;overflow-y:scroll;&::-webkit-scrollbar{position:relative;height:90%;width:5px;background:rgba(135,147,243,.3);border-radius:10px}&::-webkit-scrollbar-thumb{background:#8793f3;background-clip:content-box;border:1px solid transparent;border-radius:10px}&::-webkit-scrollbar-track-piece:end{background:transparent;margin-bottom:10px}&::-webkit-scrollbar-track-piece:start{background:transparent;margin-top:10px}}.loading-container{display:flex;gap:24px}.square{width:24px;height:24px;background-color:gray;border-radius:2px;transition:all .3s;transform:rotate(45deg);animation:square-animation 3s ease infinite}.square:first-child{animation-delay:0s}.square:nth-child(2){animation-delay:.3s}.square:nth-child(3){animation-delay:.6s}.square:nth-child(4){animation-delay:.9s}.square:nth-child(5){animation-delay:1.2s}.square:nth-child(6){animation-delay:1.5s}@keyframes square-animation{0%,to{transform:rotate(45deg);background-color:gray;width:24px;height:24px}33%{transform:rotate(22.5deg);background-color:#b2b7e6;width:28px;height:28px}66%{transform:rotate(0);background-color:#8793f3;width:32px;height:32px}}