:root{--background:#fff;--foreground:#171717;--app-bar-height:60px;--sidebar-width-close:86px;--sidebar-width-open:270px}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.hidden-scrollbar::-webkit-scrollbar{display:none;width:0}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@keyframes pulse{0%,80%,to{transform:scaleY(.75);opacity:0}20%{transform:scaleY(1);opacity:1}}@keyframes customerEnter{0%{transform:translateX(100%);opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%)}to{transform:translateX(0);opacity:1}}@keyframes customLeave{0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}to{transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%)}}.animateEnter{animation:customerEnter .3s ease-out}.animateLeave{animation:customLeave .3s ease-out}