@layer components{.cp-pw{--pw-tone:#8a8794;display:grid;gap:8px;margin-top:10px;font-size:12.5px}.cp-pw[data-level=weak]{--pw-tone:#d0424f}.cp-pw[data-level=fair]{--pw-tone:#e09a12}.cp-pw[data-level=good]{--pw-tone:#6a58e0}.cp-pw[data-level=strong]{--pw-tone:#2f9a66}.cp-pw__head{display:flex;justify-content:space-between;align-items:center;color:color-mix(in srgb,currentColor 72%,transparent);font-weight:500}.cp-pw__verdict{display:inline-flex;align-items:center;gap:4px;color:color-mix(in srgb,var(--pw-tone) 78%,currentColor);font-weight:700;transition:color .2s}.cp-pw__verdict svg{width:14px;height:14px;stroke-width:3}.cp-pw__bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.cp-pw__bar span{height:6px;border-radius:999px;background:color-mix(in srgb,currentColor 10%,transparent);transition:background-color .25s}.cp-pw__bar span[data-on]{background:var(--pw-tone)}.cp-pw__fold{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .32s cubic-bezier(.23,1,.32,1),opacity .2s}.cp-pw__fold[data-open]{grid-template-rows:1fr;opacity:1}.cp-pw__chips{display:flex;flex-wrap:wrap;gap:5px;min-height:0;overflow:hidden;margin:0;padding:0;list-style:none}.cp-pw__chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 4px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:999px;color:color-mix(in srgb,currentColor 78%,transparent);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s}.cp-pw__tick{display:grid;flex:none;place-items:center;width:14px;height:14px;border:1.5px solid color-mix(in srgb,currentColor 32%,transparent);border-radius:50%;transition:background-color .2s,border-color .2s}.cp-pw__tick svg{width:9px;height:9px;stroke-width:3.5;color:#fff;scale:0;transition:scale .25s cubic-bezier(.34,1.5,.64,1)}.cp-pw__chip[data-met]{border-color:rgb(47 154 102/.4);background:rgb(47 154 102/.13);color:color-mix(in srgb,#2f9a66 70%,currentColor)}.cp-pw__chip[data-met] .cp-pw__tick{border-color:#2f9a66;background:#2f9a66}.cp-pw__chip[data-met] .cp-pw__tick svg{scale:1}@media (prefers-reduced-motion:reduce){.cp-pw__bar span,.cp-pw__chip,.cp-pw__fold,.cp-pw__tick,.cp-pw__tick svg{transition:none}}}