@layer theme, base, components, utilities;@layer components{.ui-section{padding-inline:var(--page-x)}.ui-section--flush{padding-inline:0}.ui-section--md{padding-block:var(--section-y)}.ui-section--lg{padding-block:var(--section-y-lg) var(--section-y)}.ui-section--run{padding-block:0 var(--section-y)}.ui-container{max-width:var(--content-max);margin-inline:auto}.sbp-night,[data-tone=night]{--heading-color:var(--color-moon);--kicker-color:var(--color-magenta)}.ui-kicker{margin:0;font:800 var(--label-size) /1.2 var(--font-mono);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--kicker-color,var(--color-magenta-ink))}.ui-h2{margin:0;font:400 var(--h2-size) /1.18 var(--font-display);letter-spacing:var(--h-tracking);text-wrap:balance;color:var(--heading-color,var(--color-ink))}.ui-kicker+.ui-h2{margin-top:16px}.ui-btn{--btn-h:40px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--btn-h);padding:0 18px;border:1px solid transparent;border-radius:var(--radius-control);font:800 .875rem/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-out),filter .16s ease-out,background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out}.ui-btn--lg{--btn-h:52px;gap:12px;padding:0 24px 0 26px;font-size:.9375rem}.ui-btn:active{transform:scale(.97)}.ui-btn-arrow{flex:none;width:16px;height:16px;margin-right:-2px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;transition:translate .2s var(--ease-out)}@media (hover:hover){.ui-btn:hover .ui-btn-arrow,a:hover .ui-btn-arrow{translate:3px 0}}.ui-btn--primary{background:var(--color-magenta);color:var(--color-ink)}@media (hover:hover){.ui-btn--primary:hover{filter:brightness(1.1)}}.ui-btn--primary:focus-visible{outline-color:var(--color-ink)}.ui-btn--primary.ui-btn--night:focus-visible{outline-color:var(--color-moon)}.ui-btn--solid{background:var(--color-ink);color:var(--color-paper)}.ui-btn--solid.ui-btn--night{background:var(--color-moon);color:var(--color-ink)}@media (hover:hover){.ui-btn--solid:hover{background:color-mix(in oklab,var(--color-ink) 80%,var(--color-plum))}.ui-btn--solid.ui-btn--night:hover{background:var(--color-white)}}.ui-btn--outline{border-color:color-mix(in srgb,var(--color-magenta) 40%,transparent);color:var(--color-magenta-ink)}.ui-btn--outline.ui-btn--night{color:var(--color-magenta)}@media (hover:hover){.ui-btn--outline:hover{border-color:color-mix(in srgb,var(--color-magenta) 70%,transparent);color:var(--color-ink)}.ui-btn--outline.ui-btn--night:hover{color:var(--color-moon)}}.ui-link{border-radius:var(--radius-focus);color:inherit;text-decoration-line:underline;text-decoration-color:var(--color-magenta);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-thickness .16s ease-out}@media (hover:hover){.ui-link:hover{text-decoration-thickness:2px}}.ui-lockup{display:inline-flex;flex-shrink:0;align-items:center;gap:8px;border-radius:var(--radius-focus);color:var(--color-ink);text-decoration:none;white-space:nowrap}.ui-lockup--night{color:var(--color-moon)}.ui-lockup-logo{flex:none;width:28px;height:28px}.ui-lockup-text{display:flex;flex-direction:column;gap:2px}.ui-wordmark{font:400 17px/1.15 var(--font-display);letter-spacing:var(--h-tracking)}.ui-stop{display:inline-block;width:.2em;height:.2em;margin-left:.07em;overflow:hidden;background:var(--color-magenta);color:transparent;line-height:.2em;vertical-align:baseline}.ui-lockup-by{font:800 10px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-body)}.ui-lockup--night .ui-lockup-by{color:var(--night-muted)}.ui-lockup--md{gap:12px}.ui-lockup--md .ui-lockup-logo{width:34px;height:34px}.ui-lockup--md .ui-wordmark{font-size:20px}.ui-lockup--md .ui-lockup-text{gap:4px}.ui-tag{display:inline-block;padding:5px 8px;border:1px solid transparent;border-radius:var(--radius-none);font:800 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.ui-tag--solid{background:var(--color-moon);color:var(--color-ink)}.ui-tag--dashed{border:1px dashed var(--night-draw);color:var(--color-moon)}.ui-tag--accent{border-color:var(--color-magenta);color:var(--color-magenta)}.ui-tag--pin{position:relative;padding:7px 11px;font-size:11px;background:var(--color-magenta);color:var(--color-ink);box-shadow:0 0 22px color-mix(in srgb,var(--color-magenta) 45%,transparent)}.ui-tag--pin:after{content:"";position:absolute;left:50%;top:100%;translate:-50% 0;border:6px solid transparent;border-top:6px solid var(--color-magenta);border-bottom:0}}