.ff-site-toasts{z-index:999999;pointer-events:none;flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ff-site-toast{background:var(--foreground);width:max-content;height:36px;color:var(--background);font-size:var(--fs-body,13px);line-height:var(--lh-body,20px);font-variation-settings:"wght" 400, "opsz" 14;align-items:center;gap:8px;padding:0 12px;display:flex}.ff-site-toast-chip{background:color-mix(in oklab, var(--background) 15%, transparent);width:18px;min-width:18px;height:18px;color:var(--background);font:11px/1 var(--font-mono,monospace);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ff-site-toast-chip>svg{stroke-width:2.5px;width:12px;height:12px}.ff-site-toast-label{text-box:trim-both cap alphabetic}:root[data-size=compact] .ff-site-toast{font-size:var(--fs-body-compact,12px);line-height:var(--lh-body-compact,18px)}kbd.ff-site-toast-chip{width:auto;padding:0 4px}.ff-playground-controls{color:var(--foreground);font:var(--fs-body,13px)/var(--lh-body,20px) var(--font-sans,Inter, sans-serif);opacity:1;flex-direction:column;transition:opacity .15s;display:flex;position:relative}.ff-playground-controls[data-shown=false]{opacity:0;pointer-events:none}.ff-playground-controls[data-placement=rail]{padding-top:32px}.ff-playground-controls[data-placement=inline]{margin-left:-8px;margin-right:-8px}.ff-playground-rows{flex-direction:column;display:flex;position:relative}.ff-playground-heading,.ff-playground-field{justify-content:space-between;align-items:center;padding-left:8px;display:flex}.ff-playground-heading{height:32px}.ff-playground-controls h2,.ff-playground-controls h3{font:inherit;margin:0}.ff-playground-controls h2{font-size:var(--fs-caption,12px);line-height:var(--lh-caption,16px)}.ff-playground-controls h3{font-variation-settings:"wght" 550, "opsz" 18;padding:8px 8px 4px}.ff-playground-controls hr{background:var(--border);border:0;flex:none;height:1px;margin:8px}.ff-playground-hairline{background:var(--border);flex:none;height:1px;margin:0 8px 4px}.ff-playground-field>span{color:var(--muted-foreground)}.ff-playground-field .ff-select-trigger{width:auto;min-width:0;padding-left:8px;padding-right:8px}.ff-playground-field .ff-select-trigger:hover{background:0 0}.ff-playground-controls .ff-playground-switch{flex-direction:row-reverse;justify-content:space-between;width:100%;min-height:28px;padding-left:8px;padding-right:8px}.ff-playground-controls .ff-switch-label{margin-right:auto}.ff-playground-controls .ff-playground-shuffle{height:28px;margin-right:2px;padding:0 6px}.ff-playground-shuffle kbd{background:rgb(var(--overlay,0 0 0) / .08);min-width:18px;height:18px;font:var(--fs-micro,10px)/1 monospace;border-radius:2px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.ff-playground-shuffle .ff-button-reserved{align-items:center;gap:6px;display:flex}.ff-playground-shuffle svg{width:16px;height:16px}@media (pointer:coarse){.ff-playground-shuffle kbd{display:none}}.ff-card-playground{justify-content:center;width:100%;display:flex}.ff-card-controls-inline{margin-top:16px}.ff-card-code-content{min-width:0;max-height:60vh;overflow:auto}.ff-card-code-content .fluid-code{max-width:100%;overflow:auto}@media (width>=1280px){.ff-card-controls-inline{display:none}}.ff-quote-check{appearance:none;cursor:pointer;background:0 0;border:0;outline:none;flex-shrink:0;width:18px;height:18px;padding:0;position:relative}.ff-quote-check-border{border:1.5px solid var(--border);border-radius:5px;transition:all 80ms;position:absolute;inset:0}.ff-quote-check[aria-checked=true] .ff-quote-check-border{border-color:#0000}.ff-quote-check-mark{width:18px;height:18px;color:var(--foreground);pointer-events:none;position:absolute;inset:0}.ff-quote-check-mark path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 40ms ease-in}.ff-quote-check[aria-checked=true] .ff-quote-check-mark path{stroke-dashoffset:0;transition:stroke-dashoffset 80ms ease-out}.ff-button.ff-command-docs-trigger[data-size]{padding-right:12px}.ff-command-docs-trigger .ff-command-shortcut{margin-left:4px}.ff-command-playground{width:100%}.ff-command-controls-inline{margin-top:16px}@media (width>=1280px){.ff-command-controls-inline{display:none}}.ff-playground-note{color:var(--muted-foreground);font-size:var(--fs-caption,12px);line-height:var(--lh-caption,16px);padding:0 4px}.ff-queued-stack{z-index:10;position:absolute;left:0;right:0}.ff-qs-inner{position:absolute;inset:0}.ff-qs-gutter,.ff-qs-collapse{width:40px;height:44px;color:var(--muted-foreground);align-items:center;display:flex;position:absolute;bottom:0;left:0}.ff-queued-stack[data-size=compact] :is(.ff-qs-gutter,.ff-qs-collapse){height:38px}.ff-qs-gutter{outline:none;justify-content:flex-end;gap:4px;padding-right:4px}.ff-qs-count{pointer-events:none;font-size:var(--fs-micro-compact,10px);font-variant-numeric:tabular-nums;font-variation-settings:"wght" 550, "opsz" 18;line-height:1}.ff-qs-collapse{cursor:pointer;background:0 0;border:0;border-radius:8px;outline:none;justify-content:center;padding:0;display:none}.ff-queued-stack[data-radius=pill] .ff-qs-collapse{border-radius:9999px}.ff-queued-stack[data-touch][data-expanded] .ff-qs-collapse{display:flex}.ff-queued-stack[data-touch][data-expanded] .ff-qs-gutter{display:none}.ff-qs-collapse:hover{color:var(--foreground)}:is(.ff-qs-collapse,.ff-qs-action):focus-visible{box-shadow:0 0 0 1px var(--focus-ring,#6b97ff)}.ff-qs-glyph{display:flex}.ff-qs-glyph svg{width:var(--ff-qs-glyph);height:var(--ff-qs-glyph);stroke-width:var(--ff-qs-stroke)}.ff-qs-card{background:color-mix(in oklab, var(--accent), var(--background) 68%);height:44px;box-shadow:var(--shadow-3);color:var(--muted-foreground);font-size:var(--fs-subtitle,14px);line-height:var(--lh-subtitle,20px);transform-origin:bottom;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex;position:absolute;bottom:0;left:40px;right:40px}.ff-qs-card:active{cursor:grabbing}.ff-qs-card[data-files]{padding-left:8px}.ff-queued-stack[data-radius=pill] .ff-qs-card{border-radius:20px}.ff-queued-stack[data-size=compact] .ff-qs-card{height:38px;font-size:var(--fs-subtitle-compact,13px);line-height:var(--lh-subtitle-compact,18px);gap:6px;padding:0 4px 0 12px}.ff-queued-stack[data-size=compact] .ff-qs-card[data-files]{padding-left:6px}.ff-qs-files{pointer-events:none;flex-shrink:0;align-items:center;gap:4px;display:flex}.ff-qs-more{background:color-mix(in oklab, var(--background) 40%, transparent);width:28px;height:28px;color:var(--foreground);font-size:var(--fs-micro,11px);line-height:var(--lh-micro,14px);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex}.ff-queued-stack[data-size=compact] .ff-qs-more{width:24px;height:24px}.ff-qs-label{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;flex:1;min-width:0;overflow:hidden}.ff-qs-actions{flex-shrink:0;align-items:center;gap:4px;display:none}.ff-qs-card:hover .ff-qs-actions,.ff-queued-stack[data-touch] .ff-qs-actions{display:flex}.ff-qs-action{width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ff-queued-stack[data-radius=pill] .ff-qs-action{border-radius:9999px}.ff-qs-action:hover{background:var(--hover);color:var(--foreground)}.ff-queued-stack[data-radius=sharp] .ff-qs-collapse,.ff-queued-stack[data-radius=sharp] .ff-qs-card,.ff-queued-stack[data-radius=sharp] .ff-qs-action{border-radius:1px}.ff-button.ff-im-model-picker[data-size]{gap:4px;padding-right:8px}.ff-im-playback{width:40px;height:40px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:0;transition:color 80ms,background-color 80ms;display:flex}.ff-im-playback:hover{background:var(--hover);color:var(--foreground)}.ff-im-playback svg{stroke-width:1.5px;width:16px;height:16px}.ff-im-thinking{padding:0}.ff-input-message-controls-inline{margin-top:16px}@media (width>=1280px){.ff-input-message-controls-inline{display:none}}@layer components{:where(.ff-color-picker){--cp-control:36px;--cp-px:12px;--cp-gap:8px;--cp-radius:8px;--cp-fs:var(--fs-body,13px);--cp-lh:var(--lh-body,20px);--cp-glyph:16px;box-sizing:border-box}:where(.ff-color-picker[data-size=compact]){--cp-control:28px;--cp-px:10px;--cp-gap:4px;--cp-fs:var(--fs-body-compact,12px);--cp-lh:var(--lh-body-compact,18px);--cp-glyph:14px}:where(.ff-color-picker[data-radius=pill]){--cp-radius:20px}.ff-cp-popover-root{--cp-control:36px;--cp-gap:8px;--cp-radius:8px;--cp-fs:var(--fs-body,13px);--cp-lh:var(--lh-body,20px);display:inline-flex}.ff-cp-popover-root[data-size=compact]{--cp-control:28px;--cp-gap:4px;--cp-fs:var(--fs-body-compact,12px);--cp-lh:var(--lh-body-compact,18px)}.ff-cp-popover-root[data-radius=pill]{--cp-radius:20px}:where(.ff-cp-trigger,.ff-cp-trigger-field){height:var(--cp-control);box-sizing:border-box;border:1px solid var(--border);border-radius:var(--cp-radius);font-size:var(--cp-fs);line-height:var(--cp-lh);font-variation-settings:"wght" 400, "opsz" 14;background:0 0;align-items:center;display:inline-flex}:where(.ff-cp-trigger){gap:var(--cp-gap);cursor:pointer;outline:none;padding:0 8px;transition:background-color 80ms}.ff-cp-popover-root[data-size=compact] :where(.ff-cp-trigger){padding:0 6px}:where(.ff-cp-trigger:hover){background:var(--hover)}:where(.ff-cp-trigger-label){color:var(--muted-foreground);-webkit-user-select:none;user-select:none;padding:0 4px}:where(.ff-cp-trigger-value){color:var(--foreground);font-variant-numeric:tabular-nums}}.ff-cp-square{cursor:none;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:0;outline:none;width:100%;height:156px;position:relative}.ff-color-picker[data-radius=pill] .ff-cp-square{border-radius:12px}.ff-cp-square:focus-visible{box-shadow:0 0 0 2px var(--focus-ring,#6b97ff)}.ff-cp-plane{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ff-cp-thumb,.ff-cp-ghost{box-sizing:border-box;pointer-events:none;border-radius:9999px;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%)}.ff-cp-thumb{border:1px solid #fff;box-shadow:0 0 0 1px #000}.ff-cp-ghost{border:2px solid #ffffff8c;display:none;box-shadow:0 0 0 1px #0003}.ff-cp-ghost[data-shown]{display:block}.ff-cp-rails{flex-direction:column;display:flex}.ff-cp-rails>.ff-slider{margin-bottom:0!important}.ff-cp-rails>.ff-slider+.ff-slider{margin-top:-1px}.ff-cp-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ff-cp-inputs[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.ff-cp-inputs>.ff-dropdown,.ff-cp-cell{min-width:0;display:grid}.ff-cp-control{width:100%;height:var(--cp-control);justify-content:space-between;align-items:center;gap:var(--cp-gap);padding:0 var(--cp-px);box-sizing:border-box;border-radius:var(--cp-radius);color:var(--muted-foreground);font-size:var(--cp-fs);line-height:var(--cp-lh);font-variation-settings:"wght" 400, "opsz" 14;cursor:pointer;background:0 0;border:0;outline:none;transition:background-color 80ms,color 80ms;display:flex}.ff-cp-control:hover{background:var(--hover);color:var(--foreground)}.ff-cp-control:active,.ff-cp-control[data-open]{background:var(--active)}.ff-cp-control[data-open]{color:var(--foreground)}:is(.ff-cp-control,.ff-cp-field,.ff-cp-swatch,.ff-cp-trigger,.ff-cp-segment):focus-visible,.ff-cp-field:focus-within{box-shadow:0 0 0 1px var(--focus-ring,#6b97ff)}.ff-cp-eyedropper{justify-content:center}.ff-cp-chevron,.ff-cp-glyph{color:var(--muted-foreground);display:flex}.ff-cp-glyph{color:inherit}.ff-cp-chevron svg{stroke-width:1.5px;width:14px;height:14px;transition:transform .15s}.ff-cp-format[data-open] .ff-cp-chevron svg{transform:rotate(180deg)}.ff-cp-glyph svg{width:var(--cp-glyph);height:var(--cp-glyph);stroke-width:1.5px}.ff-popup.ff-dropdown-popup[data-cp-format]{width:auto}.ff-popup[data-cp-format] .ff-popup-row{padding:0 12px}.ff-popup[data-cp-format][data-size=compact] .ff-popup-row{padding:0 10px}.ff-cp-field{height:var(--cp-control);box-sizing:border-box;border-radius:var(--cp-radius);-webkit-user-select:none;user-select:none;background:0 0;align-items:center;min-width:0;padding:0 8px;transition:background-color 80ms;display:flex}.ff-cp-field[data-scrub]{padding:0}.ff-cp-field:hover{background:var(--hover)}.ff-cp-field:active{background:var(--active)}.ff-cp-scrub{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;align-self:stretch;align-items:center;min-width:0;padding:0 8px;display:flex}.ff-cp-field[data-editing] .ff-cp-scrub{cursor:auto}.ff-cp-prefix{color:var(--muted-foreground);font-size:var(--fs-caption,12px);line-height:var(--lh-caption,16px);-webkit-user-select:none;user-select:none;margin-right:4px}.ff-color-picker[data-size=compact] .ff-cp-prefix{font-size:var(--fs-caption-compact,11px);line-height:var(--lh-caption-compact,14px)}.ff-cp-input{min-width:0;color:var(--foreground);font:inherit;font-size:var(--cp-fs);line-height:var(--cp-lh);font-variant-numeric:tabular-nums;font-variation-settings:"wght" 400, "opsz" 14;background:0 0;border:0;outline:none;flex:1;margin:0;padding:0}.ff-cp-scrub .ff-cp-input{text-align:center}.ff-cp-field[data-scrub]:not([data-editing]) .ff-cp-input{pointer-events:none}@media (pointer:coarse){.ff-cp-field,.ff-cp-scrub{padding:0 4px}.ff-cp-field[data-scrub]{padding:0}.ff-cp-input{font-size:16px}}.ff-cp-scrub-cursor{z-index:2147483647;pointer-events:none;filter:drop-shadow(0 1px 1px #0006);position:fixed;top:0;left:0}.ff-cp-swatches{flex-wrap:wrap;margin:-4px;display:flex;position:relative}.ff-cp-swatch{z-index:10;cursor:pointer;background:0 0;border:0;border-radius:12px;outline:none;flex-shrink:0;padding:4px;position:relative}.ff-color-picker[data-radius=pill] .ff-cp-swatch{border-radius:24px}.ff-cp-band{background:var(--foreground);opacity:0;border-radius:10px;transition:opacity 80ms,inset 80ms,border-radius 80ms;position:absolute;inset:2px}.ff-color-picker[data-radius=pill] .ff-cp-band{border-radius:22px}.ff-cp-swatch[aria-pressed=true] .ff-cp-band{opacity:1}.ff-cp-swatch[aria-pressed=true]:hover .ff-cp-band{opacity:.8}.ff-cp-swatches[data-pressed] .ff-cp-swatch[aria-pressed=true]:hover .ff-cp-band{opacity:1;border-radius:9px;inset:3px}.ff-cp-chip{border-radius:8px;width:28px;height:28px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7f7f7f40}.ff-color-picker[data-radius=pill] .ff-cp-chip{border-radius:20px}.ff-cp-chip-color{position:absolute;inset:0}.ff-cp-swatches>.ff-hover-highlight{--swatch-press:var(--hover);background:0 0!important}.ff-cp-swatches>.ff-hover-highlight:before{content:"";background:var(--swatch-press);box-shadow:0 0 0 1px var(--swatch-press);pointer-events:none;border-radius:9px;transition:box-shadow .18s cubic-bezier(.23,1,.32,1),background-color 80ms;position:absolute;inset:3px}.ff-color-picker[data-radius=pill] .ff-cp-swatches>.ff-hover-highlight:before{border-radius:9999px}.ff-cp-swatches[data-pressed]:not(:has(.ff-cp-swatch[aria-pressed=true]:hover))>.ff-hover-highlight{--swatch-press:var(--active)}.ff-cp-swatches[data-pressed]:not(:has(.ff-cp-swatch[aria-pressed=true]:hover))>.ff-hover-highlight:before{box-shadow:0 0 0 0 var(--swatch-press);transition-duration:80ms,80ms}.ff-cp-tile{border-radius:8px;flex-shrink:0;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7f7f7f40}.ff-cp-tile[data-radius=pill]{border-radius:20px}.ff-cp-color-swatch{cursor:pointer;border:0;outline:none;padding:0;transition:box-shadow .1s}.ff-cp-color-swatch:hover{box-shadow:inset 0 0 0 1px #7f7f7f40, 0 0 0 2px var(--background), 0 0 0 4px #7f7f7f66}.ff-cp-color-swatch[data-selected]{box-shadow:inset 0 0 0 1px #7f7f7f40, 0 0 0 2px var(--background), 0 0 0 4px var(--fluid-accent,#6b97ff)}.ff-cp-trigger-field{padding:2px;position:relative}.ff-cp-segment{z-index:1;height:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;outline:none;align-items:center;padding:0;display:flex;position:relative}.ff-cp-trigger-field[data-radius=pill] .ff-cp-segment{border-radius:17px}.ff-cp-trigger-field>.ff-hover-highlight{z-index:0}.ff-cp-segment-open{gap:var(--cp-gap);padding:0 6px}.ff-cp-popover-root[data-size=compact] .ff-cp-segment-open{padding:0 4px}.ff-cp-segment-remove{width:28px;color:var(--muted-foreground);flex-shrink:0;justify-content:center}.ff-cp-popover-root[data-size=compact] .ff-cp-segment-remove{width:24px}.ff-cp-segment-remove:hover{color:var(--foreground)}.ff-cp-segment-remove svg{stroke-width:1.5px;width:14px;height:14px}.ff-popup.ff-cp-popover{min-width:0;box-shadow:none;transform-origin:0 0;background:0 0;border-radius:0;max-height:none!important;overflow:visible!important}.ff-popup.ff-cp-popover[data-placement^=top]{transform-origin:0 100%}.ff-popup.ff-cp-popover:not([data-transition]):not([data-closed]){transform:none}.ff-cp-format-host{min-width:0;display:grid;position:relative}.ff-popup.ff-cp-pinned-menu{width:auto;min-width:100%;position:absolute;top:calc(100% + 6px);left:0}.ff-popup.ff-cp-pinned-menu[data-placement^=top]{top:auto;bottom:calc(100% + 6px)}:where(.ff-color-picker[data-radius=sharp]){--cp-radius:1px}.ff-color-picker[data-radius=sharp] .ff-cp-square{border-radius:0}.ff-color-picker[data-radius=sharp] .ff-cp-swatch,.ff-color-picker[data-radius=sharp] .ff-cp-band,.ff-color-picker[data-radius=sharp] .ff-cp-chip,.ff-cp-tile[data-radius=sharp]{border-radius:1px}.ff-cp-trigger-field[data-radius=sharp] .ff-cp-segment{border-radius:0}.ff-cp-popover-root[data-radius=sharp]{--cp-radius:1px}.ff-color-picker[data-radius=sharp] :is(.ff-cp-thumb,.ff-cp-ghost){border-radius:0}.ff-color-picker[data-radius=sharp],.ff-cp-popover-root[data-radius=sharp] .ff-cp-popover{border-radius:1px}.ff-color-picker[data-radius=sharp] .ff-cp-swatches>.ff-hover-highlight:before{border-radius:0}.ff-sidebar-chevron{transition:rotate 80ms cubic-bezier(.23,1,.32,1)}.ff-sidebar-chevron[data-open=true]{rotate:90deg}.ff-sidebar-chevron svg{width:var(--glyph-size,16px);height:var(--glyph-size,16px);stroke-width:1.5px;flex-shrink:0}[data-sidebar=trigger] svg{width:var(--glyph-size,16px);height:var(--glyph-size,16px)}@media (prefers-reduced-motion:reduce){.ff-sidebar-chevron{transition:none}}[data-sidebar=menu-button][data-fluid-hover-active] [data-sidebar=menu-label-text],[data-sidebar=menu-sub-button][data-fluid-hover-active] [data-sidebar=menu-label-text]{color:var(--foreground)}.ff-sidebar-row-icon{color:var(--muted-foreground)}.ff-sidebar-row-icon svg{width:var(--icon-size);height:var(--icon-size);stroke-width:1.5px;transition:stroke-width 80ms}.ff-sidebar-row-icon[data-lit=true],[data-fluid-hover-active]>.ff-sidebar-row-icon{color:var(--foreground)}.ff-sidebar-row-icon[data-lit=true] svg,[data-fluid-hover-active]>.ff-sidebar-row-icon svg{stroke-width:2px}[data-fluid-hover-active] [data-sidebar=menu-dot][data-dot=filled]{background-color:color-mix(in oklab, var(--foreground) 60%, transparent)}[data-fluid-hover-active] [data-sidebar=menu-dot][data-dot=ring]{border-color:color-mix(in oklab, var(--foreground) 60%, transparent)}.ff-sidebar-glyph{color:var(--muted-foreground)}.ff-sidebar-glyph svg{width:var(--glyph-size,16px);height:var(--glyph-size,16px);stroke-width:1.5px}.ff-sidebar-callout-media svg{stroke-width:1.5px;width:16px;height:16px}.ff-compare-cursor{transition:transform .24s cubic-bezier(.34,1.2,.64,1)}.ff-compare-glyph svg{width:var(--size);height:var(--size);stroke-width:1.5px}.ff-compare-peek{transition:transform .12s ease-out;transform:translate(-108%)}.ff-compare-peek[data-engaged=true]{transition:transform .16s cubic-bezier(.23,1,.32,1);transform:none}.ff-compare-tip{animation:80ms cubic-bezier(.23,1,.32,1) .5s both ff-compare-tip}@keyframes ff-compare-tip{0%{opacity:0;transform:translate(-4px)}}@media (prefers-reduced-motion:reduce){.ff-compare-cursor,.ff-compare-peek{transition:none}.ff-compare-tip{animation:none}}.ff-popup.ff-dropdown-popup[data-sidebar-menu=grid] .ff-popup-row{gap:8px;padding:0 6px 0 8px}:root:not([data-hover=standard]) [data-ff-sidebar-menu] [data-sidebar=menu-button]:hover{background:0 0}.ff-popup.ff-dropdown-popup[data-sidebar-menu=grid]{width:calc(var(--button-width) + 6px);min-width:240px}.ff-popup.ff-dropdown-popup[data-sidebar-menu=plain]{width:240px;min-width:0}[data-sidebar=menu-button]:is(:hover,:focus-visible)~.ff-sidebar-dropdown>[data-sidebar=menu-action][data-show-on-hover],.ff-sidebar-dropdown>[data-sidebar=menu-action][data-show-on-hover][aria-expanded=true]{opacity:1}@media (width<=767px){[data-demo-narrow=shell]{--sidebar-width:11rem!important}[data-demo-narrow=rail]{--sidebar-width:100%!important}[data-demo-narrow=rail]>[data-slot=sidebar-inset]{display:none}[data-demo-narrow]>[data-slot=sidebar]:not([data-state=collapsed]),[data-demo-narrow]>[data-slot=sidebar]:not([data-state=collapsed])>div[style*=width]{width:var(--sidebar-width)!important}}.ff-code-block{font-size:13px;line-height:20px;overflow:auto}.ff-code-block pre{box-sizing:border-box;min-height:var(--ff-code-min-height,120px);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:inherit;line-height:inherit;margin:0;padding:16px;background:0 0!important}.ff-code-block code{font-family:inherit}.ff-code-block .shiki,.ff-code-block .shiki span{color:var(--lightningcss-light,var(--shiki-light))var(--lightningcss-dark,var(--shiki-dark))!important;background-color:#0000!important}.ff-calendar-playground{justify-content:center;width:100%;display:flex}.ff-calendar-controls-inline{margin-top:16px}.ff-calendar-code-content{min-width:0;max-height:60vh;overflow:auto}.ff-calendar-code-content .fluid-code{max-width:100%;overflow:auto}@media (width>=1280px){.ff-calendar-controls-inline{display:none}}.ff-calendar-playground>div{width:100%;min-width:0}.ff-date-picker-playground{justify-content:center;width:100%;display:flex}.ff-date-picker-controls-inline{margin-top:16px}.ff-date-picker-code-content{min-width:0;max-height:60vh;overflow:auto}.ff-date-picker-code-content .fluid-code{max-width:100%;overflow:auto}@media (width>=1280px){.ff-date-picker-controls-inline{display:none}}.ff-date-picker-playground>div{width:100%;min-width:0}.ff-settings-dialog{height:min(640px,100dvh - 64px);padding:0;display:flex;overflow:hidden}.ff-settings-shell{border-radius:inherit;width:100%;height:100%;min-height:0;display:flex}.ff-settings-sidebar{background:var(--lightningcss-light,#00000008)var(--lightningcss-dark,#ffffff08);border-end-start-radius:inherit;flex:none;width:208px;height:100%}.ff-settings-sidebar>[data-sidebar=sidebar],.ff-settings-sidebar>[data-sidebar=sidebar]>.ff-scroll-area{border-end-start-radius:inherit}.ff-settings-sidebar-heading{padding:20px 16px 8px}.ff-settings-sidebar-heading h2,.ff-settings-panel-heading h2,.ff-settings-panel-heading h3{color:var(--foreground);font:var(--fs-title,16px)/var(--lh-title,22px) var(--font-sans,Inter, system-ui, sans-serif);font-variation-settings:"wght" 400, "opsz" 14;margin:0}.ff-settings-dialog[data-size=compact] .ff-settings-sidebar-heading h2{font-size:var(--fs-title-compact,15px);line-height:var(--lh-title-compact,20px)}.ff-settings-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.ff-settings-panel-heading{flex-direction:column;flex:none;gap:4px;padding:20px 48px 16px 24px;display:flex}.ff-settings-panel-heading p{color:var(--muted-foreground);font:var(--fs-body,13px)/var(--lh-body,20px) var(--font-sans,Inter, system-ui, sans-serif);margin:0}.ff-settings-scroll{flex:1;min-height:0}.ff-settings-panel{flex-direction:column;gap:24px;padding:0 24px 24px;display:flex}.ff-settings-general{flex-direction:column;gap:24px;display:flex}.ff-settings-row{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);justify-content:space-between;align-items:center;gap:24px;padding:16px 0;display:flex}.ff-settings-row:last-child{border-bottom:0}.ff-settings-row-copy{min-width:0;color:var(--foreground);font:var(--fs-body,13px)/var(--lh-body,20px) var(--font-sans,Inter, system-ui, sans-serif);flex-direction:column;gap:2px;display:flex}.ff-settings-caption{color:var(--muted-foreground);font-size:var(--fs-caption,12px);line-height:var(--lh-caption,16px)}.ff-settings-control{flex:none}.ff-settings-switch .ff-switch-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ff-settings-invite{padding-top:16px}.ff-settings-mobile{display:none}@media (width<=639px){.ff-settings-sidebar,.ff-settings-desktop{display:none}.ff-settings-mobile{display:block}.ff-settings-mobile h2{margin-bottom:12px}}.ff-dropdown-controls-inline{margin-top:16px}.ff-playground-controls[data-placement=rail] .ff-dropdown-preset-copy{width:100%}@media (width>=1280px){.ff-dropdown-controls-inline{display:none}}.ff-button-playground-label{text-align:right;width:124px;height:28px;font:inherit;color:var(--foreground);background:0 0;border-radius:6px;outline:none;padding:0 8px}.ff-button-playground-label:hover,.ff-button-playground-label:focus{background:var(--hover)}.ff-button-playground-label:focus-visible{box-shadow:0 0 0 1px var(--focus-ring,#6b97ff)}.ff-button-playground-label-field[data-disabled=true]{opacity:.5;pointer-events:none}@media (pointer:coarse){.ff-button-playground-label{font-size:16px}}.ff-button-controls-inline{margin-top:16px}@media (width>=1280px){.ff-button-controls-inline{display:none}}.ff-combobox-playground{width:280px;max-width:100%}.ff-combobox-controls-inline{margin-top:16px}.ff-playground-controls[data-placement=rail] .ff-combobox-preset-copy{width:100%}@media (width>=1280px){.ff-combobox-controls-inline{display:none}}.ff-combobox-demo-stage{justify-content:center;align-items:flex-start;width:100%;height:350px;display:flex}html.transitioning *,html.transitioning :before,html.transitioning :after{transition:border-radius .18s ease-in-out,background-color .18s ease-in-out,color .18s ease-in-out,border-color .18s ease-in-out,fill .18s ease-in-out,stroke .18s ease-in-out!important}.ff-font-weight .ff-select .ff-select-trigger{width:auto;min-width:0}.ff-accordion{width:288px;max-width:100%;color:var(--foreground,#171717);font-family:var(--font-sans,Inter, system-ui, sans-serif);position:relative}.ff-accordion,.ff-accordion *{box-sizing:border-box}.ff-accordion-item:after{content:"";border-radius:inherit;pointer-events:none;background:0 0;transition:background-color 80ms;position:absolute;inset:0}.ff-accordion-item[data-accordion-highlight=item][data-state=open]:after{background:var(--lightningcss-light,color-mix(in oklab, var(--accent,#e5e5e5) 20%, transparent))var(--lightningcss-dark,color-mix(in oklab, var(--accent,#525252) 12%, transparent))}.ff-accordion-item{border-radius:8px;transition:background-color 80ms;position:relative}.ff-accordion-heading{font:inherit;margin:0}.ff-accordion-trigger{z-index:10;width:100%;color:var(--muted-foreground,#737373);font:inherit;text-align:left;cursor:pointer;border-radius:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:8px 12px;display:flex;position:relative}.ff-accordion-trigger:disabled{opacity:.5;cursor:default}.ff-accordion-trigger:focus-visible{outline:1px solid var(--focus-ring,#6b97ff);outline-offset:0}.ff-accordion-label-grid{text-align:left;font-size:var(--fs-body,13px);line-height:var(--lh-body,20px);flex:1;display:inline-grid}.ff-accordion-label-grid>span{grid-area:1/1}.ff-accordion-label-ghost{visibility:hidden;font-variation-settings:"wght" 550, "opsz" 18}.ff-accordion-label{font-variation-settings:"wght" 400, "opsz" 14;transition:color 80ms,font-variation-settings 80ms}.ff-accordion-trigger[data-state=open] .ff-accordion-label{color:var(--foreground,#171717);font-variation-settings:"wght" 550, "opsz" 18}.ff-accordion-chevron{flex-shrink:0;transition:transform 80ms cubic-bezier(.23,1,.32,1);display:flex}.ff-accordion-chevron svg{width:16px;height:16px}.ff-accordion-trigger[data-state=open] .ff-accordion-chevron{color:var(--foreground,#171717);transform:rotate(90deg)}.ff-accordion-panel{height:var(--accordion-height,auto);opacity:var(--accordion-opacity,1);overflow:hidden}.ff-accordion-body{font-size:var(--fs-body,13px);line-height:var(--lh-body,20px);color:var(--muted-foreground,#737373);padding:4px 12px 12px}.ff-accordion[data-size=compact] .ff-accordion-trigger{gap:4px;padding:4px 10px}.ff-accordion[data-size=compact] .ff-accordion-label-grid,.ff-accordion[data-size=compact] .ff-accordion-body{font-size:var(--fs-body-compact,12px);line-height:var(--lh-body-compact,18px)}.ff-accordion[data-size=compact] .ff-accordion-body{padding:4px 10px 10px}.ff-accordion[data-size=compact] .ff-accordion-chevron svg{width:14px;height:14px}.ff-accordion[data-radius=pill] .ff-accordion-item{border-radius:20px}.ff-accordion [data-fluid-hover-active] .ff-accordion-label{color:var(--foreground,#171717)}.ff-accordion [data-fluid-hover-active] svg{color:var(--foreground,#171717);stroke-width:2px}@media (prefers-reduced-motion:reduce){.ff-accordion-chevron,.ff-accordion-item,.ff-accordion-label{transition:none}}.ff-accordion[data-radius=sharp] .ff-accordion-item{border-radius:1px}.ff-demo-menu{width:300px;z-index:var(--z-popover,60);background:var(--surface-3,var(--background));box-shadow:var(--shadow-surface-3);border-radius:12px;position:fixed}.ff-demo-menu[data-radius=pill]{border-radius:24px}.ff-demo-menu[data-radius=sharp]{border-radius:1px}.ff-demo-menu>.ff-scroll-area{border-radius:inherit}.ff-demo-menu .ff-playground-controls[data-placement=menu],.ff-demo-menu .accordion-controls-menu{padding-top:32px}.ff-heading-weight-row{display:grid}.ff-heading-weight-row[data-open=false]{opacity:0;visibility:hidden;grid-template-rows:0fr;overflow:hidden}.ff-heading-weight-clip{min-height:0}[data-site-navigation-hover] [data-sidebar=menu-button]:is([aria-current=page],[data-fluid-hover-active])>svg[class~="transition-[color,stroke-width]"]{color:var(--foreground);stroke-width:2px}[data-site-navigation-hover] [data-sidebar=menu-button]>svg[class~="transition-[color,stroke-width]"] :is(path,line,polyline,polygon,circle,rect,ellipse){stroke-width:inherit}.auq-flow{border-radius:12px}.auq-header{color:var(--muted-foreground);padding:14px 16px 8px;font-size:12px;line-height:16px}.auq-body{padding:0 16px 10px}.auq-body.auq-with-footer{padding-bottom:4px}.auq-morph{overflow:hidden}.auq-title{font-size:var(--fs-title,16px);line-height:var(--lh-title,22px)}.auq-option{z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;outline:0;align-items:center;gap:12px;min-height:40px;padding:6px 6px 6px 12px;display:flex;position:relative}.auq-option-body{min-width:0;font-size:var(--fs-body,13px);line-height:var(--lh-body,20px);flex:1}.auq-option-title{color:var(--foreground);transition:font-variation-settings 80ms}.auq-option[aria-checked=true]{background:var(--active)}.auq-flow:not([data-auq-pointer=true]) .auq-option:focus-visible{outline:1px solid var(--focus-ring,#6b97ff)}.auq-option[aria-checked=true]:has(+.auq-option[aria-checked=true]){border-bottom-right-radius:0;border-bottom-left-radius:0}.auq-option[aria-checked=true]+.auq-option[aria-checked=true]{border-top-left-radius:0;border-top-right-radius:0}.auq-chip-slot{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.auq-chip{width:20px;height:20px;font-size:var(--fs-micro,11px);line-height:var(--lh-micro,14px);color:var(--muted-foreground);justify-content:center;align-items:center;display:inline-flex;position:absolute}.auq-checkbox{border:1px solid var(--border);border-radius:8px}[aria-checked=true] .auq-checkbox,.auq-other[data-filled=true] .auq-checkbox{background:var(--foreground);color:var(--background);border-color:#0000}.auq-arrow{background:var(--foreground);color:var(--background);opacity:0;border-radius:8px;justify-content:center;align-items:center;transition:opacity 80ms,transform 80ms;display:flex;position:absolute;inset:0;transform:scale(.6)}.auq-option[data-fluid-hover-active] .auq-arrow,.auq-option:focus-visible .auq-arrow{opacity:1;transform:scale(1)}.auq-option:not(.auq-chip-left)[data-fluid-hover-active] .auq-chip,.auq-option:not(.auq-chip-left):focus-visible .auq-chip{opacity:0}.auq-chip-left{gap:8px;padding-left:6px}.auq-stacked{align-items:flex-start;min-height:56px;padding-top:8px;padding-bottom:8px}.auq-stacked .auq-option-body{flex-direction:column;gap:2px;display:flex}.auq-stacked .auq-description{font-size:12px;line-height:16px}.auq-stacked .auq-chip-slot{margin-top:-1px}.auq-other{border-radius:8px;align-items:center;gap:12px;min-height:40px;padding:6px 6px 6px 12px;display:flex;position:relative}.auq-textarea{resize:none;width:100%;min-width:0;color:var(--foreground);font-size:var(--fs-body,13px);line-height:var(--lh-body,20px);background:0 0;border:0;outline:0;padding:0;display:block;overflow:hidden}.auq-textarea::placeholder{color:var(--muted-foreground)}.auq-other[data-filled=true],.auq-free-field[data-filled=true]{background:var(--active)}.auq-other:not([data-filled=true]):focus-within,.auq-free-field:not([data-filled=true]):focus-within{box-shadow:inset 0 0 0 1px var(--border);background:var(--card)}.auq-other-submit{background:var(--foreground);width:28px;height:28px;color:var(--background);cursor:pointer;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.auq-free-field{cursor:text;border-radius:8px;min-height:76px;margin:4px -12px 0;padding:10px 12px;position:relative}.auq-single-line{min-height:40px}.auq-footer{justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 8px;display:flex}.auq-footer-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.auq-footer-button{height:28px;color:var(--muted-foreground);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;line-height:20px;display:flex}.auq-footer-button:hover{background:var(--hover);color:var(--foreground)}.auq-footer-button:focus-visible{outline:1px solid var(--focus-ring,#6b97ff)}.auq-footer-button.auq-primary{background:var(--foreground);color:var(--background)}.auq-footer-button:disabled{opacity:.4;cursor:default}.auq-skip-arrow{display:contents}.auq-submit-label{align-items:center;gap:6px;display:inline-flex}.auq-submit-shortcut{background:color-mix(in oklab, var(--background) 15%, transparent);min-width:18px;height:18px;font-family:var(--font-sans,Inter, system-ui, sans-serif);font-size:var(--fs-micro,11px);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:none}.auq-error{min-width:0;font-size:12px;line-height:16px}@media (width>=640px){.auq-header{padding:16px 20px 8px}.auq-body{padding-bottom:12px;padding-left:20px;padding-right:20px}.auq-body.auq-with-footer{padding-bottom:4px}.auq-submit-shortcut{display:inline-flex}.auq-flow [data-auq-action=skip],.auq-flow [data-auq-action=submit]{padding-right:8px}}@media (width<=639px){.auq-footer-button>svg,.auq-flow [data-auq-action] svg{display:none}.auq-flow .ff-button[data-auq-action=back][data-leading]{padding-left:12px}.auq-flow .ff-button[data-auq-action=skip][data-trailing]{padding-right:12px}}.auq-flow[data-size=compact] .auq-header{padding:10px 14px 6px;font-size:11px;line-height:14px}.auq-flow[data-size=compact] .auq-body{padding-bottom:8px;padding-left:14px;padding-right:14px}.auq-flow[data-size=compact] .auq-body.auq-with-footer{padding-bottom:4px}.auq-flow[data-size=compact] .auq-option{min-height:32px;padding-top:4px;padding-bottom:4px}.auq-flow[data-size=compact] .auq-option-body,.auq-flow[data-size=compact] .auq-textarea{font-size:var(--fs-body-compact,12px);line-height:var(--lh-body-compact,18px)}.auq-flow[data-size=compact] .auq-chip-slot{width:24px;height:24px}.auq-flow[data-size=compact] .auq-chip{width:18px;height:18px}.auq-flow[data-size=compact] .auq-stacked{min-height:48px;padding-top:6px;padding-bottom:6px}.auq-flow[data-size=compact] .auq-stacked .auq-description{font-size:11px;line-height:14px}.auq-flow[data-size=compact] .auq-free-field{margin-left:-10px;margin-right:-10px;padding:8px 10px}.auq-flow[data-size=compact] .auq-single-line{min-height:32px}.auq-flow[data-size=compact] .auq-footer{padding-bottom:6px}.auq-flow[data-size=compact] .auq-footer-button{height:24px;padding:0 10px;font-size:12px;line-height:18px}@media (width>=640px){.auq-flow[data-size=compact] .auq-header{padding:12px 16px 6px}.auq-flow[data-size=compact] .auq-body{padding-left:16px;padding-right:16px}}.auq-flow[data-radius=pill]{border-radius:24px}.auq-flow[data-radius=pill] .auq-option,.auq-flow[data-radius=pill] .auq-free-field,.auq-flow[data-radius=pill] .auq-other,.auq-flow[data-radius=pill] .auq-footer-button,.auq-flow[data-radius=pill] .auq-arrow,.auq-flow[data-radius=pill] .auq-checkbox,.auq-flow[data-radius=pill] .auq-submit-shortcut{border-radius:20px}@media (prefers-reduced-motion:reduce){.auq-arrow,.auq-option-title{transition:none}}.auq-flow[data-radius=sharp],.auq-flow[data-radius=sharp] .auq-option,.auq-flow[data-radius=sharp] .auq-free-field,.auq-flow[data-radius=sharp] .auq-other,.auq-flow[data-radius=sharp] .auq-footer-button,.auq-flow[data-radius=sharp] .auq-arrow,.auq-flow[data-radius=sharp] .auq-checkbox,.auq-flow[data-radius=sharp] .auq-submit-shortcut{border-radius:1px}.ff-tabs-doc-panel{color:var(--muted-foreground,#737373);font:var(--fs-site-body,13px)/var(--lh-site-body,20px) var(--font-sans,Inter, system-ui, sans-serif);margin:0;padding:0 12px}.ff-carousel-demo{flex-direction:column;align-items:center;gap:12px;display:flex}.ff-carousel-slide{border:1px solid color-mix(in oklab, var(--border) 60%, transparent);background:var(--background);border-radius:12px;place-items:center;width:160px;height:160px;display:grid;position:relative;overflow:hidden}.ff-carousel-slide[data-radius=pill]{border-radius:24px}.ff-carousel-slide[data-radius=sharp]{border-radius:1px}.ff-carousel-slide[data-showcase]{width:192px;height:64px}.ff-carousel-slide-label{color:var(--foreground);grid-area:1/1}.auq-control-section{color:var(--foreground);font-variation-settings:"wght" 550, "opsz" 18;padding:8px 8px 4px}.auq-control-divider{background:var(--border);height:1px;margin:8px}.auq-control-disabled{opacity:.4;pointer-events:none}.auq-preset-copy{width:max-content}.auq-copy-glyph{flex-shrink:0;width:14px;height:14px;display:inline-block;position:relative}.auq-copy-glyph>span{transition:opacity 80ms ease-out,transform 80ms ease-out,filter 80ms ease-out;display:flex;position:absolute;inset:0}.auq-copy-glyph svg{width:14px;height:14px}.auq-copy-check,.auq-copy-glyph[data-copied=true] .auq-copy-normal{opacity:0;filter:blur(4px);transition-duration:60ms;transition-timing-function:ease-in;transform:scale(.6)}.auq-copy-glyph[data-copied=true] .auq-copy-check{opacity:1;filter:blur();transition-duration:80ms;transition-timing-function:ease-out;transform:scale(1)}@media (width>=1280px){.auq-preset-copy{width:100%}}@media (prefers-reduced-motion:reduce){.auq-copy-glyph>span{filter:none;transition:none;transform:none}}@layer utilities{.rounded-\[1px\]{border-radius:1px}.rounded-b-\[1px\]{border-bottom-right-radius:1px;border-bottom-left-radius:1px}}.accordion-controls-rail{padding-top:32px;transition:opacity .16s}.accordion-controls-inline{margin-top:12px;display:none}.accordion-controls-rail[data-shown=false]{opacity:0;pointer-events:none}.accordion-controls-heading{justify-content:space-between;align-items:center;height:32px;padding-left:8px;display:flex}.accordion-controls-heading button{height:28px;color:var(--muted-foreground);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-right:2px;padding:0 6px;display:flex}.accordion-controls-heading button:hover{background:var(--hover);color:var(--foreground)}.accordion-controls-heading kbd{font-family:var(--font-mono);background:var(--lightningcss-light,#17171714)var(--lightningcss-dark,#f5f5f514);border-radius:2px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;display:flex}.accordion-controls-hairline{background:var(--border);height:1px;margin:0 8px 4px}.accordion-controls-field{justify-content:space-between;align-items:center;padding-left:8px;display:flex}.accordion-mode-trigger{z-index:10;height:36px;color:var(--foreground);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 8px;display:flex;position:relative}.accordion-highlight{z-index:10;width:100%;min-height:36px;color:var(--foreground);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:relative}.accordion-mode-popup{z-index:100;border-radius:12px;min-width:140px;padding:4px;position:fixed}.accordion-mode-popup button{text-align:left;white-space:nowrap;width:100%;height:36px;color:var(--muted-foreground);cursor:pointer;border-radius:8px;outline:0;align-items:center;padding:0 12px;font-size:13px;line-height:20px;display:flex;position:relative}.accordion-mode-popup button[aria-selected=true]{background:var(--active);color:var(--foreground);font-variation-settings:"wght" 550, "opsz" 18}.accordion-mode-popup button:focus-visible{outline:1px solid var(--fluid-accent)}@media (width<=1279px){.accordion-controls-inline{margin-left:-8px;margin-right:-8px;display:block}.accordion-controls-rail{display:none}}:root[data-size=compact] .accordion-mode-trigger,:root[data-size=compact] .accordion-highlight{height:28px;min-height:28px;font-size:12px;line-height:18px}:root[data-size=compact] .accordion-mode-popup button{height:28px;font-size:12px;line-height:18px}:root[data-size=compact] .accordion-control-switch{width:28px;height:16px}:root[data-size=compact] .accordion-control-switch>span{width:12px;height:12px}@media (pointer:coarse){.accordion-controls-heading kbd{display:none}}[data-accordion-item]{border-radius:8px;transition:background-color 80ms}[data-accordion-trigger]:focus-visible{outline:1px solid var(--focus-ring,#6b97ff);outline-offset:0}:root[data-radius=pill] [data-accordion-item]{border-radius:20px}[data-accordion-item][data-accordion-highlight=item][data-state=open]{background:var(--lightningcss-light,color-mix(in oklab, var(--accent) 20%, transparent))var(--lightningcss-dark,color-mix(in oklab, var(--accent) 12%, transparent))}[data-accordion-item][data-fluid-hover-active] [data-accordion-label],[data-accordion-trigger][data-fluid-hover-active] [data-accordion-label]{color:var(--foreground)}[data-accordion-item][data-fluid-hover-active] svg{color:var(--foreground);stroke-width:2px}.ff-font-overlay{z-index:100;background:#0006;position:fixed;inset:0}.ff-font-overlay[data-radius=sharp]{--ff-font-container-radius:1px;--ff-font-item-radius:1px;--ff-font-list-radius:1px}.ff-font-overlay[data-radius=pill]{--ff-font-container-radius:24px;--ff-font-item-radius:20px}.ff-font-picker{--background:var(--surface-5);background:var(--background);width:calc(100% - 32px);max-width:540px;max-height:min(440px,76dvh);color:var(--foreground);border-radius:var(--ff-font-container-radius,12px);font-variation-settings:"wght" 400, "opsz" 14;border:none;flex-direction:column;font-size:13px;line-height:20px;display:flex;position:absolute;top:max(12dvh,50dvh - 220px);left:50%;overflow:hidden;transform:translate(-50%)}.ff-font-search{flex-shrink:0;align-items:center;gap:10px;height:48px;padding:0 16px;display:flex}.ff-font-search svg{color:var(--muted-foreground);flex-shrink:0;transition:color 80ms,stroke-width 80ms}.ff-font-search:focus-within svg{color:var(--foreground);stroke-width:2px}.ff-font-search svg[data-library=HugeIcons]>path{stroke-width:1.5px}.ff-font-search input{min-width:0;color:var(--foreground);font:inherit;font-size:var(--fs-subtitle,14px);background:0 0;border:0;outline:0;flex:1;line-height:24px}.ff-font-search input::placeholder{color:var(--muted-foreground)}.ff-font-tabs{scrollbar-width:none;flex-shrink:0;gap:0;padding:0 10px 8px;display:flex;overflow-x:auto}.ff-font-tabs button{height:28px;color:var(--muted-foreground);white-space:nowrap;border-radius:var(--ff-font-item-radius,8px);cursor:pointer;padding:0 10px;font-size:12px;line-height:18px}.ff-font-tabs button[aria-selected=true]{background:var(--active);color:var(--foreground);font-variation-settings:"wght" 550, "opsz" 18}.ff-font-tabs button:hover{background:var(--hover);color:var(--foreground)}.ff-font-tabs button:focus-visible{outline:2px solid var(--fluid-accent);outline-offset:2px}.ff-font-list{border-top:1px solid var(--border);scrollbar-width:none;flex:1;min-height:0;overflow:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 16px),#0000);mask-image:linear-gradient(#000 calc(100% - 16px),#0000)}.ff-font-list-content{padding:4px;position:relative}.ff-font-list-content[data-empty=true]{padding:0}.ff-font-row{height:36px;color:var(--muted-foreground);cursor:pointer;white-space:nowrap;border-radius:var(--ff-font-list-radius,8px);align-items:center;padding:0 8px;display:flex;position:relative}.ff-font-row span{text-overflow:ellipsis;overflow:hidden}.ff-font-row[data-font-focused=true]{color:var(--foreground)}.ff-font-highlight{pointer-events:none;background:var(--hover);border-radius:var(--ff-font-list-radius,8px);position:absolute;top:0;left:0}.ff-font-empty{text-align:center;color:var(--muted-foreground);padding:24px 12px}.ff-font-footer{border-top:1px solid var(--border);height:40px;color:var(--muted-foreground);white-space:nowrap;flex-shrink:0;align-items:center;gap:16px;padding:0 16px;font-size:12px;line-height:16px;display:flex;overflow:hidden}.ff-font-footer>span{align-items:center;gap:4px;display:flex}.ff-font-key{background:var(--hover);border-radius:4px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;display:inline-flex}.ff-font-action{min-width:0;color:var(--foreground);text-overflow:ellipsis;margin-left:auto;overflow:hidden}.ff-font-picker-compact{max-width:480px;font-size:12px;line-height:18px}.ff-font-picker-compact .ff-font-search{gap:8px;height:40px;padding:0 12px}.ff-font-picker-compact .ff-font-search input{font-size:var(--fs-subtitle-compact,13px);line-height:20px}.ff-font-picker-compact .ff-font-tabs{padding:0 8px 6px}.ff-font-picker-compact .ff-font-row{height:28px;padding:0 6px}.ff-font-picker-compact .ff-font-footer{gap:12px;height:32px;padding:0 12px;font-size:11px;line-height:14px}[data-weight-row][data-fluid-hover-active] [data-weight-label]{color:var(--foreground)}#app,.fluid-app{min-height:100vh}[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}[data-fluid-row],[data-sidebar=menu-button]{transition:background-color 80ms,color 80ms,font-variation-settings 80ms}@layer base{[data-fluid-row],[data-sidebar=menu-button]{border-radius:8px}}[data-fluid-row]:hover,[data-sidebar=menu-button]:hover{background:var(--hover);color:var(--foreground)}[data-fluid-row]:hover span:not(.invisible),[data-sidebar=menu-button]:hover [data-sidebar=menu-label-text]{font-variation-settings:"wght" 550, "opsz" 18;color:var(--foreground)}[role=switch][data-fluid-on=true]>span{transform:translate(16px,2px)!important}[role=switch][data-fluid-on=false]>span{transform:translate(2px,2px)!important}:root[data-size=compact] [data-component-preview]>:first-child [role=tablist]>[role=tab]{gap:4px;height:28px;padding-left:10px;padding-right:10px}:root[data-size=compact] [data-component-preview]>:first-child [role=tablist]>[role=tab]>span{font-size:var(--fs-body-compact,12px);line-height:var(--lh-body-compact,18px)}:is(:root[data-size=compact] [data-component-preview] div.touch-none:has(>[role=switch]),:root[data-size=compact] [data-component-preview]>:first-child div:has(>[role=switch])){gap:4px;padding-top:4px;padding-bottom:4px}:root[data-size=compact] [data-component-preview] div.touch-none.px-3:has(>[role=switch]){padding-left:10px;padding-right:10px}:is(:root[data-size=compact] [data-component-preview] div.touch-none:has(>[role=switch])>span:last-child,:root[data-size=compact] [data-component-preview]>:first-child div:has(>[role=switch])>span:last-child){font-size:var(--fs-body-compact,12px);line-height:var(--lh-body-compact,18px)}:is(:root[data-size=compact] [data-component-preview] div.touch-none:has(>[role=switch]) [role=switch],:root[data-size=compact] [data-component-preview]>:first-child div:has(>[role=switch]) [role=switch]){width:28px!important;height:16px!important}:is(:root[data-size=compact] [data-component-preview] div.touch-none:has(>[role=switch]) [role=switch]>span,:root[data-size=compact] [data-component-preview]>:first-child div:has(>[role=switch]) [role=switch]>span){width:12px!important;height:12px!important}:is(:root[data-size=compact] [data-component-preview] div.touch-none:has(>[role=switch]) [role=switch][data-fluid-on=true]>span,:root[data-size=compact] [data-component-preview]>:first-child div:has(>[role=switch]) [role=switch][data-fluid-on=true]>span){transform:translate(14px,2px)!important}[role=checkbox][aria-checked=true],[role=radio][aria-checked=true]{color:var(--foreground)}[role=tablist]:not(:has(>.ff-selected-highlight))>[role=tab][aria-selected=true]{background:var(--active)}.fluid-popup-anchor{display:contents;position:relative}.fluid-popup{z-index:100;background:var(--surface-3,var(--background));border:1px solid var(--border);min-width:160px;box-shadow:var(--shadow-surface-3,0 4px 24px #0002);color:var(--foreground);border-radius:12px;max-height:320px;padding:4px;font-size:13px;animation:.18s ease-out fluid-enter;position:absolute;right:16px;overflow:auto}.ff-sort-popup{z-index:100;isolation:isolate;border-radius:12px;outline:none;flex-direction:column;padding:4px;display:flex;position:fixed}.ff-sort-popup [role=option]{color:var(--muted-foreground);text-align:left;background:0 0}.ff-sort-popup [aria-selected=true],.ff-sort-popup [data-fluid-hover-active]{color:var(--foreground)}.ff-sort-popup [role=option]:focus-visible{outline:1px solid var(--focus-ring,#6b97ff);outline-offset:1px}[data-skill-timeline] [data-skill-active]>span.text-site-body{color:var(--foreground)}[data-skill-demo=tabs] [data-side=generic] [aria-selected=true]{background:var(--muted)}[data-skill-demo=tabs] [data-side=skill] [aria-selected=true],[data-sizes-demo] [role=tab]:hover,[data-skill-demo=tabs] [data-side=skill] [role=tab]:hover{background:0 0}.ff-settings-hover [data-setting-row]{z-index:1}.ff-settings-hover [data-setting-row] button:hover{background:0 0}.ff-settings-hover .ff-select-trigger:not([data-fluid-hover-active]) .ff-select-icon svg{stroke-width:1.5px;color:var(--muted-foreground)}.ff-settings-hover [data-fluid-hover-active] .ff-select-icon svg{stroke-width:2px;color:var(--foreground)}.ff-settings-hover .ff-select-trigger:not([data-fluid-hover-active]) .ff-select-chevron{color:var(--muted-foreground)}.ff-settings-hover [data-fluid-hover-active] .ff-select-chevron{color:var(--foreground)}.ff-site-preference .ff-select .ff-select-trigger{width:auto;min-width:0;font-size:var(--fs-site-body,13px);line-height:var(--lh-site-body,20px);padding:0 8px;position:relative}.ff-site-accent-trigger{--swatch:16px}.ff-cp-popover-root[data-size=compact] .ff-site-accent-trigger{--swatch:14px}[data-radius=sharp] [data-component-preview]{border-radius:1px}[data-radius=pill] [data-component-preview],[data-radius=pill] [data-skill-demo] .rounded-xl{border-radius:24px}[data-radius=pill] [data-skill-demo] .rounded-lg{border-radius:20px}[data-skill-demo=tabs] [data-side=skill] .ff-tabs-hovering>.ff-selected-highlight{opacity:.8;transition:opacity 80ms}[data-skill-demo=tabs] [data-side=skill] [data-fluid-hover-active] span:not(.invisible),[data-skill-running=generic] [data-skill-caption=generic],[data-skill-running=skill] [data-skill-caption=skill]{color:var(--foreground)}[data-skill-menu-check=skill] path{transition:stroke-dashoffset 40ms ease-in}[data-skill-menu-check=skill][data-skill-check-on=true] path{transition:stroke-dashoffset 80ms ease-out}[data-skill-press=generic][data-pressed=true]{background:color-mix(in oklab, var(--foreground) 80%, var(--background));scale:.9}[data-skill-press=skill][data-pressed=true]>[aria-hidden]{--btn-bg:color-mix(in oklab, var(--foreground) 80%, var(--background));box-shadow:0 0 0 0 var(--btn-bg);transition-duration:80ms,80ms}.ff-skill-tooltip{z-index:100;pointer-events:none;white-space:nowrap;position:fixed}.ff-surface-focus{opacity:0}[data-surface-menu] [data-fluid-hover-active]>svg{color:var(--foreground);stroke-width:2px}[data-surface-menu] [data-fluid-hover-active]>div>span:first-child{color:var(--foreground)}.ff-surface-handle:focus-visible .ff-surface-focus{opacity:1}.ff-surface-tooltip{animation:80ms both ff-surface-tooltip-in}@keyframes ff-surface-tooltip-in{0%{opacity:0;margin-top:4px}to{opacity:1;margin-top:0}}[data-surface-dots]>div{transition:scale .16s}[data-hover]:not([data-hover=""]) [data-surface-dots]>div{scale:1.25}[data-radius=pill] .ff-skill-tooltip{border-radius:20px}.fluid-popup button{text-align:left;cursor:pointer;border-radius:8px;align-items:center;width:100%;padding:8px 12px;display:flex}.fluid-popup button:hover,.fluid-popup [aria-selected=true]{background:var(--active);font-variation-settings:"wght" 550, "opsz" 18}.fluid-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0006;justify-content:center;align-items:flex-start;padding:18vh 20px 20px;animation:.18s ease-out fluid-enter;display:flex;position:fixed;inset:0}.fluid-search,.fluid-dialog{border:1px solid var(--border);background:var(--surface-2,var(--background));width:min(100%,520px);color:var(--foreground);border-radius:16px;font-size:13px;overflow:hidden;box-shadow:0 16px 64px #0003}.fluid-search>input{border-bottom:1px solid var(--border);outline:none;width:100%;padding:20px}.fluid-search-results{max-height:400px;padding:8px;overflow:auto}.fluid-search-results a{text-transform:capitalize;border-radius:8px;padding:10px 12px;display:block}.fluid-search-results a:hover{background:var(--hover)}.fluid-dialog{flex-direction:column;gap:20px;padding:24px;display:flex;position:relative}.fluid-dialog h2{font-size:18px;font-weight:550}.fluid-dialog p{color:var(--muted-foreground)}.fluid-dialog label{align-items:center;gap:16px;display:flex}.fluid-dialog input{border:1px solid var(--border);border-radius:8px;flex:1;padding:8px 12px}.fluid-dialog-close{cursor:pointer;font-size:20px;position:absolute;top:12px;right:16px}.fluid-primary{background:var(--foreground);color:var(--background);cursor:pointer;border-radius:8px;align-self:flex-end;padding:8px 12px}@keyframes fluid-enter{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}@media (width>=1280px){.fluid-mobile-overlay{display:none}}@media (width<=1279px){body:has(.fluid-mobile-overlay){overflow:hidden}.fluid-mobile-overlay{z-index:149;background:#0006;position:fixed;inset:0}body:has(.fluid-mobile-overlay) .ff-popup{z-index:151}body:has(.fluid-mobile-overlay) .ff-popup-backdrop{z-index:150}.fluid-mobile-drawer{background:var(--surface-3);width:18rem;max-width:100vw;box-shadow:var(--shadow-surface-3);outline:none;padding:8px 0;position:absolute;inset:0 auto 0 0;overflow-y:auto}.fluid-mobile-settings{flex-direction:column;gap:16px;padding:10px 16px 16px;display:flex}.fluid-mobile-settings aside>div:first-child{height:32px;margin-bottom:10px;padding:8px 0 0}.fluid-mobile-settings h2{font-variation-settings:"wght" 550, "opsz" 18;font-size:16px;line-height:20px}.fluid-mobile-settings aside>[aria-hidden=true]{display:none}.fluid-mobile-settings aside [data-sidebar=menu-button]{padding-left:0;padding-right:0}.fluid-mobile-credit{justify-content:space-between;align-items:center;gap:8px;display:flex}.fluid-mobile-divider{background:var(--border);height:1px;margin:0 16px 8px}}[data-fluid-tracking]{isolation:isolate;position:relative}[data-fluid-tracking]:before{content:"";z-index:-1;pointer-events:none;left:var(--fluid-highlight-x);top:var(--fluid-highlight-y);width:var(--fluid-highlight-w);height:var(--fluid-highlight-h);background:var(--hover);border-radius:8px;position:absolute}[data-fluid-tracking] [data-fluid-row]:hover,[data-fluid-tracking] [data-sidebar=menu-button]:hover{background:0 0}[data-fluid-hovered]{color:var(--foreground)}[data-fluid-hovered] span:not(.invisible){font-variation-settings:"wght" 550, "opsz" 18;color:var(--foreground)}:root:not([data-hover=standard]) [data-site-navigation-hover] [data-sidebar=menu-button]:hover{background:0 0}[data-site-navigation-hover] [data-fluid-hover-active] span:not(.invisible){color:var(--foreground);font-variation-settings:"wght" 550, "opsz" 18!important}[data-site-navigation-hover] [aria-current=page]{background:0 0}[data-site-navigation-hover]>.ff-hover-highlight{z-index:1}[data-radius=pill] button,[data-radius=pill] input:not([type=range]){border-radius:20px}.fluid-shortcut{min-width:18px;height:18px;font:var(--fs-site-micro,10px) / 1 var(--font-mono,monospace);color:var(--muted-foreground);background:var(--lightningcss-light,#17171714)var(--lightningcss-dark,#f5f5f514);border-radius:2px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}@media (pointer:coarse){.fluid-shortcut{display:none}}.fluid-range{opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.fluid-dialog-footer{justify-content:flex-end;align-items:center;gap:16px;margin-top:8px;display:flex}.fluid-dialog-footer button{cursor:pointer}.fluid-calendar{flex-wrap:wrap;gap:24px;width:max-content;max-width:100%;padding:8px;font-size:13px;line-height:20px;display:flex}.fluid-calendar-month{width:210px}.fluid-calendar-caption{font-variation-settings:"wght" 550, "opsz" 18;justify-content:space-between;align-items:center;height:30px;margin-bottom:4px;display:flex}.fluid-calendar-caption button{cursor:pointer;border-radius:8px;width:30px;height:30px}.fluid-calendar-grid{grid-template-columns:repeat(7,30px);grid-auto-rows:30px;display:grid}.fluid-calendar-weekday{color:var(--muted-foreground);place-items:center;font-size:12px;display:grid}.fluid-calendar-day{cursor:pointer;border-radius:8px;position:relative}.fluid-calendar-day:hover,.fluid-calendar-caption button:hover{background:var(--hover)}.fluid-calendar-day.selected{background:var(--active);font-variation-settings:"wght" 550, "opsz" 18}.fluid-calendar-day.in-range{background:var(--hover);border-radius:0}.fluid-calendar-day[data-today=true]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:calc(50% - 2px)}.fluid-code{white-space:pre;color:var(--foreground);background:var(--surface-2);max-height:520px;padding:24px;font:12px/1.7 monospace;overflow:auto}@media (prefers-reduced-motion:reduce){[data-copy-feedback] .grid.shrink-0>span{filter:none!important;transition:none!important;transform:none!important}}.fluid-mobile-settings .relative.flex.items-center.justify-between{padding-left:0}[data-radius=pill] [data-reveal-shape=container]{border-radius:24px}[data-reveal-tabs]>[aria-selected=true],[data-sizes-demo] [role=tab][aria-selected=true]{background:0 0}[data-sizes-demo] .ff-tabs-hovering>.ff-selected-highlight{opacity:.8;transition:opacity 80ms}[data-sizes-demo] [data-fluid-hover-active] span:not(.invisible):not([aria-hidden=true]){color:var(--foreground);font-variation-settings:"wght" 550, "opsz" 18}[data-sizes-demo] [data-fluid-hover-active] svg{color:var(--foreground);stroke-width:2px}[data-reveal-tabs].ff-tabs-hovering>.ff-selected-highlight{opacity:.8;transition:opacity 80ms}[data-reveal-tabs]>.ff-hover-highlight{background:var(--active)}.base-ui-disable-scrollbar{scrollbar-width:none}.base-ui-disable-scrollbar::-webkit-scrollbar{display:none}[data-radius=pill] [data-scrollbars-demo] [data-slot=scroll-area-thumb]{border-radius:20px}[data-scrollbars-demo] [data-slot=scroll-area-scrollbar][hidden]{display:none}[data-radius=pill] [data-scrollbars-demo].rounded-xl,[data-radius=pill] [data-scrollbars-demo] .rounded-xl{border-radius:24px}[data-radius=pill] [data-scrollbars-demo] .rounded-lg{border-radius:20px}[data-surface-menu-panel]{border-radius:29px}:root[data-radius=sharp] [data-surface-menu-panel]{border-radius:1px}[data-surface-swatch-panel]{border-radius:28px}:root[data-radius=pill] [data-surface-swatch-panel]{border-radius:40px}[data-surface-button]{border-radius:8px}:root[data-radius=pill] [data-surface-button]{border-radius:9999px}:root[data-radius=sharp] :is([data-surface-swatch-panel],[data-surface-button]){border-radius:1px}.accordion-controls .ff-switch{flex-direction:row-reverse;justify-content:space-between}.accordion-controls[data-radius=sharp] .accordion-mode-trigger,.accordion-mode-popup[data-radius=sharp],.accordion-mode-popup[data-radius=sharp] button{border-radius:1px}.accordion-controls[data-radius=pill] .accordion-mode-trigger{border-radius:20px}.accordion-mode-popup[data-size=compact] .ff-popup-row-check{width:14px;height:14px}