@font-face{font-family:Overused Grotesk;font-weight:400;font-display:swap;src:url(/fonts/overused-grotesk/OverusedGrotesk-Roman.otf)format("opentype")}@font-face{font-family:Overused Grotesk;font-weight:600;font-display:swap;src:url(/fonts/overused-grotesk/OverusedGrotesk-SemiBold.otf)format("opentype")}@font-face{font-family:Overused Grotesk;font-weight:700;font-display:swap;src:url(/fonts/overused-grotesk/OverusedGrotesk-Bold.otf)format("opentype")}.fbf{--fbf-error:#fdb9a0;--fbf-error-bg:#fce5db;--fbf-error-ink:#7a2410;--fbf-warning:#fde79a;--fbf-warning-bg:#fff5d1;--fbf-warning-ink:#6b5200;--fbf-pass:#a6e6c3;--fbf-info:#b4dcf7;--fbf-total:#c4c7fa;--fbf-frame:#f4f2ee;--fbf-sheet:#e6e8ec;--fbf-figma-blue:#0d99ff;--fbf-test-border:#b2b2b2;--fbf-wrong-red:#d7263d;--fbf-ignored:#555b66;--fbf-out:cubic-bezier(.22, 1, .36, 1);--fbf-settle:1.05s;width:100%;height:100%;font-family:"Overused Grotesk", var(--hose-font-family-base);color:var(--hose-color-text-primary);line-height:normal;position:relative;overflow:hidden}.fbf p,.fbf ul{margin:0;padding:0;list-style:none}.fbf-world{transform-origin:0 0;width:max-content;transition:opacity var(--hose-motion-effects-slow);flex-direction:column;align-items:center;gap:40px;display:flex;position:absolute;top:0;left:0}.fbf-sheet{background:var(--fbf-sheet);border-radius:24px;padding:16px}.fbf-sheet-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fbf-sheet-title{font-size:13px;font-weight:700}.fbf-tests{grid-template-columns:repeat(3,231px);align-items:start;gap:20px 16px;display:grid}.fbf-frame-name{color:var(--hose-color-text-secondary);font-size:10px;margin-bottom:4px!important}.fbf-test{background:var(--hose-color-surface-raised);box-shadow:var(--hose-elevation-raised);border-radius:16px;flex-direction:column;padding:16px;display:flex}.fbf-design{border:1px solid var(--fbf-test-border);border-radius:12px;gap:6px;padding:18px 16px;display:grid}.fbf-label{align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.fbf-glyph{width:13px;height:13px;font-family:var(--hose-font-family-base);border:1.2px solid;border-radius:50%;flex:none;place-items:center;font-size:8px;font-weight:700;line-height:1;display:inline-grid}.fbf-input-stack{height:34px;position:relative}.fbf-input{border:1px solid var(--fbf-error-ink);background:var(--fbf-error-bg);color:var(--fbf-error-ink);border-radius:4px;align-items:center;gap:8px;padding:0 10px;display:flex;position:absolute;inset:0}.fbf-input-text{white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.fbf-input[data-bold=true] .fbf-input-text{font-weight:700}.fbf-input-overlay{opacity:.5}.fbf-input-overlay .fbf-input-text{letter-spacing:.025em}.fbf-diamond{flex:none;width:14px;height:14px}.fbf-diamond path{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round;stroke-linecap:round}.fbf-diamond circle{fill:currentColor}.fbf-error-text{color:var(--fbf-error-ink);font-size:11px}.fbf-error-text[data-wrong=true]{color:var(--fbf-wrong-red)}.fbf-notes{gap:12px;display:grid;padding:18px 2px 0!important}.fbf-note{outline-offset:2px;transition:outline-color var(--hose-motion-effects-slow), opacity var(--hose-motion-effects-slow);color:var(--hose-color-text-primary);border:1.5px solid #0000;border-radius:4px;outline:2px solid #0000;padding:7px 12px;font-size:10px;display:grid;position:relative}.fbf-note-title{font-weight:700}.fbf-error.fbf-note,.fbf-error.fbf-pill{background:var(--fbf-error)}.fbf-warning.fbf-note,.fbf-warning.fbf-pill{background:var(--fbf-warning)}.fbf-pass.fbf-note,.fbf-pass.fbf-pill{background:var(--fbf-pass)}.fbf-info.fbf-pill{background:var(--fbf-info)}.fbf-total.fbf-pill{background:var(--fbf-total)}.fbf[data-collect=true] .fbf-note[data-edited=true]{outline-color:var(--fbf-figma-blue)}.fbf[data-collect=true] .fbf-note[data-edited=false]{opacity:.35}.fbf-error.fbf-note[data-edited=true]{border-color:var(--fbf-error-ink)}.fbf-warning.fbf-note[data-edited=true]{border-color:var(--fbf-warning-ink)}.fbf-ignored{border-radius:var(--hose-radius-pill);text-transform:uppercase;color:var(--hose-color-text-inverse);background:var(--fbf-ignored);padding:1px 5px;font-size:8px;font-weight:700;position:absolute;top:-8px;right:8px}.fbf-report{border:1px solid var(--hose-color-border-subtle);background:var(--fbf-frame);width:360px;transition:opacity .7s var(--fbf-out) .2s, transform 1s var(--fbf-out) .2s;border-radius:24px;gap:12px;padding:14px;display:grid}.fbf[data-beat=canvas] .fbf-report{opacity:0;transition:opacity var(--hose-motion-effects-slow), transform var(--hose-motion-spatial-slow);transform:translateY(40px)}.fbf-report-head{background:var(--hose-color-surface-raised);box-shadow:var(--hose-elevation-raised);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.fbf-report-title{font-size:20px;font-weight:700}.fbf-report-sub{color:var(--hose-color-text-secondary);font-size:12px;margin-top:2px!important}.fbf-btn{transition:transform var(--hose-motion-spatial-fast);transform-origin:50%;border-radius:var(--hose-radius-pill);white-space:nowrap;color:var(--hose-color-text-inverse);background:var(--hose-color-surface-inverse);padding:6px 12px;font-size:12px;font-weight:700}.fbf-pills{flex-wrap:wrap;gap:5px;display:flex}.fbf-pill{border-radius:var(--hose-radius-pill);color:var(--hose-color-text-primary);padding:4px 9px;font-size:11px;font-weight:700}.fbf-group{border-radius:12px;gap:8px;padding:10px;display:grid}.fbf-error.fbf-group{--fbf-ink:var(--fbf-error-ink);background:var(--fbf-error-bg);outline:1px solid var(--fbf-error-ink);outline-offset:-1px}.fbf-warning.fbf-group{--fbf-ink:var(--fbf-warning-ink);background:var(--fbf-warning-bg);outline:1px solid var(--fbf-warning-ink);outline-offset:-1px}.fbf-group-title{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.fbf-group-count{border:1px solid var(--fbf-ink);border-radius:var(--hose-radius-pill);padding:0 7px;font-size:11px}.fbf-row{background:var(--hose-color-surface-raised);transition:opacity .5s var(--fbf-out), transform .7s var(--fbf-out);transition-delay:calc(.65s + var(--i,0) * .13s);border-radius:8px;gap:5px;padding:9px 10px;display:grid}.fbf[data-beat=canvas] .fbf-row{opacity:0;transition-delay:0s;transform:translateY(14px)}.fbf-row-text{font-size:12.5px;line-height:1.35}.fbf-row-count{font-weight:700}.fbf-row-sources{letter-spacing:.06em;text-transform:uppercase;color:var(--hose-color-text-secondary);font-size:8.5px;font-weight:700}.fbf-chips{flex-wrap:wrap;gap:4px;display:flex}.fbf-chip{border:1px solid var(--fbf-ink);border-radius:var(--hose-radius-pill);color:var(--fbf-ink);transition:background-color var(--hose-motion-effects-fast);padding:2px 7px;font-size:10px;font-weight:700;text-decoration:underline}.fbf[data-beat=hover] .fbf-chip[data-first=true]{transition-delay:var(--fbf-settle);background:var(--fbf-info)}.fbf-message{background:var(--hose-color-surface-raised);width:360px;box-shadow:var(--hose-elevation-raised);opacity:0;transition:opacity var(--hose-motion-effects-slow), transform var(--hose-motion-spatial-slow);border-radius:24px;gap:6px;padding:14px 16px;display:grid;transform:translateY(28px)scale(.98)}.fbf[data-press=build] .fbf-btn-build,.fbf[data-press=copy] .fbf-btn-copy{transform:scale(.94)}.fbf[data-copied=true] .fbf-message{opacity:1;transition:opacity .6s var(--fbf-out), transform .9s var(--fbf-out);transform:none}.fbf-message-label{letter-spacing:.06em;text-transform:uppercase;color:var(--hose-color-text-secondary);font-size:9.5px;font-weight:700}.fbf-message-heading{font-size:13px;font-weight:700}.fbf-message li{padding-left:12px;font-size:12.5px;line-height:1.45;position:relative}.fbf-message li:before{content:"•";position:absolute;left:0}.fbf-select{left:var(--fbf-sel-x);top:var(--fbf-sel-y);width:var(--fbf-sel-w);height:var(--fbf-sel-h);outline:1.5px solid var(--fbf-figma-blue);outline-offset:1px;opacity:0;transition:opacity var(--hose-motion-effects-fast), transform var(--hose-motion-spatial-default);pointer-events:none;position:absolute;transform:scale(1.04)}.fbf-select i{border:1px solid var(--fbf-figma-blue);background:var(--hose-color-surface-raised);width:6px;height:6px;position:absolute}.fbf-select i:first-child{top:-5px;left:-5px}.fbf-select i:nth-child(2){top:-5px;right:-5px}.fbf-select i:nth-child(3){bottom:-5px;left:-5px}.fbf-select i:nth-child(4){bottom:-5px;right:-5px}.fbf-select-size{white-space:nowrap;color:var(--hose-color-text-inverse);background:var(--fbf-figma-blue);border-radius:3px;padding:1px 4px;font-size:8px;font-weight:600;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.fbf[data-beat=dest] .fbf-select{opacity:1;transition-delay:var(--fbf-settle);transform:none}.fbf-tooltip{left:var(--fbf-tip-x);top:var(--fbf-tip-y);white-space:nowrap;color:var(--hose-color-text-inverse);background:var(--hose-color-surface-inverse);opacity:0;transition:opacity var(--hose-motion-effects-fast), transform var(--hose-motion-spatial-default);pointer-events:none;border-radius:5px;gap:5px;padding:3px 7px;font-size:10px;font-weight:700;display:flex;position:absolute;transform:translateY(-3px)}.fbf-tooltip i{opacity:.7;font-style:normal}.fbf[data-beat=hover] .fbf-tooltip{opacity:1;transition-delay:var(--fbf-settle);transform:none}.fbf-cursor{width:16px;height:22px;transition:opacity var(--hose-motion-effects-slow);pointer-events:none;position:absolute;top:0;left:0}.fbf-cursor path{transform-origin:1px 1px;transition:transform var(--hose-motion-spatial-fast);fill:var(--hose-color-text-primary);stroke:var(--hose-color-surface-raised);stroke-width:1.2px;stroke-linejoin:round}.fbf[data-fade=true] .fbf-world,.fbf[data-fade=true] .fbf-cursor{opacity:0}.fbf[data-press] .fbf-cursor path{transform:scale(.86)}.fbf[data-beat=dest] .fbf-cursor,.fbf[data-still=true] .fbf-cursor{opacity:0}