.Wts8la_figure,.Wts8la_magnifierLens{--demo-grain-light:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.025'/%3E%3C/svg%3E");--demo-grain-dark:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.04'/%3E%3C/svg%3E")}.Wts8la_figure{border:1px solid var(--border);border-radius:var(--radius);margin-block:1.5rem;overflow:hidden}.Wts8la_toolbar,.Wts8la_header{border-bottom:1px solid #7f7f7f3d;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.Wts8la_toolbar{min-height:3rem;color:var(--foreground);background:var(--background);padding-inline:1rem .625rem}.Wts8la_toolbarTitle{font-weight:650}.Wts8la_header{min-height:2.75rem;padding-inline:1rem}.Wts8la_headerActions{align-items:center;gap:.375rem;display:flex}.Wts8la_headerActions .Wts8la_status{text-align:end;min-width:8.75rem}.Wts8la_status{color:currentColor;opacity:.62;font-family:var(--font-mono);font-weight:400}.Wts8la_comparison{outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.Wts8la_comparison[data-magnifying=true]{cursor:zoom-in;touch-action:none}.Wts8la_comparison:focus-visible{box-shadow:inset 0 0 0 2px var(--ring)}.Wts8la_surface{min-width:0}.Wts8la_surface+.Wts8la_surface{border-block-start:1px solid #7f7f7f3d}.Wts8la_light{--demo-grain:var(--demo-grain-light);--surface-color:#f5f5f5;--background:#f5f5f5;--foreground:#181818;--muted:#e1e1e1;color:var(--foreground);background-color:var(--surface-color)}@supports (color:lab(0% 0 0)){.Wts8la_light{--surface-color:lab(96.52% -.0000298023 .0000119209);--background:lab(96.52% -.0000298023 .0000119209);--foreground:lab(8.36% -.00000745058 0);--muted:lab(89.56% -.0000298023 0)}}.Wts8la_dark{--demo-grain:var(--demo-grain-dark);--surface-color:#0f0f0f;--background:#0f0f0f;--foreground:#f2f2f2;--muted:#222;color:var(--foreground);background-color:var(--surface-color)}@supports (color:lab(0% 0 0)){.Wts8la_dark{--surface-color:lab(4.4379% 0 0);--background:lab(4.4379% 0 0);--foreground:lab(95.36% 0 0);--muted:lab(13% 0 0)}}.Wts8la_variants{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.Wts8la_variant{min-width:0;position:relative;overflow:hidden}.Wts8la_variant+.Wts8la_variant{border-inline-start:1px solid #7f7f7f3d}.Wts8la_grain{background-image:var(--demo-grain);background-position:0 0;background-repeat:repeat;background-size:256px 256px}.Wts8la_variantHeader{border-bottom:1px solid #7f7f7f33;justify-content:space-between;align-items:center;gap:.5rem;min-height:2.25rem;padding-inline:.875rem;font-size:.6875rem;font-weight:650;display:flex}.Wts8la_variantHeader span:last-child{color:currentColor;font-family:var(--font-mono);opacity:.56;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.Wts8la_content{flex-direction:column;justify-content:space-between;gap:2rem;min-height:11.5rem;padding:1rem;display:flex}.Wts8la_title{margin:0;font-size:1rem;font-weight:650}.Wts8la_description{color:currentColor;opacity:.68;max-width:24ch;margin:.35rem 0 0;font-size:.8125rem;line-height:1.55}.Wts8la_details{flex-direction:column;gap:.625rem;margin:0;display:flex}.Wts8la_details div{justify-content:space-between;align-items:baseline;gap:.75rem;min-width:0;display:flex}.Wts8la_details dt{color:currentColor;opacity:.56;font-size:.6875rem}.Wts8la_details dd{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75rem;overflow:hidden}.Wts8la_magnifierLens{--surface-grain-layer-magnifier:1;--lens-x:50%;--lens-y:50%;--surface-color:#f5f5f5;--foreground:#181818;z-index:var(--surface-grain-layer-magnifier);top:var(--lens-y);left:var(--lens-x);pointer-events:none;opacity:0;width:10rem;height:10rem;color:var(--foreground);background-color:var(--surface-color);box-shadow:0 0 0 2px var(--surface-color), 0 2px 8px #00000059;will-change:transform, opacity;border-radius:50%;transition:opacity .14s cubic-bezier(.165,.84,.44,1),transform .14s cubic-bezier(.165,.84,.44,1);position:absolute;overflow:hidden;transform:translate(-50%,-50%)scale(.96)}@supports (color:lab(0% 0 0)){.Wts8la_magnifierLens{--surface-color:lab(96.52% -.0000298023 .0000119209);--foreground:lab(8.36% -.00000745058 0)}}.Wts8la_magnifierLens[data-theme=Dark]{--surface-color:#0f0f0f;--foreground:#f2f2f2}@supports (color:lab(0% 0 0)){.Wts8la_magnifierLens[data-theme=Dark]{--surface-color:lab(4.4379% 0 0);--foreground:lab(95.36% 0 0)}}.Wts8la_magnifierLens[data-active=true][data-visible=true]{opacity:1;transform:translate(-50%,-50%)scale(1)}.Wts8la_magnifierCanvas{z-index:1;transform-origin:0 0;will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;left:0}.Wts8la_magnifierNoise{z-index:2;visibility:hidden;pointer-events:none;background-repeat:repeat;background-size:1024px 1024px;position:absolute;inset:0}.Wts8la_magnifierNoise[data-magnifier-noise=Light]{background-image:var(--demo-grain-light)}.Wts8la_magnifierNoise[data-magnifier-noise=Dark]{background-image:var(--demo-grain-dark)}.Wts8la_magnifierCanvas .Wts8la_grain{background-image:none}.Wts8la_figure figcaption{border-top:1px solid var(--border);color:var(--muted-foreground);background:var(--background);margin:0;padding:.75rem 1rem;font-size:.75rem;line-height:1.5}@media (max-width:40rem){.Wts8la_content{min-height:12rem;padding:.875rem}.Wts8la_description{font-size:.75rem}.Wts8la_toolbar .Wts8la_status{display:none}}@media (prefers-reduced-motion:reduce){.Wts8la_magnifierLens{transition:none}}