:root{--shake-distance: 6px;--shake-overshoot: 4px;--shake-dur-a: 80ms;--shake-dur-b: 60ms;--shake-ease: cubic-bezier(.22, 1, .36, 1);--revert-hold: 3s;--revert-dur: .28s;--error-feedback-color: oklch(.76 .14 29.234);--error-feedback-ring: oklch(.535 .219 29.234 / .56)}[data-theme=light]{--error-feedback-color: oklch(.46 .18 29.234);--error-feedback-ring: oklch(.535 .219 29.234 / .48)}.t-input:not(.button){transition:border-color .15s ease-out,box-shadow .15s ease-out}.t-input:not(.button).is-error{transition:border-color var(--revert-dur) ease-out,box-shadow var(--revert-dur) ease-out}.t-input.is-error{border-color:var(--error-feedback-color)}button.t-input.is-error,input[type=submit].t-input.is-error,.t-input[data-error-shake-target].is-error{box-shadow:inset 0 0 0 1px var(--error-feedback-ring)}.t-error-msg{opacity:0;visibility:hidden;transition:opacity var(--revert-dur) ease-out,visibility 0s linear var(--revert-dur)}.t-input-wrap.is-error .t-error-msg,.t-input-wrap:has(.t-input.is-error) .t-error-msg{opacity:1;visibility:visible;transition:opacity var(--revert-dur) ease-out,visibility 0s linear 0s}.t-input.is-shaking{will-change:transform;animation:t-input-shake calc(var(--shake-dur-a) * 2 + var(--shake-dur-b) * 2) linear}@keyframes t-input-shake{0%{transform:translate(0);animation-timing-function:var(--shake-ease)}28.57%{transform:translate(var(--shake-distance));animation-timing-function:var(--shake-ease)}57.14%{transform:translate(calc(var(--shake-distance) * -1));animation-timing-function:var(--shake-ease)}78.57%{transform:translate(var(--shake-overshoot));animation-timing-function:var(--shake-ease)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.t-input,.t-error-msg{transition:none}.t-input.is-shaking{animation:none;transform:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/error-feedback.css.map */
