.pws{font-family:var(--font-ui);color:var(--fill-on,var(--ink));--pws-mute:color-mix(in srgb, var(--fill-on,#17181a) 32%, var(--fill-slab,#fff));--pws-line:color-mix(in srgb, var(--fill-on,#17181a) 12%, var(--fill-slab,#fff));display:block}.pws-panel{border-radius:var(--pws-out);background:var(--fill-slab,var(--card));padding:14px 16px}.pws-meter{align-items:center;gap:12px;display:flex}.pws-bar{flex:1;gap:4px;display:grid}.pws-seg{background:var(--pws-line);border-radius:2px;height:4px;overflow:hidden}.pws-seg i{border-radius:inherit;background:var(--fill-on,#17181a);transform-origin:0;height:100%;transition:transform .42s cubic-bezier(.22,1,.36,1);transition-delay:calc((3 - var(--i)) * 45ms);display:block;transform:scaleX(0)}.pws-seg i[data-on]{transition-delay:calc(var(--i) * 45ms);transform:scaleX(1)}.pws-word{text-align:right;letter-spacing:0;width:62px;height:18px;font-size:13px;font-weight:500;line-height:18px;display:grid;overflow:hidden}.pws-word>span{opacity:0;grid-area:1/1;transition:opacity .22s,translate .42s cubic-bezier(.22,1,.36,1);translate:0 8px}.pws-word>span[data-on]{opacity:1;translate:0}.pws-word>span:not([data-on]){translate:0 -8px}.pws-rules{gap:6px;margin:0;padding:12px 0 0;list-style:none;display:grid}.pws-rules li{color:var(--pws-mute);letter-spacing:0;align-items:center;gap:8px;font-size:13px;line-height:18px;transition:color .22s;display:flex}.pws-rules li[data-met]{color:var(--fill-on,#17181a)}.pws-rules li[data-opt] .pws-opt{color:var(--ink-4);margin-left:6px;font-size:11px;font-style:normal}.pws-tick{flex:none;overflow:visible}.pws-tick circle{fill:#0000;stroke:color-mix(in srgb, var(--fill-on,#17181a) 32%, var(--fill-slab,#fff));stroke-width:1.5px;transition:fill .22s,stroke .22s}.pws-rules li[data-opt] .pws-tick circle{stroke-dasharray:2 2}.pws-tick path{fill:none;stroke:var(--on-ink,var(--fill-slab,#fff));stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .22s cubic-bezier(.22,1,.36,1)}li[data-met] .pws-tick circle{fill:var(--fill-on,#17181a);stroke:var(--fill-on,#17181a)}li[data-met] .pws-tick path{stroke-dashoffset:0;transition-delay:90ms}@media (prefers-reduced-motion:reduce){.pws-seg i,.pws-word>span,.pws-tick path,.pws-tick circle{transition:none}}
