#root{padding:2rem;width:100vw;height:100vh;margin:0 auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.top-bar{display:flex;width:100vw;height:47px;padding:4px 17px;justify-content:space-between;align-items:center;border:1px solid #E2E2E2;background:#fff}.top-bar-left{display:flex;align-items:center;gap:16px;overflow:hidden;text-overflow:ellipsis;width:75vw}.top-bar-line-divider{width:1px;height:28px;background:#9a9a9a;padding-left:1px;padding-right:1px}.top-bar-breadcrumbs{display:flex;align-items:center;gap:8px;width:87%;white-space:nowrap}.top-bar-right{display:flex;justify-content:flex-end;align-items:center;gap:16px}.top-bar-right-user{display:flex;justify-content:flex-end;align-items:center;gap:8px}.top-bar-right-user-text{color:#353535de;text-align:right;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.5px}.top-bar-right-action{display:flex;justify-content:flex-end;align-items:center;gap:16px}.page-404{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.page-404 .title{font-size:36px;margin-bottom:20px}.not-found-message{font-size:18px;color:#888}.back-to-home{margin-top:20px;font-size:18px}.back-to-home:hover{text-decoration:underline}