:root{--color-primary: #0ea5e9;--color-on-primary: #ffffff;--color-surface: #fafaf9;--color-on-surface: #292524;--color-on-surface-variant: #a8a29e;--color-outline: #d6d3d1}*,:before,:after{box-sizing:border-box}body{margin:0;color:var(--color-on-surface);background-color:var(--color-surface);font-family:Roboto,sans-serif}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}