body{min-height:100lvh;display:flex;flex-direction:column}main:where(.astro-PJ4Y3SZV){width:100%;max-width:980px;margin:4rem auto}section:where(.astro-PJ4Y3SZV){padding:clamp(.5rem,4vw,3rem);padding-top:0;display:flex;flex-direction:column;gap:clamp(1.2rem,6vw,3rem);background-color:var(--charcoal);border-radius:.8rem}header:where(.astro-PJ4Y3SZV){display:grid;justify-content:space-between;align-items:center;gap:.5rem 1rem}.tagline:where(.astro-PJ4Y3SZV){max-width:42ch}.logo-useHooks:where(.astro-PJ4Y3SZV){width:180px;height:auto;transform:translateY(-30%)}.title:where(.astro-PJ4Y3SZV){color:var(--blue);text-transform:none;font-family:var(--font-outfit);font-size:clamp(1.6rem,5vw,2.6rem);font-weight:600}.install:where(.astro-PJ4Y3SZV),.install:where(.astro-PJ4Y3SZV) code:where(.astro-PJ4Y3SZV){background-color:var(--coal)}.install:where(.astro-PJ4Y3SZV) .copy-btn:where(.astro-PJ4Y3SZV):hover,.install:where(.astro-PJ4Y3SZV) .copy-btn:where(.astro-PJ4Y3SZV):focus-visible{background-color:var(--charcoal)}main:where(.astro-PJ4Y3SZV) h2{font-size:clamp(1rem,2.2vw,1.2rem);margin-bottom:1rem}main:where(.astro-PJ4Y3SZV) code{background-color:var(--coal)}.experimental:where(.astro-PJ4Y3SZV){font-size:1.1rem;font-style:italic;margin-bottom:1rem}@media screen and (max-width: 500px){.experimental:where(.astro-PJ4Y3SZV)~.install:where(.astro-PJ4Y3SZV){flex-direction:column;align-items:flex-start}}.reference{font-size:clamp(1.1rem,2.2vw,1.3rem)}.reference>*+*{margin-top:1.5rem}.reference h3{font-size:clamp(.9rem,2vw,1.1rem)}.reference .table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:.07rem solid rgba(249,244,218,.1)}.reference table{border-radius:.9rem;font-size:clamp(1rem,2.1vw,1.2rem)}.reference h3:not(:first-child){margin-top:2rem}.reference thead{background-color:#f9f4da1a;font-size:var(--font-sm);text-align:left}.reference tr:not(:last-of-type){border-bottom:.07rem solid rgba(249,244,218,.1)}.reference td,.reference th{padding:.5rem 1.2rem .5rem .75rem}.reference td:not(:last-of-type),.reference th:not(:last-of-type){min-width:10ch}.reference td:last-of-type,.reference th:last-of-type{width:100%;min-width:300px}.sp-preview-container,.sp-preview-container iframe{background:var(--coal)!important}pre{overflow:auto;width:100%;background-color:transparent!important;padding:2rem;border-radius:.5rem}pre code{font-size:1rem;display:block;font-family:Fira Code,monospace}