@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}:focus-visible,[data-focus-visible],button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible,tr[tabindex="0"]:focus-visible{outline:2px solid var(--chakra-colors-focus-ring,#0f766e);outline-offset:2px}