.page_page__ZU32B{--gray-rgb:255,255,255;--gray-alpha-200:rgba(var(--gray-rgb),0.145);--gray-alpha-100:rgba(var(--gray-rgb),0.06);--button-primary-hover:#ccc;--button-secondary-hover:#1a1a1a;font-family:var(--font-space-grotesk)}.page_pageWithHeader__nhh7y{margin-top:4rem}.page_header__kVzhN{display:flex;justify-content:space-between;align-items:center;padding:.7rem;background:transparent;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-alpha-200);position:fixed;top:0;left:0;right:0;z-index:10}.page_nav__zpG_3{display:flex;gap:2rem;margin-right:2rem}.page_navLink__2S7dD{color:var(--color-text);text-decoration:none;font-size:1rem;opacity:.8;transition:opacity .2s ease}.page_navLink__2S7dD:hover{opacity:1}.page_header__kVzhN img{width:40px;height:40px;margin-right:8px}.page_logoMark__cQScy{display:flex;align-items:center;gap:0;font-size:32px;font-weight:600}.page_logoMarkSpan__hCKB2{color:#ff0080}.page_main__GlU4n{overflow-y:auto;overflow-x:hidden}@keyframes page_dotPattern__wgLHn{0%{background-position:100% 0}to{background-position:0 100%}}.page_hero__SKW6o{padding:0 15em;height:calc(100vh - 4rem);display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--gray-alpha-200)}.page_hero__SKW6o:before{top:0;background-image:radial-gradient(circle,#ff0080 1px,transparent 0);background-size:20px 20px;animation:page_dotPattern__wgLHn 30s linear infinite;opacity:.5}.page_hero__SKW6o:after,.page_hero__SKW6o:before{content:"";position:absolute;right:0;bottom:0;left:0;pointer-events:none}.page_hero__SKW6o:after{height:50%;background:linear-gradient(to bottom,transparent,var(--gray-alpha-100))}.page_codeExample__6bsKn{flex:1 1;max-width:60%;height:75%;max-height:500px}.page_code__9lUUd{font-family:var(--font-mono);font-size:1em}.page_codeBlock__d2Ifl{background:var(--gray-alpha-100);padding:1em;border-radius:.5em}.page_codeBlock__d2Ifl pre{margin:0}.page_codeBlock__d2Ifl code{font-size:1em}.page_codeBlock__d2Ifl code:after,.page_codeBlock__d2Ifl code:before{content:""}.page_codeBlock__d2Ifl code:active,.page_codeBlock__d2Ifl code:focus,.page_codeBlock__d2Ifl code:hover{background:var(--gray-alpha-200)}.page_codeBlock__d2Ifl code:focus-visible{background:var(--gray-alpha-200)}.page_codeBlock__d2Ifl code:focus-within{background:var(--gray-alpha-200)}.page_pillars___Fjve{padding:6rem 12em;background:var(--gray-alpha-100);min-height:50vh;display:flex;align-items:center;justify-content:center;position:relative}.page_pillarContainer__QjD1N{display:flex;gap:4rem;justify-content:center;width:100%;max-width:1200px}.page_pillar__lTlsr{flex:1 1;text-align:center;padding:2rem;background:var(--gray-alpha-100);border-radius:12px;border:1px solid var(--gray-alpha-200);transition:transform .2s ease-in-out}.page_pillar__lTlsr:hover{transform:translateY(-5px)}.page_pillarIcon__Ig9FI{font-size:3rem;margin-bottom:1rem}.page_pillar__lTlsr h2{color:#ff0080;margin:.5rem 0;font-size:1.5rem}.page_pillar__lTlsr p{color:#fff;opacity:.8;margin:0;font-size:1rem;line-height:1.5}.page_hydrationSection__4SEyk{padding:6rem 12em;min-height:50vh;display:flex;align-items:space;justify-content:center;position:relative;border-top:1px solid var(--gray-alpha-200)}.page_hydrationContainer__NhLSu{display:flex;gap:4rem;justify-content:space-between;align-items:center;width:100%}.page_hydrationCode__UexK8{flex:2 1;width:100%;max-width:780px}.page_hydrationText__z7s6P{flex:1 1}.page_hydrationText__z7s6P h2{color:#ff0080;margin:0 0 1.5rem;font-size:2rem}.page_hydrationText__z7s6P p{color:#fff;opacity:.8;margin:1rem 0;font-size:1.1rem;line-height:1.6}.page_typeSection__PJ3O3{padding:6rem 12em;min-height:50vh;display:flex;align-items:space;justify-content:center;position:relative;background:var(--gray-alpha-100);border-top:1px solid var(--gray-alpha-200)}.page_typeContainer__tYolG{display:flex;gap:4rem;justify-content:space-between;align-items:center;width:100%}.page_typeText__XolnJ{flex:1 1}.page_typeCode__9CS4t{flex:2 1;width:100%;max-width:780px}.page_typeText__XolnJ h2{color:#ff0080;margin:0 0 1.5rem;font-size:2rem}.page_typeText__XolnJ p{color:#fff;opacity:.8;margin:1rem 0;font-size:1.1rem;line-height:1.6}.page_hydrationText__z7s6P p code,.page_typeText__XolnJ p code{font-family:var(--font-mono);font-size:.85em;background-color:var(--gray-alpha-100);border-radius:.2em;padding:.1em .2em;color:var(--foreground);border:1px solid var(--gray-alpha-200)}.page_installSection__7fttH{padding:6rem 12em;min-height:30vh;display:flex;align-items:center;justify-content:center;position:relative;border-top:1px solid var(--gray-alpha-200)}.page_installContainer__DVBGK{width:100%;max-width:600px;text-align:center}.page_installContainer__DVBGK h2{color:#fff;margin:0 0 2rem;font-size:2rem}.page_packageManagerTabs__OcGdE{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.page_tabButton__stR9X{background:transparent;border:1px solid var(--gray-alpha-200);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.page_activeTab__kgdSK,.page_tabButton__stR9X:hover{background:var(--gray-alpha-200)}.page_activeTab__kgdSK{border-color:#ff0080}.page_installCommandWrapper__O_oay{display:flex;align-items:center;background:var(--gray-alpha-100);border:1px solid var(--gray-alpha-200);border-radius:8px;padding:1rem;gap:1rem}.page_installCommand__mXgwX{flex:1 1;display:block;text-align:left;font-family:var(--font-mono);font-size:.9rem;color:#fff}.page_copyButton__ooL_d{background:transparent;border:1px solid var(--gray-alpha-200);color:#fff;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;white-space:nowrap}.page_copyButton__ooL_d:hover{background:var(--gray-alpha-200)}@media (max-width:1200px){.page_hero__SKW6o{padding:0 2rem;height:calc(100vh - 4rem);flex-direction:column;align-items:center;justify-content:center}.page_hero__SKW6o .page_codeExample__6bsKn,.page_hero__SKW6o:after{display:none}.page_pillars___Fjve{padding:4rem 2rem}.page_pillarContainer__QjD1N{flex-direction:column;gap:2rem}.page_pillar__lTlsr{max-width:400px;margin:0 auto}.page_hydrationSection__4SEyk{padding:4rem 2rem}.page_hydrationContainer__NhLSu{flex-direction:column-reverse;gap:2rem}.page_hydrationCode__UexK8{width:100%}.page_hydrationText__z7s6P{width:100%;padding:1rem}.page_typeSection__PJ3O3{padding:4rem 2rem}.page_typeContainer__tYolG{flex-direction:column;gap:2rem}.page_typeCode__9CS4t{width:100%}.page_typeText__XolnJ{width:100%;padding:1rem}.page_installSection__7fttH{padding:4rem 2rem}}@media (max-width:600px){.page_packageManagerTabs__OcGdE{flex-wrap:wrap}.page_tabButton__stR9X{flex:1 1;min-width:80px}.page_nav__zpG_3{gap:1rem;margin-right:1rem}.page_navLink__2S7dD{font-size:.9rem}}.CodeExample_editorWrapper__694P3{position:relative;width:100%;height:100%}.CodeExample_editorContainer__gZZjO{width:100%;height:100%;border-radius:8px;overflow:hidden;border:1px solid #2d2d2d}