*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;background:#f3f4f6}body{font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}input,button,select,textarea{font-family:DM Sans,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input:focus,button:focus{outline:none}input::placeholder{color:#9ca3af}button:active{opacity:.8}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#d1d5db}@keyframes flash{0%{opacity:.4}to{opacity:0}}@keyframes sup{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sin{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#10b981;pointer-events:none;z-index:9999;animation:flash .5s ease forwards}.sup{animation:sup .2s ease}.sin{animation:sin .2s ease}.spin{animation:spin .7s linear infinite}.pulse{animation:pulse 1.2s ease infinite}.shake{animation:shake .35s ease}