.dot-grid_root__tnG4H{--dot-grid-color:var(--border-strong);--dot-grid-active:var(--accent);position:relative;min-height:240px;overflow:hidden;overflow:clip;color:var(--foreground);isolation:isolate;-webkit-tap-highlight-color:transparent}.dot-grid_canvas__QmHJf{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}.dot-grid_root__tnG4H[data-fade] .dot-grid_canvas__QmHJf{-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 40%,transparent 100%)}.dot-grid_content__hbC5y{position:relative;z-index:1;height:100%}.dot-grid_demo__uzKXC{display:grid;width:min(100%,720px);margin-inline:auto;font-family:var(--font-body);letter-spacing:var(--tracking-body)}.dot-grid_field__RxapK{height:420px;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}@media (max-width:560px){.dot-grid_field__RxapK{height:380px}}.dot-grid_hero__L2hPS{display:grid;height:100%;place-content:center;gap:10px;padding:24px 24px 72px;text-align:center;pointer-events:none}.dot-grid_title__3u_pt{margin:0;font-family:var(--font-display);font-size:clamp(2rem,7vw,3.25rem);font-weight:500;letter-spacing:var(--tracking-display);line-height:var(--leading-display);text-wrap:balance}.dot-grid_pulse__3cfUc{color:var(--accent)}.dot-grid_lede__E9aFS{margin:0;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-body)}.dot-grid_segment__Y7_uO{position:absolute;bottom:20px;left:50%;display:grid;grid-template-columns:repeat(3,76px);height:var(--control-height-sm);padding:2px;border:1px solid var(--border);border-radius:var(--radius-control);background:color-mix(in oklch,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateX(-50%)}.dot-grid_thumb__N6fiB{position:absolute;top:2px;bottom:2px;left:2px;width:76px;border-radius:calc(var(--radius-control) - 3px);background:var(--surface-raised);box-shadow:var(--shadow-resting),0 0 0 1px var(--border)}.dot-grid_option__nGLwB{position:relative;padding:0;border:0;border-radius:calc(var(--radius-control) - 3px);background:none;color:var(--text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.dot-grid_option__nGLwB:active{transform:scale(.95)}.dot-grid_option__nGLwB[aria-pressed=true]{color:var(--foreground)}@media (hover:hover) and (pointer:fine){.dot-grid_option__nGLwB:hover{color:var(--foreground)}}