.wbm-s-field{--wbm-s-ok: #35c07a;--wbm-s-bad: #ff5c5c;--wbm-s-dur: .42s;position:relative}.wbm-s-check{width:var(--wbm-s-icon, 20px);height:var(--wbm-s-icon, 20px);display:block;opacity:0;pointer-events:none}.wbm-s-check path{fill:none;stroke:var(--wbm-s-ok);stroke-width:var(--wbm-s-stroke, 2.5);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--wbm-s-len, 36);stroke-dashoffset:var(--wbm-s-len, 36)}[data-state=ok] .wbm-s-check{opacity:1}[data-state=ok] .wbm-s-check path{animation:wbmSDraw var(--wbm-s-dur) var(--wbm-out, ease) both}@keyframes wbmSDraw{to{stroke-dashoffset:0}}.wbm-s-cross{width:var(--wbm-s-icon, 20px);height:var(--wbm-s-icon, 20px);display:block;opacity:0;pointer-events:none}.wbm-s-cross path{fill:none;stroke:var(--wbm-s-bad);stroke-width:var(--wbm-s-stroke, 2.5);stroke-linecap:round;stroke-dasharray:var(--wbm-s-len, 24);stroke-dashoffset:var(--wbm-s-len, 24)}[data-state=bad] .wbm-s-cross{opacity:1}[data-state=bad] .wbm-s-cross path{animation:wbmSDraw calc(var(--wbm-s-dur) * .6) var(--wbm-out, ease) both}[data-state=bad] .wbm-s-cross path:nth-child(2){animation-delay:calc(var(--wbm-s-dur) * .45)}[data-state=bad] .wbm-s-shake,.wbm-s-shake[data-state=bad]{animation:wbmSShake .36s var(--wbm-snap, ease) 1 both}@keyframes wbmSShake{0%,to{transform:translateZ(0)}15%{transform:translate3d(-6px,0,0)}32%{transform:translate3d(5px,0,0)}50%{transform:translate3d(-3px,0,0)}68%{transform:translate3d(2px,0,0)}84%{transform:translate3d(-1px,0,0)}}.wbm-s-gauge{display:block;height:var(--wbm-s-gauge-h, 2px);border-radius:2px;background:var(--wbm-s-track, color-mix(in srgb, currentColor 14%, transparent));position:relative;overflow:hidden}.wbm-s-gauge:after{content:"";position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:var(--wbm-s-ok);transition:transform var(--wbm-s-dur) var(--wbm-out, ease),background-color var(--wbm-s-dur) linear}[data-state=checking] .wbm-s-gauge:after{background:var(--wbm-s-checking, color-mix(in srgb, currentColor 55%, transparent));animation:wbmSSweep 1.1s var(--wbm-glide, linear) infinite}[data-state=ok] .wbm-s-gauge:after{transform:scaleX(1);background:var(--wbm-s-ok)}[data-state=bad] .wbm-s-gauge:after{transform:scaleX(1);background:var(--wbm-s-bad)}@keyframes wbmSSweep{0%{transform:scaleX(.08) translate(0)}50%{transform:scaleX(.42) translate(160%)}to{transform:scaleX(.08) translate(1100%)}}.wbm-s-morph{position:relative;overflow:hidden}.wbm-s-morph .wbm-s-lbl-idle,.wbm-s-morph .wbm-s-lbl-done{display:block;transition:transform var(--wbm-s-dur) var(--wbm-out, ease),opacity calc(var(--wbm-s-dur) * .6) linear}.wbm-s-morph .wbm-s-lbl-done{position:absolute;inset:0;display:grid;place-items:center;transform:translateY(115%);opacity:0}.wbm-s-morph[data-state=ok] .wbm-s-lbl-idle{transform:translateY(-115%);opacity:0}.wbm-s-morph[data-state=ok] .wbm-s-lbl-done{transform:translateY(0);opacity:1}.wbm-s-morph[data-state=checking]{cursor:progress;background-image:repeating-linear-gradient(115deg,transparent 0 10px,color-mix(in srgb,currentColor 10%,transparent) 10px 20px);background-size:200% 100%;animation:wbmSBusy .9s linear infinite}@keyframes wbmSBusy{to{background-position:-40px 0}}.wbm-s-field .wbm-s-msg{font-size:.82rem;margin:6px 0 0;min-height:1.2em}.wbm-s-field[data-state=ok] .wbm-s-msg{color:var(--wbm-s-ok)}.wbm-s-field[data-state=bad] .wbm-s-msg{color:var(--wbm-s-bad)}.wbm-s-field[data-state=bad] :is(input,textarea,select){border-color:var(--wbm-s-bad);outline-color:var(--wbm-s-bad)}.wbm-s-field[data-state=ok] :is(input,textarea,select){border-color:var(--wbm-s-ok)}@media(prefers-reduced-motion:reduce){.wbm-s-check path,.wbm-s-cross path{animation:none!important;stroke-dashoffset:0!important}.wbm-s-shake,[data-state=bad] .wbm-s-shake{animation:none!important}.wbm-s-gauge:after{transition:none!important;animation:none!important}[data-state=checking] .wbm-s-gauge:after{transform:scaleX(1)!important}.wbm-s-morph .wbm-s-lbl-idle,.wbm-s-morph .wbm-s-lbl-done{transition:none!important}.wbm-s-morph[data-state=checking]{animation:none!important;background-image:none}}@media(forced-colors:active){.wbm-s-check path{stroke:CanvasText}.wbm-s-cross path{stroke:CanvasText}.wbm-s-gauge:after{background:CanvasText}.wbm-s-morph[data-state=checking]{background-image:none}}@media print{.wbm-s-check path,.wbm-s-cross path{animation:none!important;stroke-dashoffset:0!important}.wbm-s-gauge:after,.wbm-s-morph[data-state=checking]{animation:none!important}}