@import url("/styles/colors_and_type.css");@import url("/styles/loading-animations.css");*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--hyp-font-body);-webkit-font-smoothing:antialiased}body{min-height:100vh;transition:background .4s ease,color .4s ease}body.light{background:#eef0f4;color:var(--hyp-neutral-900)}body.dark{background:#111114;color:#fff}.cr-shell{max-width:1200px;margin:0 auto;padding:0 32px}.cr-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;padding:0 32px;transition:background .4s ease,border-color .4s ease}body.light .cr-topbar{background:rgba(238,240,244,.85);border-bottom:1px solid rgba(0,0,0,.06)}body.dark .cr-topbar{background:rgba(17,17,20,.85);border-bottom:1px solid hsla(0,0%,100%,.06)}.cr-topbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:0;height:52px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cr-topbar-brand{font-family:var(--hyp-font-display);font-weight:300;font-size:18px;letter-spacing:-.01em;margin-right:32px;flex-shrink:0;opacity:.85}.cr-tab{font-family:var(--hyp-font-body);font-weight:500;font-size:13px;letter-spacing:.02em;padding:16px;cursor:pointer;border:none;background:none;position:relative;white-space:nowrap;transition:color .2s ease}body.light .cr-tab{color:var(--hyp-neutral-600)}body.dark .cr-tab{color:hsla(0,0%,100%,.45)}body.light .cr-tab:hover{color:var(--hyp-neutral-900)}body.dark .cr-tab:hover{color:#fff}.cr-tab[data-active=true]:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;border-radius:1px;background:var(--hyp-blue-40)}body.light .cr-tab[data-active=true]{color:var(--hyp-neutral-900)}body.dark .cr-tab[data-active=true]{color:#fff}.cr-topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.cr-mode-btn{padding:6px 12px;border-radius:8px;font-family:var(--hyp-font-ui);font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s;letter-spacing:.02em}body.light .cr-mode-btn{background:rgba(0,0,0,.06);color:var(--hyp-neutral-700)}body.dark .cr-mode-btn{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7)}body.light .cr-mode-btn:hover{background:rgba(0,0,0,.1)}body.dark .cr-mode-btn:hover{background:hsla(0,0%,100%,.12)}.cr-version{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:var(--hyp-font-ui);font-size:11px;font-weight:600;letter-spacing:.04em}body.light .cr-version{background:rgba(0,109,204,.08);color:var(--hyp-blue-40)}body.dark .cr-version{background:rgba(82,174,255,.12);color:var(--hyp-blue-66)}.cr-page{padding:40px 0 80px}.cr-page-header{margin-bottom:36px}.cr-page-header h1{font-family:var(--hyp-font-display);font-weight:300;font-size:44px;line-height:1.1;letter-spacing:-.02em;margin:0 0 8px}.cr-page-header p{font-size:15px;line-height:1.55;margin:0;max-width:540px}body.light .cr-page-header p{color:var(--hyp-neutral-700)}body.dark .cr-page-header p{color:hsla(0,0%,100%,.5)}.cr-section{margin-bottom:40px}.cr-section-label{font-family:var(--hyp-font-body);font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px}body.light .cr-section-label{color:var(--hyp-neutral-600)}body.dark .cr-section-label{color:hsla(0,0%,100%,.35)}.cr-eyebrow{font-family:var(--hyp-font-body);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase}body.light .cr-eyebrow{color:var(--hyp-neutral-600)}body.dark .cr-eyebrow{color:hsla(0,0%,100%,.35)}.cr-grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.cr-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.cr-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.cr-grid-2-1{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}.cr-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));grid-gap:12px;gap:12px}@media (max-width:860px){.cr-grid-4{grid-template-columns:repeat(2,1fr)}.cr-grid-2,.cr-grid-2-1,.cr-grid-3{grid-template-columns:1fr}.cr-shell,.cr-topbar{padding:0 20px}.cr-page-header h1{font-size:34px}}@media (max-width:540px){.cr-grid-4,.cr-grid-auto{grid-template-columns:1fr}.cr-shell,.cr-topbar{padding:0 16px}.cr-page-header h1{font-size:28px}.cr-page-header p{font-size:14px}.cr-section{margin-bottom:32px}.cr-topbar-brand{font-size:16px;margin-right:16px}.cr-tab{padding:16px 10px;font-size:12px}}.ds-toc{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:40px;padding-bottom:20px}body.light .ds-toc{border-bottom:1px solid rgba(0,0,0,.06)}body.dark .ds-toc{border-bottom:1px solid hsla(0,0%,100%,.06)}.ds-toc a{font-family:var(--hyp-font-ui);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:6px 12px;border-radius:8px;transition:background .2s,color .2s}body.light .ds-toc a{color:var(--hyp-neutral-600)}body.light .ds-toc a:hover{background:rgba(0,0,0,.04);color:var(--hyp-neutral-900)}body.dark .ds-toc a{color:hsla(0,0%,100%,.45)}body.dark .ds-toc a:hover{background:hsla(0,0%,100%,.06);color:#fff}@keyframes notifPop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes flowDot{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:calc(100% - 8px);opacity:0}}