.ab-strength{color:#24292c;background:#f8f9fa;border-top:5px solid #ed101b;margin:48px 0;padding:32px}.ab-strength h2{margin:0 0 28px;font-size:clamp(25px,4vw,38px)}.ab-strength__summary{justify-content:space-between;gap:20px;display:flex}.ab-strength__summary>div:last-child{text-align:right}.ab-strength__summary strong{font-size:clamp(30px,5vw,60px)}.ab-strength__summary small{font-size:18px;font-weight:400}.ab-strength p{color:#626b72;line-height:1.6}.ab-strength__scroll{padding-top:35px;overflow-x:auto}.ab-strength__chart{background:repeating-linear-gradient(0deg,#0000 0 54px,#dfe2e5 55px,#0000 56px);border-bottom:1px solid #ccd0d4;gap:12px;min-width:520px;height:265px;padding-bottom:38px;display:flex}.ab-strength__chart button{cursor:pointer;min-width:58px;color:inherit;font:inherit;background:0 0;border:0;flex:1;justify-content:center;align-items:flex-end;padding:0;display:flex;position:relative}.ab-strength__column{width:100%;height:var(--height);min-height:1px;position:relative}.ab-strength__fill{clip-path:polygon(0 10px,100% 0,100% 100%,0 100%);transform-origin:bottom;background:#dfe2e5;border-right:15px solid #cbd0d4;position:absolute;inset:0}.ab-strength--entered .ab-strength__fill{animation:.7s both ab-strength-grow;animation-delay:var(--delay)}.ab-strength__value{font-size:16px;position:absolute;top:-27px;left:0;right:0}.ab-strength__grade{font-weight:600;position:absolute;bottom:-30px}.ab-strength__chart .is-selected .ab-strength__fill{background:#ed101b;border-right-color:#cf0914}.ab-strength__chart .is-original:not(.is-selected) .ab-strength__fill{background:#636d75;border-right-color:#424a50}.ab-strength__actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.ab-strength__actions button{color:#fff;font:inherit;cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#ed101b;border:0;padding:15px 22px;font-weight:700}.ab-strength :focus-visible{outline-offset:3px;outline:3px solid #24292c}.ab-strength__note{margin-top:24px;font-size:14px}@keyframes ab-strength-grow{0%{transform:scaleY(.05)}to{transform:scaleY(1)}}@media (max-width:600px){.ab-strength{padding:20px 16px}.ab-strength__summary p{font-size:13px}.ab-strength__chart{gap:8px}.ab-strength__summary{gap:12px}}@media (prefers-reduced-motion:reduce){.ab-strength--entered .ab-strength__fill{animation:none}}