*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-theme=dark] ::-webkit-scrollbar-track{background:#2a2a2a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#555}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#777}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.w-full{width:100%}.h-full{height:100%}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.mobile-hidden{display:none!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}}