.fair-workspace{color:#292929;background:#fff;flex:1;height:100%;min-height:0;padding:32px 40px;overflow:auto}.fair-heading{border:0;justify-content:space-between;align-items:center;gap:24px;height:auto;padding:0;display:flex}.fair-heading h1{letter-spacing:-.7px;margin:8px 0;font-size:29px;font-weight:600}.fair-title{align-items:center;gap:12px;min-width:0;display:flex}.fair-sync{color:#527468;cursor:default;background:#f0f7f4;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.fair-sync[data-state=syncing]{color:#666;background:#f4f4f4}.fair-sync[data-state=failed]{color:#a14635;background:#fbeeeb}.fair-filters{align-items:end;gap:20px;margin:30px 0 20px;display:flex}.fair-filters label{color:#777;flex-direction:column;gap:8px;font-size:11px;display:flex}.fair-import input:not(:where([data-slot])){color:#333;background:#fff;border:1px solid #ddd;border-radius:7px;padding:10px;font-size:13px}.fair-search{gap:8px;width:280px;max-width:100%;display:grid}@media (width<=600px){.fair-search{width:100%}}.fair-workspace input[type=checkbox]{accent-color:#242424}.fair-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 12px;display:flex}.fair-error{color:#a14635;font-size:12px;line-height:1.6}.fair-details{background:#fafafa;border-radius:8px;grid-template-columns:1fr 1fr;gap:40px;padding:10px 20px 20px;display:grid}.fair-details h3{font-size:13px}.fair-details p{color:#777;font-size:12px;line-height:1.6}.fair-details article{border-bottom:1px solid #e9e9e9;padding:12px 0}.fair-import{border:1px solid #e7e7e7;border-radius:16px;width:min(650px,100vw - 40px);max-height:min(85vh,100dvh - 32px);margin:auto;padding:clamp(20px,4vw,30px);position:fixed;inset:0;overflow:auto}.fair-import::backdrop{background:#0004}.fair-import p,.fair-import li{color:#777;font-size:13px;line-height:1.7}.fair-import li{margin:12px 0}.fair-import code{color:#555;overflow-wrap:anywhere;font-size:11px}.fair-setup{background:#fafafa;border-radius:8px;padding:16px 20px}.fair-setup h3{font-size:15px}.fair-setup a{font-size:12px;text-decoration:underline}.fair-import-search{gap:10px;margin:20px 0;display:flex}.fair-import-search input{flex:1;min-width:0}.fair-import-lists>div{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.fair-import-lists b{font-size:13px}.fair-import-lists small{color:#888;margin-top:4px;font-size:11px;display:block}.fair-import-lists small.fair-import-kind{align-items:center;gap:4px;display:flex}.demo-feedback{color:#212121;background:#fff;border:1px solid #ddd;border-radius:12px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:28px;position:fixed;inset:0;overflow:auto;box-shadow:0 16px 60px #0002}.demo-feedback textarea{width:100%;margin-top:14px}.demo-feedback textarea:not(:where([data-slot])){border:1px solid #ddd;border-radius:6px;min-height:120px;padding:10px;font-size:13px}.demo-feedback::backdrop{background:#0004}.demo-feedback h2{font-size:20px}.demo-feedback p,.demo-feedback label{color:#777;font-size:13px}.demo-reaction{margin-top:14px}.demo-reaction output{text-align:center;font-variant-numeric:tabular-nums;color:var(--color-gray-400);font-size:28px;font-weight:600;transition:transform .16s cubic-bezier(.34,1.56,.64,1);display:block}.demo-reaction[data-set] output{color:var(--color-gray-950)}.demo-reaction input{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:8px 0 4px}.demo-reaction input::-webkit-slider-runnable-track{background:var(--color-gray-200);border-radius:2px;height:4px}.demo-reaction input::-moz-range-track{background:var(--color-gray-200);border-radius:2px;height:4px}.demo-reaction input::-webkit-slider-thumb{appearance:none;background:var(--color-gray-950);border-radius:50%;width:18px;height:18px;margin-top:-7px}.demo-reaction input::-moz-range-thumb{background:var(--color-gray-950);border:0;border-radius:50%;width:18px;height:18px}.demo-reaction input:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:4px}.demo-reaction:not([data-set]) input::-webkit-slider-thumb{opacity:0}.demo-reaction:not([data-set]) input::-moz-range-thumb{opacity:0}.demo-reaction-ticks{color:var(--color-gray-500);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.demo-reaction-ticks span{text-align:center;width:2ch}@media (prefers-reduced-motion:reduce){.demo-reaction output{transition:none}}.demo-feedback-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (width<=900px){.fair-workspace{padding:24px 18px}.fair-heading,.fair-filters{flex-direction:column;align-items:stretch}.fair-details{grid-template-columns:1fr}}@media (width<=540px){.fair-import-search{flex-direction:column}.fair-import-search input{width:100%}.fair-import-lists>div{align-items:flex-start}.fair-import-lists>div>span{overflow-wrap:anywhere;min-width:0}}
