@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+JP:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(15px,1.2vw,17px);scroll-behavior:smooth}:root{--header-height-mobile: 64px;--header-height-desktop: 78px}body,#root{height:100%;font-family:IBM Plex Sans,IBM Plex Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1b1b1f;background-color:#fafafa;line-height:1.7}code{font-family:IBM Plex Mono,Menlo,Monaco,Consolas,Courier New,monospace}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.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}