:root{--pine-black:#010712;--pine-pale:#fcfcfc;--pine-blue:#1164f0;--dark-pine:#021245;--sl-nav-pad-y:.4rem;--sl-color-black:var(--pine-black);--sl-color-white:var(--pine-pale);--sl-color-bg:var(--pine-black);--sl-color-bg-nav:var(--pine-black);--sl-color-bg-sidebar:var(--pine-black);--sl-color-accent:var(--pine-blue);--sl-color-accent-low:var(--dark-pine);--sl-color-accent-high:var(--pine-pale);--pc-ink:var(--pine-pale);--pc-link:color-mix(in srgb, var(--pine-blue) 55%, var(--pine-pale));--pc-blue:var(--pc-link);--pc-callout-blue:var(--pc-link);--sl-color-text-accent:var(--pc-link);--pc-focus:var(--pine-blue);--pc-surface:color-mix(in srgb, var(--pine-black) 95%, var(--pine-pale));--pc-surface-hover:color-mix(in srgb, var(--pine-black) 91%, var(--pine-pale));--pc-subtle:color-mix(in srgb, var(--pine-black) 92%, var(--pine-pale));--pc-border:color-mix(in srgb, var(--pine-black) 84%, var(--pine-pale));--pc-muted:color-mix(in srgb, var(--pine-black) 36%, var(--pine-pale));--sl-color-hairline:var(--pc-border);--sl-color-hairline-light:var(--pc-border);--sl-color-hairline-shade:var(--pc-border)}:root[data-theme=light]{--sl-color-black:var(--pine-pale);--sl-color-white:var(--pine-black);--sl-color-bg:var(--pine-pale);--sl-color-bg-nav:var(--pine-pale);--sl-color-bg-sidebar:color-mix(in srgb, var(--pine-pale) 99%, var(--pine-black));--sl-color-accent:var(--pine-blue);--sl-color-accent-low:color-mix(in srgb, var(--pine-blue) 7%, var(--pine-pale));--sl-color-accent-high:var(--dark-pine);--sl-color-gray-1:color-mix(in srgb, var(--pine-black) 85%, var(--pine-pale));--sl-color-gray-2:color-mix(in srgb, var(--pine-black) 73%, var(--pine-pale));--pc-ink:var(--pine-black);--pc-link:var(--pine-blue);--pc-blue:var(--pine-blue);--sl-color-text-accent:var(--pine-blue);--pc-focus:var(--pine-blue);--pc-surface:color-mix(in srgb, var(--pine-pale) 98%, var(--pine-black));--pc-surface-hover:color-mix(in srgb, var(--pine-pale) 95%, var(--pine-black));--pc-subtle:color-mix(in srgb, var(--pine-pale) 97%, var(--pine-black));--pc-border:color-mix(in srgb, var(--pine-pale) 88%, var(--pine-black));--pc-muted:color-mix(in srgb, var(--pine-black) 63%, var(--pine-pale))}.pc-portal,.pc-button-primary{background:var(--pine-blue);color:var(--pine-pale);border-color:var(--pine-blue)}.pc-guide-card-featured .pc-guide-icon{color:var(--pine-blue)}.pc-code-shell [role=tab][aria-selected=true]{border-color:var(--pine-blue)}.pc-wordmark{aspect-ratio:3839/1338;flex-shrink:0;width:140px;display:block;position:relative;overflow:hidden}.pc-wordmark img,.pc-brand .pc-wordmark img{border-radius:0;width:125.918%;max-width:none;height:auto;position:absolute;top:-37.145%;left:-12.9461%;border:none!important;margin:0!important}.pc-wordmark .pc-wordmark-contrast{display:none}:root[data-theme=dark] .pc-wordmark[data-theme-aware] .pc-wordmark-contrast{filter:brightness(0)invert(.988235);clip-path:inset(0 0 0 33%);display:block}.pc-brand-mark{object-fit:contain;width:7rem;height:auto;display:block}.pc-brand-assets{grid-template-columns:1.5fr 1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}.pc-brand-assets figure{min-width:0;margin:0}.pc-brand-specimen{background:var(--pine-pale);border:1px solid var(--pc-border);border-radius:8px;justify-content:center;align-items:center;height:10rem;padding:1rem;display:flex}.pc-brand-specimen .pc-wordmark{width:min(100%,220px)}.pc-brand-specimen .pc-brand-mark{border:none;width:auto;max-width:100%;height:8rem}.pc-brand-assets figcaption{color:var(--pc-muted);margin-top:.6rem;font-size:.8125rem;line-height:1.6}.pc-brand-assets figcaption strong{color:var(--pc-ink);font-weight:500;display:block}.pc-brand-palette .pc-swatch span{height:5rem}.pc-brand-palette .pc-swatch small{font-size:.8125rem}.pc-brand-palette .pc-swatch code{font-size:.75rem!important}.pc-dark-pine-example{background:var(--dark-pine);color:var(--pine-pale);border:1px solid var(--pc-border);border-radius:8px;margin:1.5rem 0;padding:1.25rem}.pc-dark-pine-example strong{color:var(--pine-pale)}.pc-dark-pine-example p{color:var(--pine-pale);margin:.4rem 0 0;font-size:.9375rem}@media (width<=49.99rem){.pc-brand .pc-wordmark{width:120px}.pc-brand-assets{grid-template-columns:1fr 1fr}.pc-brand-assets figure:first-child{grid-column:1/-1}}