:root{--rounded: 4px;--rounded-full: 40px;--p-xs: .2rem;--p-sm: .5rem;--p-md: 1rem}body{background-color:var(--bg-color);margin:0;padding:0;height:100vh;transition:background-color .5s,color .5s}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}[data-component=router]{flex-grow:1;flex-basis:200px;flex-shrink:1;padding:var(--p-md)}footer{bottom:0;width:100%;background:var(--primary-color);color:var(--default-text-inv);padding:var(--p-md);display:flex;justify-content:center;flex-shrink:0}body>div{flex:1 0 auto}