.security-credentials-module__RoQCna__cluster{--key:4rem;--key-radius:calc(var(--key) * .26);grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem;width:100%;max-width:30rem;margin-inline:auto 0;display:grid}@media (min-width:1024px){.security-credentials-module__RoQCna__cluster{--key:4.5rem;gap:2.25rem 2rem}}.security-credentials-module__RoQCna__credential{text-align:center;justify-items:center;gap:.875rem;display:grid}.security-credentials-module__RoQCna__plate{--liquid-glass-fill:color-mix(in oklab, var(--background) 18%, transparent);--liquid-glass-contour:color-mix(in oklab, var(--foreground) 12%, transparent);--liquid-glass-specular:var(--color-white);--liquid-glass-shadow-color:var(--color-neutral-900);width:var(--key);height:var(--key);border-radius:var(--key-radius);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent);color:var(--foreground);place-items:center;display:grid;position:relative}.dark .security-credentials-module__RoQCna__plate{--liquid-glass-fill:color-mix(in oklab, var(--foreground) 6%, transparent);--liquid-glass-contour:color-mix(in oklab, var(--foreground) 16%, transparent)}.security-credentials-module__RoQCna__focal{transform:translateY(-3px)}.security-credentials-module__RoQCna__glyph{z-index:1;width:calc(var(--key) * .46);height:calc(var(--key) * .46);position:relative}.security-credentials-module__RoQCna__caption{max-width:9rem;min-height:2.25rem;color:var(--muted-foreground);text-wrap:balance;font-size:.8125rem;line-height:1.125rem}.security-credentials-module__RoQCna__focal+.security-credentials-module__RoQCna__caption{color:var(--foreground)}@media (max-width:1023.98px){.security-credentials-module__RoQCna__cluster{--key:2.75rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;max-width:none;margin-inline:0}.security-credentials-module__RoQCna__credential{text-align:left;align-items:center;gap:.75rem;display:flex}.security-credentials-module__RoQCna__credential .security-credentials-module__RoQCna__plate{flex-shrink:0}.security-credentials-module__RoQCna__credential:has(.security-credentials-module__RoQCna__focal){order:-1;grid-column:1/-1;padding-bottom:.25rem}.security-credentials-module__RoQCna__credential .security-credentials-module__RoQCna__caption{max-width:none;min-height:0;font-size:.875rem;line-height:1.25rem}.security-credentials-module__RoQCna__focal{transform:none}}@media (min-width:768px) and (max-width:1023.98px){.security-credentials-module__RoQCna__cluster{grid-template-columns:repeat(4,minmax(0,1fr))}}