[data-slot=scrub-number-calligraph-value],[data-slot=scrub-number-calligraph-value] .scrub-number-calligraph{line-height:1;overflow:hidden}[data-slot=scrub-number-calligraph-value]{color:inherit;justify-content:flex-start;display:flex;position:relative}[data-slot=scrub-number-calligraph-value] .scrub-number-calligraph,[data-slot=scrub-number-calligraph-value] .scrub-number-calligraph *{color:inherit}[data-slot=scrub-number-calligraph-value] .scrub-number-calligraph{justify-content:flex-start!important;align-items:center!important}[data-slot=scrub-number-calligraph-value] .scrub-number-calligraph>span{justify-content:flex-start!important;align-items:center!important;margin:0!important;padding:0!important;display:inline-flex!important;overflow:hidden!important}[data-slot=scrub-number-calligraph-value] .scrub-number-calligraph span[style*="vertical-align: top"]{vertical-align:middle!important;justify-content:flex-start!important;align-items:center!important;height:1em!important;max-height:1em!important;line-height:1!important;display:inline-flex!important;overflow:hidden!important}[data-slot=scrub-number-calligraph-value] .scrub-number-calligraph span[style*="visibility: hidden"]{font:inherit!important;line-height:inherit!important}[data-slot=scrub-number-scrubbable],[data-slot=input-group-control]{text-align:start}:root{--scrub-bound-shake-distance:6px;--scrub-bound-shake-overshoot:4px;--scrub-bound-shake-dur-a:80ms;--scrub-bound-shake-dur-b:60ms;--scrub-bound-shake-ease:cubic-bezier(.22, 1, .36, 1);--scrub-bound-feedback-ms:calc(var(--scrub-bound-shake-dur-a) * 2 + var(--scrub-bound-shake-dur-b) * 2);--scrub-bound-revert-hold:.6s;--scrub-bound-revert-dur:.28s;--scrub-bound-shake-color:var(--foreground);--scrub-number-field-padding-inline:.5rem}@keyframes scrub-bound-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--scrub-bound-shake-color) 60%, transparent)}to{box-shadow:0 0 0 3px color-mix(in oklch, var(--scrub-bound-shake-color) 0%, transparent)}}[data-slot=scrub-bound-feedback][data-bound-hit] [data-slot=input-group],[data-slot=scrub-bound-feedback][data-bound-hit] [data-slot=scrub-number-scrubbable],[data-slot=scrub-bound-feedback][data-bound-hit] [data-slot=input-group-control]{animation:scrub-bound-pulse var(--scrub-bound-feedback-ms) linear}@media (prefers-reduced-motion:reduce){[data-slot=scrub-bound-feedback][data-bound-hit] [data-slot=input-group],[data-slot=scrub-bound-feedback][data-bound-hit] [data-slot=scrub-number-scrubbable],[data-slot=scrub-bound-feedback][data-bound-hit] [data-slot=input-group-control]{box-shadow:0 0 0 2px var(--scrub-bound-shake-color);animation:none}}.scrub-bound-field,[data-slot=scrub-number-scrubbable],[data-slot=input-group-control],[data-slot=scrub-bound-feedback] [data-slot=input-group] [data-slot=input-group-control]{padding-inline:var(--scrub-number-field-padding-inline)!important}.scrub-bound-field{will-change:transform;transition:border-color .15s ease-out}.scrub-bound-wrap.is-bound-error .scrub-bound-field{border-color:var(--scrub-bound-shake-color);transition:border-color var(--scrub-bound-revert-dur) ease-out}.scrub-bound-field.is-shaking{animation:scrub-bound-shake-x var(--scrub-bound-feedback-ms) linear}.scrub-bound-wrap[data-bound-direction=vertical] .scrub-bound-field.is-shaking{animation-name:scrub-bound-shake-y}@keyframes scrub-bound-shake-x{0%{animation-timing-function:var(--scrub-bound-shake-ease);transform:translate(0)}28.57%{transform:translateX(var(--scrub-bound-shake-distance));animation-timing-function:var(--scrub-bound-shake-ease)}57.14%{transform:translateX(calc(var(--scrub-bound-shake-distance) * -1));animation-timing-function:var(--scrub-bound-shake-ease)}78.57%{transform:translateX(var(--scrub-bound-shake-overshoot));animation-timing-function:var(--scrub-bound-shake-ease)}to{transform:translate(0)}}@keyframes scrub-bound-shake-y{0%{animation-timing-function:var(--scrub-bound-shake-ease);transform:translateY(0)}28.57%{transform:translateY(var(--scrub-bound-shake-distance));animation-timing-function:var(--scrub-bound-shake-ease)}57.14%{transform:translateY(calc(var(--scrub-bound-shake-distance) * -1));animation-timing-function:var(--scrub-bound-shake-ease)}78.57%{transform:translateY(var(--scrub-bound-shake-overshoot));animation-timing-function:var(--scrub-bound-shake-ease)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.scrub-bound-field.is-shaking{animation:none!important;transform:none!important}}
:root{--landing-ink:#1e2a3a;--landing-ink-2:#6b7585;--landing-ink-3:#8a93a0;--landing-accent:#3d5470;--landing-footer:#7a8491;--landing-hairline:#d4dae2;--landing-border:#e2e6ec;--landing-green:#22c55e;--landing-bg:#eef1f4;--landing-shadow-control:0 1px 2px #1e2a3a0a;--landing-shadow-card:0 1px 3px #1e2a3a0a;--landing-ease:cubic-bezier(.2, 0, 0, 1);--landing-demo-sticky-top:0px;--landing-radius-card:var(--radius-2xl);--landing-radius-control:var(--radius-lg);--resize-dur:.3s;--resize-ease:cubic-bezier(.22, 1, .36, 1);--panel-open-dur:.3s;--panel-close-dur:.25s;--panel-translate-y:8px;--panel-blur:2px;--panel-ease:var(--resize-ease);--landing-enter-ease:cubic-bezier(.23, 1, .32, 1);--landing-enter-duration:.32s}.landing-page{background:var(--landing-bg);min-height:100dvh;color:var(--landing-ink);letter-spacing:-.01em;flex-direction:column;align-items:center;font-size:14px;line-height:1.5;display:flex;overflow-x:clip}.landing-page-fill{height:100dvh;overflow:hidden}.landing-page-scroll{width:100%;height:100%}.landing-page-scroll [data-slot=scroll-area-viewport]{height:100%}.landing-page-scroll [data-slot=scroll-area-content]{min-height:100%}.landing-page-scroll [data-slot=scroll-area-scrollbar]{opacity:0;transition:opacity .16s var(--landing-ease)}.landing-page-scroll:hover [data-slot=scroll-area-scrollbar],.landing-page-scroll [data-slot=scroll-area-scrollbar][data-scrolling],.landing-page-scroll [data-slot=scroll-area-scrollbar][data-hovering]{opacity:1}.landing-page-scroll [data-slot=scroll-area-thumb]{background:color-mix(in srgb, var(--landing-ink-3) 55%, transparent)}.landing-main{flex-direction:column;flex:1;width:100%;max-width:560px;min-height:0;margin-inline:auto;padding:72px 48px 48px;display:flex}.landing-page-fill .landing-main{padding-bottom:48px}@media (max-width:480px){.landing-main{padding:48px 20px 36px}.landing-page-fill .landing-main{padding-bottom:36px}}.landing-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:16px;display:flex}.landing-title{letter-spacing:-.03em;color:var(--landing-ink);text-wrap:balance;font-size:36px;font-weight:600;line-height:40px}@media (max-width:480px){.landing-title{font-size:30px;line-height:34px}}.landing-title-link{color:inherit;text-decoration:none}.landing-title-link:hover .landing-title{color:var(--landing-accent)}.landing-header-actions{align-items:center;gap:8px;display:inline-flex}.landing-mit{letter-spacing:.02em;min-height:30px;color:var(--landing-footer);transition:color .12s var(--landing-ease);align-items:center;padding:0 4px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.landing-mit:hover{color:var(--landing-accent)}.landing-tagline{letter-spacing:-.01em;color:var(--landing-ink-2);text-wrap:pretty;flex-shrink:0;margin:0 0 36px;font-size:15px;line-height:24px}@media (max-width:480px){.landing-tagline{margin-bottom:28px}}.landing-section{flex-direction:column;min-width:0;margin-bottom:0;display:flex}.landing-section-title{letter-spacing:-.02em;color:var(--landing-ink);flex-shrink:0;margin-bottom:16px;font-size:20px;font-weight:600;line-height:24px}.landing-link{border-radius:var(--landing-radius-control);min-height:32px;color:var(--landing-accent);letter-spacing:-.01em;box-shadow:none;transition:color .12s var(--landing-ease), transform .12s var(--landing-ease);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;line-height:16px;display:inline-flex}.landing-link:hover{color:var(--landing-ink)}.landing-link:active{transform:scale(.96)}.landing-link-active{color:var(--landing-ink);box-shadow:var(--landing-shadow-card)}.landing-template{display:contents}.landing-inline-link{color:var(--landing-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.landing-inline-link:hover{color:var(--landing-ink)}.landing-code-header{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;margin:0}.landing-pm-tabs{align-items:center;gap:20px;min-width:0;display:flex}.landing-pm-tab{appearance:none;color:var(--landing-ink-3);cursor:pointer;transition:color .16s var(--landing-ease), border-color .16s var(--landing-ease);background:0 0;border:0;border-bottom:2px solid #0000;margin:0;padding:10px 0;font-size:13px;font-weight:500;line-height:16px}.landing-pm-tab:hover{color:var(--landing-ink)}.landing-pm-tab-active{color:var(--landing-ink);border-bottom-color:var(--landing-accent)}.landing-code-block:has(.landing-code-header:active){transform:scale(.98)}@media (prefers-reduced-motion:reduce){.landing-code-block:has(.landing-code-header:active){transform:none}}.landing-icon-swap{--icon-swap-dur:.25s;--icon-swap-blur:2px;--icon-swap-start-scale:.25;--icon-swap-ease:ease-in-out;display:inline-grid;position:relative}.landing-icon-swap-icon{transition:opacity var(--icon-swap-dur) var(--icon-swap-ease), filter var(--icon-swap-dur) var(--icon-swap-ease), transform var(--icon-swap-dur) var(--icon-swap-ease);will-change:opacity, filter, transform;grid-area:1/1;display:inline-flex}.landing-icon-swap[data-state=a] .landing-icon-swap-icon[data-icon=a],.landing-icon-swap[data-state=b] .landing-icon-swap-icon[data-icon=b]{opacity:1;filter:blur();transform:scale(1)}.landing-icon-swap[data-state=a] .landing-icon-swap-icon[data-icon=b],.landing-icon-swap[data-state=b] .landing-icon-swap-icon[data-icon=a]{opacity:0;filter:blur(var(--icon-swap-blur));transform:scale(var(--icon-swap-start-scale))}@media (prefers-reduced-motion:reduce){.landing-icon-swap-icon{transition:none!important}}.t-resize{transition:width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease);will-change:width, height;overflow:hidden}@media (prefers-reduced-motion:reduce){.t-resize{transition:none!important}}.t-panel-slide{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease), opacity var(--panel-close-dur) var(--panel-ease), filter var(--panel-close-dur) var(--panel-ease);will-change:transform, opacity, filter}.t-panel-slide[data-open=true]{opacity:1;filter:blur();pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease), opacity var(--panel-open-dur) var(--panel-ease), filter var(--panel-open-dur) var(--panel-ease);transform:translateY(0)}.settings-reveal{transition:grid-template-rows var(--resize-dur) var(--resize-ease);grid-template-rows:0fr;display:grid;overflow:hidden}.settings-reveal[data-open=true]{grid-template-rows:1fr}.settings-reveal-inner{min-height:0}@media (prefers-reduced-motion:reduce){.t-panel-slide,.settings-reveal{transition:none!important}.t-panel-slide{filter:none;transform:none}.t-panel-slide:not([data-open=true]){opacity:0}.t-panel-slide[data-open=true]{opacity:1}}.landing-code-label{color:var(--landing-ink-2);font-size:13px;font-weight:500;line-height:16px}.landing-page pre.shiki{font-size:inherit;line-height:inherit;tab-size:2;margin:0;padding-block:12px;background:0 0!important}.landing-page pre.shiki-word-wrap{white-space:pre-wrap;word-break:break-word;overflow-x:hidden}.landing-page pre.shiki span.line{box-sizing:border-box;width:100%;min-width:0;padding-inline:16px}.landing-page pre.shiki-word-wrap span.line{width:100%;display:inline-block}.landing-page pre.shiki-line-numbers code .line:before{color:var(--landing-ink-3);opacity:.75}.landing-hint{color:var(--landing-ink-3);text-wrap:pretty;margin-top:0;font-size:13px;line-height:20px}.landing-install-tabs{min-width:0;animation:landing-panel-enter var(--landing-enter-duration) var(--landing-enter-ease) 80ms both;flex-direction:column;gap:0;display:flex}.landing-install-panel-shell{width:100%;min-width:0;margin-top:16px;position:relative}.landing-install-panel{pointer-events:none;width:100%;min-width:0}.landing-install-panel[data-active=true]{pointer-events:auto;position:relative}.landing-install-panel[data-active=false]{inset-inline:0;pointer-events:none;position:absolute;top:0;overflow:hidden}.landing-install-panel[data-active=false] *{pointer-events:none}.landing-install-tab-list{background:0 0;border-radius:0;flex-shrink:0;justify-content:flex-start;width:100%;padding:0}.landing-install-tab-list [data-slot=tabs-trigger]{color:var(--landing-ink-3);cursor:pointer;border-radius:0;flex:none;margin-right:24px;padding:0 0 10px;font-size:14px;font-weight:500}.landing-install-tab-list [data-slot=tabs-trigger][data-active]{color:var(--landing-ink);box-shadow:none;background:0 0}.landing-install-tab-list [data-slot=tabs-trigger]:after{background:var(--landing-accent);height:2px;bottom:0}.landing-install-steps{counter-reset:install-step;flex-direction:column;gap:24px;width:100%;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.landing-install-step{counter-increment:install-step;min-width:0;max-width:100%}.landing-install-step-title{color:var(--landing-ink);align-items:center;gap:10px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.landing-install-step-title:before{content:counter(install-step);background:color-mix(in oklch, var(--landing-ink) 8%, white);width:22px;height:22px;font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--landing-ink-2);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.landing-install-step-body{flex-direction:column;gap:10px;min-width:0;max-width:100%;display:flex}.landing-demo-registry{animation:landing-panel-enter var(--landing-enter-duration) var(--landing-enter-ease) .28s both}.landing-settings{z-index:0;box-shadow:var(--landing-shadow-card);animation:landing-panel-enter var(--landing-enter-duration) var(--landing-enter-ease) .2s both;background:#fff;border-radius:16px;padding:20px 24px;position:relative}.landing-demo-card{z-index:1;opacity:1;isolation:isolate;box-shadow:var(--landing-shadow-card);animation:landing-demo-card-enter var(--landing-enter-duration) var(--landing-enter-ease) .12s both;background-color:#fff;border-radius:16px;justify-content:center;padding:28px 24px;display:flex;position:relative}.landing-demo-card>div{width:7.5rem;max-width:100%}.landing-demo-card [data-slot=input-group],.landing-demo-card .scrub-bound-field{width:100%;height:3rem;min-height:3rem}.landing-demo-input{border-radius:12px;height:3rem;min-height:3rem;font-size:1.5rem;line-height:1}.landing-demo-card [data-slot=input-group]{border-radius:12px}.landing-demo-card [data-slot=input-group] [data-slot=input-group-addon]{font-size:1.25rem}.landing-demo-sticky{top:var(--landing-demo-sticky-top);z-index:2;position:sticky}.settings-panel,.settings-section{flex-direction:column;display:flex}.settings-section+.settings-section{border-top:none;margin-top:0;padding-top:0}.settings-section+.settings-section:before{content:"";background:var(--landing-hairline);height:1px;margin-block:12px;display:block}.settings-section-heading{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--landing-ink-3);margin:0 0 6px;font-size:11px;font-weight:500}.settings-section-heading-link{color:inherit;text-decoration:none}.settings-section-heading-link:hover{color:var(--landing-ink-2)}.settings-section-heading-suffix{text-transform:none}.settings-section-rows{flex-direction:column;gap:2px;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:4px 0;display:flex}.settings-row-multiline{align-items:flex-start}.settings-row-multiline .settings-row-label{padding-top:1px}.settings-row-label{white-space:nowrap;width:10.5rem;font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--landing-ink-3);flex:none;font-size:12px;font-weight:500;line-height:1.2}.settings-row-control{flex:1;justify-content:flex-end;align-items:center;min-width:0;display:flex}.settings-row-multiline .settings-row-control{justify-content:flex-end;align-items:flex-start}.settings-switch-control{--switch-checked:var(--landing-ink-3,#a1a1aa);--switch-checked-hover:color-mix(in oklch, var(--landing-ink-3,#a1a1aa) 88%, black);gap:0!important;padding:0!important}.settings-switch-control>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.settings-option-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;display:flex}.settings-option-group-nowrap{flex-wrap:nowrap;gap:0 8px}.settings-option{transition:color .12s var(--landing-ease), transform .12s var(--landing-ease);place-items:center;display:inline-grid}.settings-option-sizer,.settings-option-label{grid-area:1/1}.settings-option-sizer{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:500}.settings-option:not(:disabled):active{transform:scale(.92)}.settings-scrub{flex-shrink:0}@keyframes landing-skeleton-pulse{0%,to{opacity:.45}50%{opacity:.85}}@keyframes landing-demo-card-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes landing-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-demo-card,.landing-settings,.landing-install-tabs,.landing-demo-registry{animation:none}}.landing-install-skeleton{flex-direction:column;gap:16px;min-width:0;display:flex}.landing-install-skeleton-tabs,.landing-install-skeleton-code,.landing-install-skeleton-hint{border-radius:var(--landing-radius-card);background:color-mix(in srgb, var(--landing-ink) 6%, white);animation:1.4s ease-in-out infinite landing-skeleton-pulse}.landing-install-skeleton-tabs{width:180px;height:32px}.landing-install-skeleton-code{width:100%;height:220px;box-shadow:var(--landing-shadow-card)}.landing-install-skeleton-hint{border-radius:999px;width:min(100%,420px);height:20px}