@layer base {
@keyframes fadeInBlue{0%{background-color:var(--color-blue-50);transform:scaleY(1.02)}50%{background-color:var(--color-blue-100)}to{background-color:#0000;transform:scaleY(1)}}@keyframes fadeInYellow{0%{background-color:var(--color-yellow-50);transform:scaleY(1.02)}to{background-color:#0000;transform:scaleY(1)}}@keyframes deleteRow{0%{background-color:var(--color-red-100);opacity:1;transform:scaleY(1)}30%{background-color:var(--color-red-50);opacity:.7;transform:scaleY(.98)}60%{opacity:.3;transform:scaleY(.7)}99%{opacity:0;border:none;height:0;transform:scaleY(0)}to{visibility:hidden;border:none;height:0;display:none;position:absolute;overflow:hidden}}.animate-fade-in-blue{animation:1.2s ease-in-out forwards fadeInBlue;overflow:hidden}.animate-fade-in-yellow{animation:1.2s ease-in-out forwards fadeInYellow;overflow:hidden}.animate-delete-row{pointer-events:none;animation:1.3s cubic-bezier(.4,0,.2,1) forwards deleteRow;overflow:hidden}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}@utility animate-error-shake{border: 1px solid var(--color-red-500); background-color: var(--color-red-50); animation: shake .5s ease-in-out;}@keyframes fadeInRed{0%{background-color:var(--color-red-50);transform:scaleY(1.02)}to{background-color:#0000;transform:scaleY(1)}}.animate-fade-in-red{animation:1.2s ease-in-out forwards fadeInRed;overflow:hidden}
}