.motion-foundation-lab-module__QszZea__lab{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);gap:1.25rem;min-width:0;padding:1.25rem;display:grid}.motion-foundation-lab-module__QszZea__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 1.5rem;display:flex}.motion-foundation-lab-module__QszZea__modeControl{gap:.375rem;display:grid}.motion-foundation-lab-module__QszZea__segmented{border-radius:var(--radius-lg);background:var(--muted);gap:.25rem;padding:.25rem;display:inline-flex}.motion-foundation-lab-module__QszZea__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.motion-foundation-lab-module__QszZea__statusRow{border-block:1px solid var(--border);font-size:var(--text-xs);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding-block:.75rem;display:flex}.motion-foundation-lab-module__QszZea__statusInfo{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.motion-foundation-lab-module__QszZea__phasePills{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.motion-foundation-lab-module__QszZea__phasePills li{color:var(--muted-foreground);font-size:var(--text-xs);transition-property:color,background-color;transition-duration:var(--motion-duration-feedback);transition-timing-function:var(--ease-standard);border-radius:999px;padding:.125rem .5rem;font-weight:500}.motion-foundation-lab-module__QszZea__phasePills li[data-visited]{background:var(--muted);color:var(--foreground)}.motion-foundation-lab-module__QszZea__phasePills li[aria-current=step]{background:var(--foreground);color:var(--background);font-weight:600}.motion-foundation-lab-module__QszZea__specimenGrid{gap:1rem;display:grid}@media (min-width:48rem){.motion-foundation-lab-module__QszZea__specimenGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.motion-foundation-lab-module__QszZea__specimen{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);grid-template-rows:auto minmax(7.5rem,1fr) auto;gap:.75rem;min-width:0;padding:1rem;display:grid}.motion-foundation-lab-module__QszZea__specimenHeader{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.motion-foundation-lab-module__QszZea__specimenHeader>div{gap:.125rem;display:grid}.motion-foundation-lab-module__QszZea__badgeLabel{border-radius:var(--radius-sm);background:var(--muted);color:var(--muted-foreground);font-family:var(--ff-accent);font-size:var(--text-xs);padding:.125rem .375rem}.motion-foundation-lab-module__QszZea__caption{color:var(--muted-foreground);font-size:var(--text-xs);margin:0;line-height:1.5}.motion-foundation-lab-module__QszZea__stage,.motion-foundation-lab-module__QszZea__surfaceStage{border-radius:var(--radius-md);background:var(--muted);place-items:center;min-height:7.5rem;display:grid;overflow:clip}.motion-foundation-lab-module__QszZea__instantSignal{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--muted-foreground);font-size:var(--text-xs);opacity:.45;transition-property:opacity,color;transition-duration:var(--motion-duration-instant);transition-timing-function:var(--ease-standard);align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.motion-foundation-lab-module__QszZea__instantDot{background:var(--muted-foreground);width:.375rem;height:.375rem;transition-property:background-color;transition-duration:var(--motion-duration-instant);transition-timing-function:var(--ease-standard);border-radius:999px}.motion-foundation-lab-module__QszZea__lab[data-active=true] .motion-foundation-lab-module__QszZea__instantSignal{opacity:1;color:var(--foreground);border-color:var(--foreground)}.motion-foundation-lab-module__QszZea__lab[data-active=true] .motion-foundation-lab-module__QszZea__instantDot{background:var(--foreground)}.motion-foundation-lab-module__QszZea__feedbackSignal{min-height:var(--touch-target-min);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--muted-foreground);font-size:var(--text-xs);cursor:pointer;transition-property:transform,color,background-color,border-color;transition-duration:var(--motion-duration-feedback), var(--motion-duration-feedback), var(--motion-duration-feedback), var(--motion-duration-feedback);transition-timing-function:var(--ease-standard), var(--ease-standard), var(--ease-standard), var(--ease-standard);justify-content:center;align-items:center;padding:.625rem 1.25rem;font-weight:500;display:inline-flex;transform:scale(.97)}.motion-foundation-lab-module__QszZea__lab[data-active=true] .motion-foundation-lab-module__QszZea__feedbackSignal{border-color:var(--foreground);background:var(--foreground);color:var(--background);transform:scale(1)}@media (hover:hover) and (pointer:fine){.motion-foundation-lab-module__QszZea__feedbackSignal:hover{border-color:var(--foreground);color:var(--foreground);transform:scale(1)}.motion-foundation-lab-module__QszZea__lab[data-active=true] .motion-foundation-lab-module__QszZea__feedbackSignal:hover{color:var(--background)}}.motion-foundation-lab-module__QszZea__stateContainer{flex-direction:column;align-items:center;gap:.75rem;width:min(100%,12rem);display:flex}.motion-foundation-lab-module__QszZea__track{width:100%;min-height:var(--touch-target-min);border:1px solid var(--border);background:var(--background);color:inherit;font:inherit;appearance:none;cursor:pointer;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));padding:.25rem;display:grid}.motion-foundation-lab-module__QszZea__indicator{background:var(--foreground);transition-property:transform,background-color,color;transition-duration:var(--motion-duration-state), var(--motion-duration-feedback), var(--motion-duration-feedback);transition-timing-function:var(--ease-standard), var(--ease-standard), var(--ease-standard);border-radius:999px;grid-column:1;transform:translate(0)}.motion-foundation-lab-module__QszZea__lab[data-active=true] .motion-foundation-lab-module__QszZea__indicator{transform:translate(100%)}.motion-foundation-lab-module__QszZea__surfaceStage{padding:.75rem;position:relative}.motion-foundation-lab-module__QszZea__surface{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-xs);opacity:0;transition-property:transform,opacity;transition-duration:var(--motion-duration-surface), var(--motion-duration-surface);transition-timing-function:var(--ease-emphasized), var(--ease-emphasized);align-content:center;gap:.25rem;padding:.875rem 1rem;display:grid;position:absolute;inset:.75rem;transform:translateY(.5rem)scale(.97)}.motion-foundation-lab-module__QszZea__surface[data-open=true]{opacity:1;transform:translateY(0)scale(1)}.motion-foundation-lab-module__QszZea__unmounted{color:var(--muted-foreground);font-size:var(--text-xs)}.motion-foundation-lab-module__QszZea__lab[data-motion-mode=reduced] .motion-foundation-lab-module__QszZea__feedbackSignal{transition-property:color,background-color,border-color;transition-duration:var(--motion-duration-feedback), var(--motion-duration-feedback), var(--motion-duration-feedback);transition-timing-function:var(--ease-standard), var(--ease-standard), var(--ease-standard);transform:none}.motion-foundation-lab-module__QszZea__lab[data-motion-mode=reduced] .motion-foundation-lab-module__QszZea__indicator{transition-property:background-color,color;transition-duration:var(--motion-duration-feedback), var(--motion-duration-feedback);transition-timing-function:var(--ease-standard), var(--ease-standard);transform:none}.motion-foundation-lab-module__QszZea__lab[data-motion-mode=reduced][data-active=true] .motion-foundation-lab-module__QszZea__indicator{grid-column:2}.motion-foundation-lab-module__QszZea__lab[data-motion-mode=reduced] .motion-foundation-lab-module__QszZea__surface{transition-property:opacity;transition-duration:var(--motion-duration-feedback);transition-timing-function:var(--ease-standard);transform:none}.motion-foundation-lab-module__QszZea__lab[data-resetting=true] .motion-foundation-lab-module__QszZea__instantSignal,.motion-foundation-lab-module__QszZea__lab[data-resetting=true] .motion-foundation-lab-module__QszZea__feedbackSignal,.motion-foundation-lab-module__QszZea__lab[data-resetting=true] .motion-foundation-lab-module__QszZea__indicator,.motion-foundation-lab-module__QszZea__lab[data-resetting=true] .motion-foundation-lab-module__QszZea__surface{transition-duration:0s!important}@media (prefers-reduced-motion:reduce){.motion-foundation-lab-module__QszZea__lab[data-motion-mode=system] .motion-foundation-lab-module__QszZea__feedbackSignal{transition-property:color,background-color,border-color;transition-duration:var(--motion-duration-feedback), var(--motion-duration-feedback), var(--motion-duration-feedback);transition-timing-function:var(--ease-standard), var(--ease-standard), var(--ease-standard);transform:none}.motion-foundation-lab-module__QszZea__lab[data-motion-mode=system] .motion-foundation-lab-module__QszZea__indicator{transition-property:background-color,color;transition-duration:var(--motion-duration-feedback), var(--motion-duration-feedback);transition-timing-function:var(--ease-standard), var(--ease-standard);transform:none}.motion-foundation-lab-module__QszZea__lab[data-motion-mode=system][data-active=true] .motion-foundation-lab-module__QszZea__indicator{grid-column:2}.motion-foundation-lab-module__QszZea__lab[data-motion-mode=system] .motion-foundation-lab-module__QszZea__surface{transition-property:opacity;transition-duration:var(--motion-duration-feedback);transition-timing-function:var(--ease-standard);transform:none}}