.pattern-lock-module__iwJ0SG__grid{width:min(100%,max(240px,100svh - 300px),680px)}.pattern-lock-module__iwJ0SG__segment{opacity:.4;animation:.12s ease-out pattern-lock-module__iwJ0SG__segment-in}.pattern-lock-module__iwJ0SG__overlap{stroke:oklch(from var(--primary) clamp(.55, l, .72) max(c, .14) var(--overlap-hue));opacity:.85;animation:.12s ease-out pattern-lock-module__iwJ0SG__overlap-in}@keyframes pattern-lock-module__iwJ0SG__overlap-in{0%{opacity:0}to{opacity:.85}}@keyframes pattern-lock-module__iwJ0SG__segment-in{0%{opacity:0}to{opacity:.4}}@media (prefers-reduced-motion:reduce){.pattern-lock-module__iwJ0SG__segment,.pattern-lock-module__iwJ0SG__overlap{animation:none}}.pattern-lock-module__iwJ0SG__dot{background:var(--muted-foreground);width:clamp(18px,4vw,32px);height:clamp(18px,4vw,32px)}.pattern-lock-module__iwJ0SG__dot[data-active=true]{background:var(--primary)}.pattern-lock-module__iwJ0SG__grid:focus-visible:not([data-pointer-input]) .pattern-lock-module__iwJ0SG__dot{outline:2px solid var(--muted-foreground);outline-offset:6px}