.animate-presence-container.svelte-dzo2eg{display:contents}.fabric-comparison.svelte-112o0sc{justify-self:end;width:100%;max-width:520px;position:relative}.fabric-card.svelte-112o0sc{box-shadow:var(--beye-card-shadow);color:var(--lightningcss-light,#14243a)var(--lightningcss-dark,#e6ebf2);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#121b2b);border:1px solid var(--lightningcss-light,#ccd8e6)var(--lightningcss-dark,#1f2a3d);border-radius:14px;overflow:hidden}.controls.svelte-112o0sc{justify-content:flex-end;display:flex;position:absolute;inset:-2rem 0 auto}.segments.svelte-112o0sc{background:var(--lightningcss-light,#f3f7fc)var(--lightningcss-dark,#0a0f1c);border-bottom:1px solid var(--lightningcss-light,#ccd8e6)var(--lightningcss-dark,#1f2a3d);grid-template-columns:1fr 1fr;display:grid}button.svelte-112o0sc{cursor:pointer;font:inherit;border:0}.segments.svelte-112o0sc button:where(.svelte-112o0sc){isolation:isolate;color:var(--lightningcss-light,#566c86)var(--lightningcss-dark,#8b97ab);background:0 0;border-radius:0;padding:16px 14px;font-size:14px;font-weight:500;transition:color .15s;position:relative}.segments.svelte-112o0sc button:where(.svelte-112o0sc):hover,.segments.svelte-112o0sc button[aria-pressed=true]:where(.svelte-112o0sc){color:var(--lightningcss-light,#14243a)var(--lightningcss-dark,#e6ebf2)}.with-fabric.svelte-112o0sc .segments:where(.svelte-112o0sc) button[aria-pressed=true]:where(.svelte-112o0sc){color:var(--lightningcss-light,#f7faff)var(--lightningcss-dark,#071020)}.segments.svelte-112o0sc .selection{z-index:-1;background:var(--lightningcss-light,#ccd8e6)var(--lightningcss-dark,#1f2a3d);position:absolute;inset:0}.with-fabric.svelte-112o0sc .segments:where(.svelte-112o0sc) .selection{background:var(--beye-blue)}button.svelte-112o0sc:focus-visible{outline:2px solid var(--beye-blue);outline-offset:2px}.playback.svelte-112o0sc{width:1.75rem;height:1.75rem;color:var(--beye-subtle);background:0 0;border-radius:.3rem;place-items:center;padding:0;display:grid}.playback.svelte-112o0sc:hover{color:var(--beye-text);background:var(--lightningcss-light,#254e700a)var(--lightningcss-dark,#ffffff0a)}.playback.svelte-112o0sc svg{width:.75rem;height:.75rem}.rows.svelte-112o0sc{grid-template-columns:minmax(0,1fr) fit-content(55%);column-gap:12px;margin:0;padding:0 24px 8px;list-style:none;display:grid}li.svelte-112o0sc:first-child{border-top:0}li.svelte-112o0sc{grid-template-columns:subgrid;border-top:1px solid var(--lightningcss-light,#ccd8e6)var(--lightningcss-dark,#1f2a3d);grid-column:1/-1;align-items:center;gap:12px;padding:15px 0;display:grid}.name.svelte-112o0sc{font-size:17px;font-weight:500}.status.svelte-112o0sc{color:var(--lightningcss-light,#566c86)var(--lightningcss-dark,#8b97ab);align-items:center;gap:8px;min-width:0;font-size:14px;transition:color .2s;display:flex}.status.svelte-112o0sc .dot{background:var(--lightningcss-light,#c43939)var(--lightningcss-dark,#ef6464);border-radius:50%;flex-shrink:0;width:7px;height:7px}.with-fabric.svelte-112o0sc .status:where(.svelte-112o0sc) .dot{background:var(--lightningcss-light,#237a46)var(--lightningcss-dark,#3ccf7a)}.with-fabric.svelte-112o0sc .status.loading:where(.svelte-112o0sc) .dot{background:var(--lightningcss-light,#8c630d)var(--lightningcss-dark,#eabf55)}.status-copy.svelte-112o0sc{display:grid}.status-copy.svelte-112o0sc>span:where(.svelte-112o0sc){grid-area:1/1;transition:opacity .2s}.inactive.svelte-112o0sc{opacity:0;visibility:hidden}@media (width<=700px){.fabric-comparison.svelte-112o0sc{max-width:none}.name.svelte-112o0sc{font-size:15px}.status.svelte-112o0sc{font-size:13px}.rows.svelte-112o0sc{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.status.svelte-112o0sc,.status-copy.svelte-112o0sc>span:where(.svelte-112o0sc),.segments.svelte-112o0sc button:where(.svelte-112o0sc){transition:none}}