:root{--page-gutter: 20px 30px;--color-deep-teal: #1f4f48;--color-sage-green: #8EBBA7;--color-mist-blue: #B9CDCB;--color-linen: #F2DDCC;--color-peach: #FCAC89;--color-terracotta: #f4702e;--color-primary: var(--color-deep-teal);--color-secondary: var(--color-deep-teal);--color-bg: var(--color-mist-blue);--color-text: var(--color-deep-teal);--color-text-muted: var(--color-sage-green);--color-green-sheen: #549182;--plot-bar-color: var(--color-linen);--plot-bar-radius: 3px;--plot-gridline-color: var(--color-sage-green);--plot-axis-color: var(--color-deep-teal);--plot-axis-label-color: var(--color-deep-teal);--plot-label-color: var(--color-deep-teal);--plot-label-size: 12px;--plot-tick-size: 11px;--plot-tick-color: var(--color-text-muted);--font-family-base: "Roboto", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-h1: 2em;font-family:var(--font-family-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);box-sizing:border-box}h1{font-size:var(--font-size-h1);color:var(--color-primary)}h2{font-size:var(--font-size-xl);color:var(--color-primary)}p{font-size:var(--font-size-base)}a{font-weight:500;color:var(--color-secondary);text-decoration:inherit}a:hover{color:var(--color-terracotta);opacity:.8}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:var(--font-size-base);font-weight:500;font-family:inherit;background-color:var(--color-primary);color:var(--color-linen);cursor:pointer;transition:background-color .25s}button:hover{background-color:var(--color-peach)}.sticky-top{position:fixed;top:0;left:0;width:100%;z-index:100;background:#fff9;box-shadow:0 2px 6px #00000026}.page-body{min-height:80vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:60px}.home-nav-list{list-style:none;padding:0;margin:0 auto;display:inline-flex;flex-direction:column;gap:12px;text-align:left}.home-nav-list li a{font-size:var(--font-size-lg)}.site-header{padding:0 24px}.site-header .wrapper{max-width:1280px;margin:0 auto}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.header-home{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:600;color:var(--color-deep-teal);text-decoration:none;letter-spacing:.05em}.header-home:hover{color:var(--color-peach);opacity:1}.hamburger-menu{position:relative}.ham-menu{display:flex;flex-direction:column;justify-content:space-between;height:20px;width:28px;cursor:pointer}.ham-menu span{display:block;height:3px;width:100%;background-color:var(--color-deep-teal);border-radius:3px;transition:.3s ease;transform-origin:center}.ham-menu.active span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.ham-menu.active span:nth-child(2){opacity:0}.ham-menu.active span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.hamburger-dropdown{position:absolute;top:calc(100% + 10px);right:0;background-color:var(--color-sage-green);border-radius:8px;box-shadow:0 4px 16px #00000026;list-style:none;margin:0;padding:6px 0;min-width:130px;z-index:200}.hamburger-dropdown li button{width:100%;text-align:left;background:none;border:none;padding:10px 18px;font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-deep-teal);cursor:pointer;border-radius:0;box-shadow:none}.hamburger-dropdown li button:hover{background-color:var(--color-peach)}#root{max-width:1280px;margin:0 auto;padding:0 30px;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}.site-footer{display:flex;align-items:center;justify-content:center;padding:10px 20px;margin-top:15px;border-top:1px solid var(--color-green-sheen);font-size:var(--font-size-sm);color:var(--color-green-sheen)}.site-footer p{color:var(--color-green-sheen)}
