@layer components{.pwm{--pwm-empty:#b4a8c0;--pwm-muted:#5f5773;--pwm-ok:#1f6b3d;--pwm-bad:#b4233f;--pwm-1:#e5484d;--pwm-2:#f08c2a;--pwm-3:#7cbf3a;--pwm-4:#23a86a;margin-top:9px}.pass.is-crew .pwm{--pwm-empty:#2c3442;--pwm-muted:#8394a8;--pwm-ok:#7fe3b0;--pwm-bad:#ff7d8c;--pwm-4:#3ccf8e}.pwm-portal{--pwm-empty:var(--color-line-2);--pwm-muted:var(--color-muted);--pwm-ok:var(--color-ok);--pwm-bad:var(--color-bad);--pwm-4:#3ccf8e}.pwm-top{display:flex;align-items:center;gap:10px}.pwm-bar{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.pwm-bar span{height:4px;border-radius:2px;background:var(--pwm-empty);transition:background-color .25s,transform .25s var(--ease-out);transform-origin:left}.pwm[data-level="1"] .pwm-bar span:nth-child(-n+1){background:var(--pwm-1)}.pwm[data-level="2"] .pwm-bar span:nth-child(-n+2){background:var(--pwm-2)}.pwm[data-level="3"] .pwm-bar span:nth-child(-n+3){background:var(--pwm-3)}.pwm[data-level="4"] .pwm-bar span{background:var(--pwm-4)}.pwm[data-breach=found] .pwm-bar span{background:var(--pwm-1)}.pwm-word{min-width:66px;text-align:right;font-size:12px;font-weight:600;color:var(--pwm-muted);transition:color .2s}.pwm[data-level="1"] .pwm-word{color:var(--pwm-1)}.pwm[data-level="2"] .pwm-word{color:var(--pwm-2)}.pwm[data-level="3"] .pwm-word{color:var(--pwm-3)}.pwm[data-level="4"] .pwm-word{color:var(--pwm-4)}.pwm-rules{margin-top:7px;font-size:12.5px;line-height:1.6;color:var(--pwm-muted)}.pwm-rules span{transition:color .2s}.pwm-rules .is-met{color:var(--pwm-ok)}.pwm-rules .is-bad{color:var(--pwm-bad);font-weight:600}.pwm-rules .is-checking{animation:pwm-pulse 1s ease-in-out infinite}.pwm-rules .pwm-tip{color:var(--pwm-muted)}@keyframes pwm-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.pwm-bar span,.pwm-rules span,.pwm-word{transition:none}.pwm-rules .is-checking{animation:none}}}