@keyframes loading{0%{width:0}50%{width:70%}to{width:100%}}.btn-primary{background-color:var(--color-primary-500);border:none;cursor:pointer;transition:background-color .3s ease}.btn-primary:hover{background-color:var(--color-primary-600)}.btn-primary:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-500),.5)}.btn-primary-cancel{background-color:var(--color-primary-300);border:none;cursor:pointer;transition:background-color .3s ease}.btn-primary-cancel:hover{background-color:var(--color-primary-400)}.btn-primary-cancel:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-500),.5)}.btn-primary-delete{background-color:var(--color-danger);border:none;cursor:pointer;transition:background-color .3s ease}.btn-primary-delete:hover{background-color:var(--color-danger-hover)}.btn-primary-delete:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-danger),.5)}.btn-primary-add{background-color:var(--color-primary-400);border:none;cursor:pointer;transition:background-color .3s ease}.btn-primary-add:hover{background-color:var(--color-primary-500)}.btn-primary-add:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-400),.5)}